Geek Answers Handbook

Two-tone color circle in svg

this is how i made a circle with a single stroke and without filling

fill: none !important; stroke-width: 1px;
  • I need a double move.
+5
source share
1 answer

Unfortunately, you cannot set the SVG to have a double move, only a dashed or solid move.

Instead, just create the element in exactly the same way, but reduce its size and radius, no matter how much you require.

 .circle { fill: none; stroke: black; } 
 <svg height="100" width="100"> <circle class="circle" cx="50" cy="50" r="40" stroke-width="1" /> <circle class="circle" cx="50" cy="50" r="38" stroke-width="1" /> </svg>
+7
source

More articles:


All Articles