SVG - Circle

About

A circle in SVG is created with the circle element.

Example

<svg height="120">
    <circle cx="60" cy="60" r="50" fill="#D5D8CB" stroke="#ECDCC6" stroke-width="5"/>
</svg>

where:

  • cx and cy defines the position of the center
  • r defines the rayon length
  • fill defines the fill color
  • stroke defines the stroke properties

Powered by ComboStrap