Circle

The  SVG element is an SVG basic shape, used to draw circles based on a center point and a radius.

Example

 &lt;svg viewBox="0 0 100 100" xmlns="http://www.w3.org/2000/svg"&gt; &lt;circle cx="50" cy="50" r="50" /&gt; &lt;/svg&gt;

Result

Attributes 

  The x-axis coordinate of the center of the circle.

  The y-axis coordinate of the center of the circle.

  The radius of the circle. A value lower than or equal to zero disables rendering of the circle.

  The total length for the circle's circumference, in user units.</dd>

</dl>

References