example.svg

<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
<svg xmlns="http://www.w3.org/2000/svg"
    xmlns:xlink="http://www.w3.org/1999/xlink"
    version="1.1" baseProfile="full"
    viewBox="0 0 160 160">
  <g>
    <circle cx="80" cy="80" r="60" fill="transparent" stroke="#ae5a41" stroke-width="30" stroke-dasharray="376.99111843077515" stroke-dashoffset="344.6585252282106" transform="rotate(-90, 80, 80)" shape-rendering="optimizeQuality"></circle>
    <circle cx="80" cy="80" r="60" fill="transparent" stroke="#1b85b8" stroke-width="30" stroke-dasharray="376.99111843077515" stroke-dashoffset="365.54692069658694" transform="rotate(-60, 80, 80)" shape-rendering="optimizeQuality"></circle>
    <circle cx="80" cy="80" r="60" fill="transparent" stroke="#559e83" stroke-width="30" stroke-dasharray="376.99111843077515" stroke-dashoffset="365.54692069658694" transform="rotate(-50, 80, 80)" shape-rendering="optimizeQuality"></circle>
    <circle cx="80" cy="80" r="60" fill="transparent" stroke="#1b85b8" stroke-width="30" stroke-dasharray="376.99111843077515" stroke-dashoffset="370.76901956368107" transform="rotate(-40, 80, 80)" shape-rendering="optimizeQuality"></circle>
    <circle cx="80" cy="80" r="60" fill="transparent" stroke="#1b85b8" stroke-width="30" stroke-dasharray="376.99111843077515" stroke-dashoffset="370.76901956368107" transform="rotate(-35, 80, 80)" shape-rendering="optimizeQuality"></circle>
    <circle cx="80" cy="80" r="60" fill="transparent" stroke="#559e83" stroke-width="30" stroke-dasharray="376.99111843077515" stroke-dashoffset="313.32593202564595" transform="rotate(-30, 80, 80)" shape-rendering="optimizeQuality"></circle>
    <circle cx="80" cy="80" r="60" fill="transparent" stroke="#1b85b8" stroke-width="30" stroke-dasharray="376.99111843077515" stroke-dashoffset="368.157970130134" transform="rotate(30, 80, 80)" shape-rendering="optimizeQuality"></circle>
    <circle cx="80" cy="80" r="60" fill="transparent" stroke="#1b85b8" stroke-width="30" stroke-dasharray="376.99111843077515" stroke-dashoffset="368.157970130134" transform="rotate(37.5, 80, 80)" shape-rendering="optimizeQuality"></circle>
    <circle cx="80" cy="80" r="60" fill="transparent" stroke="#5a5255" stroke-width="30" stroke-dasharray="376.99111843077515" stroke-dashoffset="372.0745442804546" transform="rotate(45, 80, 80)" shape-rendering="optimizeQuality"></circle>
    <circle cx="80" cy="80" r="60" fill="transparent" stroke="#559e83" stroke-width="30" stroke-dasharray="376.99111843077515" stroke-dashoffset="372.0745442804546" transform="rotate(48.75, 80, 80)" shape-rendering="optimizeQuality"></circle>
    <circle cx="80" cy="80" r="60" fill="transparent" stroke="#ae5a41" stroke-width="30" stroke-dasharray="376.99111843077515" stroke-dashoffset="368.157970130134" transform="rotate(52.5, 80, 80)" shape-rendering="optimizeQuality"></circle>
    <circle cx="80" cy="80" r="60" fill="transparent" stroke="#5a5255" stroke-width="30" stroke-dasharray="376.99111843077515" stroke-dashoffset="372.0745442804546" transform="rotate(60, 80, 80)" shape-rendering="optimizeQuality"></circle>
    <circle cx="80" cy="80" r="60" fill="transparent" stroke="#1b85b8" stroke-width="30" stroke-dasharray="376.99111843077515" stroke-dashoffset="372.0745442804546" transform="rotate(63.75, 80, 80)" shape-rendering="optimizeQuality"></circle>
    <circle cx="80" cy="80" r="60" fill="transparent" stroke="#ae5a41" stroke-width="30" stroke-dasharray="376.99111843077515" stroke-dashoffset="372.0745442804546" transform="rotate(67.5, 80, 80)" shape-rendering="optimizeQuality"></circle>
    <circle cx="80" cy="80" r="60" fill="transparent" stroke="#ae5a41" stroke-width="30" stroke-dasharray="376.99111843077515" stroke-dashoffset="372.0745442804546" transform="rotate(71.25, 80, 80)" shape-rendering="optimizeQuality"></circle>
    <circle cx="80" cy="80" r="60" fill="transparent" stroke="#ae5a41" stroke-width="30" stroke-dasharray="376.99111843077515" stroke-dashoffset="370.76901956368107" transform="rotate(75, 80, 80)" shape-rendering="optimizeQuality"></circle>
    <circle cx="80" cy="80" r="60" fill="transparent" stroke="#1b85b8" stroke-width="30" stroke-dasharray="376.99111843077515" stroke-dashoffset="370.76901956368107" transform="rotate(80, 80, 80)" shape-rendering="optimizeQuality"></circle>
    <circle cx="80" cy="80" r="60" fill="transparent" stroke="#559e83" stroke-width="30" stroke-dasharray="376.99111843077515" stroke-dashoffset="370.76901956368107" transform="rotate(85, 80, 80)" shape-rendering="optimizeQuality"></circle>
    <circle cx="80" cy="80" r="60" fill="transparent" stroke="#5a5255" stroke-width="30" stroke-dasharray="376.99111843077515" stroke-dashoffset="365.54692069658694" transform="rotate(90, 80, 80)" shape-rendering="optimizeQuality"></circle>
    <circle cx="80" cy="80" r="60" fill="transparent" stroke="#5a5255" stroke-width="30" stroke-dasharray="376.99111843077515" stroke-dashoffset="365.54692069658694" transform="rotate(100, 80, 80)" shape-rendering="optimizeQuality"></circle>
    <circle cx="80" cy="80" r="60" fill="transparent" stroke="#559e83" stroke-width="30" stroke-dasharray="376.99111843077515" stroke-dashoffset="370.76901956368107" transform="rotate(110, 80, 80)" shape-rendering="optimizeQuality"></circle>
    <circle cx="80" cy="80" r="60" fill="transparent" stroke="#ae5a41" stroke-width="30" stroke-dasharray="376.99111843077515" stroke-dashoffset="370.76901956368107" transform="rotate(115, 80, 80)" shape-rendering="optimizeQuality"></circle>
    <circle cx="80" cy="80" r="60" fill="transparent" stroke="#1b85b8" stroke-width="30" stroke-dasharray="376.99111843077515" stroke-dashoffset="365.54692069658694" transform="rotate(120, 80, 80)" shape-rendering="optimizeQuality"></circle>
    <circle cx="80" cy="80" r="60" fill="transparent" stroke="#5a5255" stroke-width="30" stroke-dasharray="376.99111843077515" stroke-dashoffset="365.54692069658694" transform="rotate(130, 80, 80)" shape-rendering="optimizeQuality"></circle>
    <circle cx="80" cy="80" r="60" fill="transparent" stroke="#5a5255" stroke-width="30" stroke-dasharray="376.99111843077515" stroke-dashoffset="365.54692069658694" transform="rotate(140, 80, 80)" shape-rendering="optimizeQuality"></circle>
    <circle cx="80" cy="80" r="60" fill="transparent" stroke="#ae5a41" stroke-width="30" stroke-dasharray="376.99111843077515" stroke-dashoffset="371.3492527711359" transform="rotate(150, 80, 80)" shape-rendering="optimizeQuality"></circle>
    <circle cx="80" cy="80" r="60" fill="transparent" stroke="#1b85b8" stroke-width="30" stroke-dasharray="376.99111843077515" stroke-dashoffset="371.3492527711359" transform="rotate(154.44444444444446, 80, 80)" shape-rendering="optimizeQuality"></circle>
    <circle cx="80" cy="80" r="60" fill="transparent" stroke="#5a5255" stroke-width="30" stroke-dasharray="376.99111843077515" stroke-dashoffset="371.3492527711359" transform="rotate(158.8888888888889, 80, 80)" shape-rendering="optimizeQuality"></circle>
    <circle cx="80" cy="80" r="60" fill="transparent" stroke="#559e83" stroke-width="30" stroke-dasharray="376.99111843077515" stroke-dashoffset="362.06552145185753" transform="rotate(163.33333333333337, 80, 80)" shape-rendering="optimizeQuality"></circle>
    <circle cx="80" cy="80" r="60" fill="transparent" stroke="#559e83" stroke-width="30" stroke-dasharray="376.99111843077515" stroke-dashoffset="371.3492527711359" transform="rotate(176.6666666666667, 80, 80)" shape-rendering="optimizeQuality"></circle>
    <circle cx="80" cy="80" r="60" fill="transparent" stroke="#559e83" stroke-width="30" stroke-dasharray="376.99111843077515" stroke-dashoffset="371.3492527711359" transform="rotate(181.11111111111117, 80, 80)" shape-rendering="optimizeQuality"></circle>
    <circle cx="80" cy="80" r="60" fill="transparent" stroke="#1b85b8" stroke-width="30" stroke-dasharray="376.99111843077515" stroke-dashoffset="371.3492527711359" transform="rotate(185.55555555555563, 80, 80)" shape-rendering="optimizeQuality"></circle>
    <circle cx="80" cy="80" r="60" fill="transparent" stroke="#559e83" stroke-width="30" stroke-dasharray="376.99111843077515" stroke-dashoffset="334.21432749402237" transform="rotate(190.00000000000009, 80, 80)" shape-rendering="optimizeQuality"></circle>
    <circle cx="80" cy="80" r="60" fill="transparent" stroke="#5a5255" stroke-width="30" stroke-dasharray="376.99111843077515" stroke-dashoffset="334.21432749402237" transform="rotate(230.00000000000009, 80, 80)" shape-rendering="optimizeQuality"></circle>
  </g>
</svg>