JSFiddle - React, Tailwind, and code Playground
by Tika Datta Pahadi
HTML
<svg version="1.1" class="feature-icon" id="icon-time-tracking" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="70px" height="70px" viewBox="0 0 70 70" enable-background="new 0 0 70 70" xml:space="preserve">
<g>
<path fill="none" stroke="#dc73f2" stroke-width="2" stroke-linecap="round" stroke-miterlimit="10" d="M21.432,16.603
c2.873-1.746,6.109-2.953,9.568-3.484" style="stroke-dasharray: 11, 31; stroke-dashoffset: 0;"></path>
<path fill="none" stroke="#dc73f2" stroke-width="2" stroke-linecap="round" stroke-miterlimit="10" d="M13.013,24.802
c2.15-3.328,5.029-6.14,8.418-8.199" style="stroke-dasharray: 12, 32; stroke-dashoffset: 0;"></path>
<path fill="none" stroke="#dc73f2" stroke-width="2" stroke-linecap="round" stroke-miterlimit="10" d="M39.25,13.164
c-1.384-0.227-2.803-0.349-4.25-0.349c-1.36,0-2.695,0.104-4,0.304" style="stroke-dasharray: 9, 29; stroke-dashoffset: 0;"></path>
<path fill="none" stroke="#dc73f2" stroke-width="2" stroke-linecap="round" stroke-miterlimit="10" d="M13.013,24.802
c-2.641,4.086-4.18,8.951-4.18,14.18c0,14.449,11.716,26.162,26.167,26.162s26.167-11.713,26.167-26.162
c0-13.006-9.487-23.789-21.917-25.819" style="stroke-dasharray: 135, 155; stroke-dashoffset: 0;"></path>
<path fill="none" stroke="#dc73f2" stroke-width="2" stroke-linecap="round" stroke-miterlimit="10" d="M34.879,26.218
L34.879,40.666L44.993,47.529" style="stroke-dasharray: 27, 47; stroke-dashoffset: 0;"></path>
<path fill="none" stroke="#dc73f2" stroke-width="2" stroke-linecap="round" stroke-miterlimit="10" d="M13.013,24.802
l-3.621-3.621c-0.39-0.391-0.39-1.024,0-1.415l6.895-6.895c0.391-0.39,1.023-0.39,1.414,0l3.73,3.731" style="stroke-dasharray: 24, 44; stroke-dashoffset: 0;"></path>
<path fill="none" stroke="#dc73f2" stroke-width="2"...