About

A circle in SVG is created with the circle element.

Articles Related

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