Three circles : circle « SVG « XML






Three circles


<svg>
  <defs>
    <circle id="circle"  cx="20" cy="25"  r="10"/>
  </defs>
  
  <use xlink:href="#circle" style="fill: orange; stroke: black;"/>
  <use xlink:href="#circle" style="fill: mistyrose; stroke: black;" transform="translate(75, -12.5) scale(1.5)"/>
  <use xlink:href="#circle" style="fill: palegoldenrod; stroke: black;" transform="translate(150, -25) scale(2.0)"/>
</svg>

 








Related examples in the same category

1.Using an SVG circle Element to Render Circles