Circles in SVG: <circle>

Defining circles in svg:

<svg xmlns="http://www.w3.org/2000/svg"
    viewBox="0 0 1000 200">

  <circle r="60" cy="97" cx="497"
      stroke-width="2" stroke="#E4AF4C"
      fill="#F4D37D" />

</svg>

Breaking it down

Here are the properties used to define circles:

  • cx & cy: The x and y position of the center of the circle.
  • r: The circle radius.
✖ Clear

🕵 Search Results

🔎 Searching...