Skip to content
SVG Generators

SVG Semicircle Meter Generator

Make a half circle gauge in SVG for scores, speed or usage. Fill animation, gradient and a label. Free download, no sign up.

Value
Look
px
Live preview of your SVG

Your picture shows here.

The fill animation is built into the SVG file, so it plays when the picture is shown in a page. No JavaScript is needed.

See the SVG code

            

Something not working? Report a problem

What is the SVG Semicircle Meter Generator?

A semicircle meter looks like a speedometer. It shows a score or a level on a half circle. Slide the value, type a label and pick colours, and the meter is drawn at once.

It can fill by itself when it loads, with no JavaScript. Add a gradient and round ends, and download the SVG or PNG.

How to use it

  1. Slide the value and type a label.
  2. Pick colours, thickness and the animation.
  3. Press Download SVG or PNG.

Why people like this tool

Half circle gauge

Great for scores and levels.

Fill animation

Built into the SVG, no scripts.

Gradient and round ends

Soft, modern look.

Sharp anywhere

Vector, any size.

How it works, in one picture

Infographic: how to use the SVG Semicircle Meter Generator in 3 easy steps: Add your details, Choose your options and Save your file. You get: Half circle gauge, Fill animation, Gradient and round ends and Sharp anywhere.

Frequently asked questions

How do I make a semicircle gauge?
Slide the value. The half circle fills to that percent.
What is it good for?
Scores, speed, usage, fuel and other levels on a dashboard.
Can I animate it?
Yes. Keep the fill animation ticked and the arc grows when the picture loads.

You may also like