SVG <circle>

SVG Circle - <circle>

<circle> The element is used to create a circle:

This is the SVG code:

Example

<svg height="100" width="100">
  <circle cx="50" cy="50" r="40" stroke="black" stroke-width="3" fill="red" />
</svg>

Try It Yourself

Code Explanation:

  • The 'cx' and 'cy' attributes define the x and y coordinates of the center of the circle. If 'cx' and 'cy' are omitted, the center of the circle is set to (0,0).
  • The 'r' attribute defines the radius of the circle. If 'r' is omitted, the center of the circle is set to (0,0).