HTML/CSS - Draw a cycle using SVG Online Editor and JavaScript Compiler

html
<!--created by #00FF00-->
<!DOCTYPE html>
<html>
    <head>
        <title>Cycle</title>
    </head>
    <body>
        <svg width="580" height="400" xmlns="http://www.w3.org/2000/svg">
 <g>
  <path stroke="#000" id="svg_1" d="m64.75107,173.88949c7.89826,-0.10823 -7.52199,-0.50226 -10.25723,-0.71944c-22.85531,-0.60444 -41.82322,-25.38648 -39.35463,-49.98004c0.49987,-24.60998 22.23426,-46.22867 44.85598,-43.75219c5.88844,-2.72798 14.24735,6.27483 17.90335,1.97475c9.39056,-18.06604 18.48903,-36.32082 28.25798,-54.14654c8.32115,-1.2953 18.2346,-2.29652 26.32936,0.15864c3.74233,6.42904 -3.06176,8.17931 -7.30755,7.18681c-4.73884,0 -9.47769,0 -14.21654,0c-3.4306,6.82588 -6.95091,13.59736 -10.45629,20.37769c19.91058,0 39.82118,0 59.73175,0c0.44338,-2.30984 5.4727,-7.28664 1.01396,-6.74567c-8.10059,-1.11346 -3.03336,-11.32376 2.96542,-8.41913c8.42043,0.33745 17.13852,-0.90526 25.30624,0.93576c4.36309,9.54979 -8.25251,7.50105 -13.66037,7.60227c-4.00284,-1.42484 -4.83237,2.93921 -6.41724,5.92535c-6.42577,7.17841 -2.43175,14.74406 1.88699,21.74185c1.58412,3.18344 2.71263,7.60169 6.56743,4.62714c7.86087,-1.88383 16.43067,-1.95216 24.25267,0.25058c16.34483,5.29589 29.45002,21.82312 30.54721,40.54489c0.99005,11.49963 -1.26411,23.35303 -7.82744,32.62999c-7.6125,11.89134 -19.96661,18.4026 -32.96334,19.72345m-10.18968,0.11608c-11.84872,-3.31606 -22.77295,-11.03076 -29.10636,-22.67778c-4.1447,-5.82165 -4.68352,-14.83528 -6.8865,-20.67508c-5.81026,-0.08291 -11.62052,-0.16582 -17.43079,-0.24872c-11.768,-20.64624 -22.14048,-42.23882 -33.49212,-63.17287c-2.21274,7.16669 -14.79215,16.91704 -7.84638,23.51411c17.43156,15.95145 19.75292,47.10899 4.84343,65.8908c-6.83267,8.3533 -16.31104,14.10973 -26.05447,17.36368m0.74838,-11.35853c18.80225,-4.46541 30.81727,-28.10895 24.31379,-47.82755c-2.00985,-6.42221 -7.53995,-16.68109 -12.4243,-16.78622c-5.20656,9.80378 -9.89048,19.95858 -15.59674,29.43384c-12.53043,2.40376 -1.05032,-14.23549 1.60104,-19.8896c2.84263,-6.89854 13.16533,-18.05806 0.16142,-17.89283c-9.12918,-0.99077 -18.83101,-0.03265 -26.21616,6.5757c-15.84896,11.43822 -18.84866,37.59991 -6.84635,53.37058c8.12523,11.48918 22.15663,16.37378 35.00729,13.01608l0.00001,-0.00001zm131.55217,-0.00284c16.04837,-4.11223 27.59699,-22.10079 25.51972,-39.95412c-1.09864,-19.84093 -19.24202,-35.88718 -37.2797,-33.2204c-13.51644,-1.39512 -0.57602,12.13775 1.35599,18.71676c1.83802,6.98572 11.96328,15.5658 6.31038,22.37834c-12.67884,0.57927 -25.66855,-0.40678 -38.31258,0.98747c2.27096,18.28508 18.13795,33.41077 35.25956,32.01155c2.40279,-0.02137 4.81715,-0.24306 7.14664,-0.9196l-0.00001,0zm-51.79577,-40.86391c1.52713,-14.30675 8.96305,-27.32063 19.80768,-35.46354c0.64071,-3.50944 -5.92581,-19.67343 -8.33021,-8.40428c-7.42155,14.71182 -14.88233,29.40393 -22.07647,44.24912c3.44641,0.09091 7.3098,0.74721 10.599,-0.3813zm38.7395,-0.70957c-4.27816,-8.77122 -8.65131,-17.48979 -13.12292,-26.14546c-8.97019,5.15888 -14.87144,16.07644 -16.2664,26.9735c9.79431,-0.2277 19.75292,0.55813 29.41481,-0.56905l-0.02546,-0.259l0,0l-0.00004,0.00001zm-41.95775,-31.63767c4.21934,-8.49292 8.51877,-16.94109 12.60779,-25.50943c-17.78031,-0.43471 -35.60097,-0.52993 -53.37527,0.09188c9.12967,17.11223 17.37782,34.88731 27.36022,51.3981c4.82684,-8.09712 8.92631,-17.41931 13.40726,-25.98053l0,-0.00001z" opacity="0.5" stroke-width="1.5" fill="#fff"/>
 </g>
</svg>
    </body>
</html>
css
BROWSER
Console