JSFiddle - React, Tailwind, and code Playground
by luka kupunia
HTML
<svg class="svg" xmlns="http://www.w3.org/2000/svg" width="1615.029" height="549.486" viewBox="0 0 1615.029 549.486">
<g id="Group_868" data-name="Group 868" transform="translate(24132 18747.906)">
<path class="p_1 act" id="Path_253" data-name="Path 253" stroke="#009c9c" d="M31.408,62.815A31.409,31.409,0,0,1,0,31.408" fill="none" transform="translate(-23886.5 -18778.314)" stroke-linecap="round" stroke-miterlimit="20" stroke-width="2" stroke-dasharray="20 20" fill-rule="evenodd"></path>
<path class="p_2 act" id="Path_946" data-name="Path 946" d="M157,0H0" transform="translate(-23851.5 -18715.5)" fill="none" stroke="#009c9c" stroke-linecap="round" stroke-width="2" stroke-dasharray="20 20"></path>
<path class="p_3 act" id="Path_252" data-name="Path 252" stroke="#009c9c" d="M0,62.815A31.408,31.408,0,0,0,31.407,31.408,31.408,31.408,0,0,0,0,0" fill="none" transform="translate(-23683.971 -18715.314)" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2" stroke-dasharray="20 20" fill-rule="evenodd"></path>
<path class="p_4 act" id="Path_945" data-name="Path 945" d="M386.5,0H0" transform="translate(-24085.5 -18652.5)" fill="none" stroke="#009c9c" stroke-linecap="round" stroke-width="2" stroke-dasharray="20 20"></path>
<path class="p_5 act" id="Path_251" data-name="Path 251" stroke="#009c9c" d="M50,100A50,50,0,0,1,50,0" fill="none" transform="translate(-24131 -18652.5)" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2" stroke-dasharray="20 20" fill-rule="evenodd"></path>
<path class="p_6 act" id="Path_944" data-name="Path 944" d="M702,0H0" transform="translate(-24069.5 -18552.5)" fill="none" stroke="#009c9c" stroke-linecap="round" stroke-width="2" stroke-dasharray="20 20"></path>
<path class="p_7 act" id="Path_947" data-name="Path 947" d="M585,0H0" transform="translate(-23152.5 -18552.5)" fill="none" stroke="#009c9c" stroke-linecap="round" stroke-width="2" stroke-dasharray="20 20"></path>
...
CSS
svg path:nth-child(2) {
}