JSFiddle - React, Tailwind, and code Playground
by dshilkret
HTML
<svg id="ecBskoyr3bi1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 24 24" shape-rendering="geometricPrecision" text-rendering="geometricPrecision" width="24" height="24"><g id="ecBskoyr3bi2" clip-path="url(#ecBskoyr3bi6)"><g id="ecBskoyr3bi3"><path id="ecBskoyr3bi4" d="M12,6C8.686292,6,6,8.686292,6,12C6,15.313708,8.686292,18,12,18C15.313708,18,18,15.313708,18,12C17.996143,8.687891,15.312109,6.003857,12,6M12,0C18.627417,0,24,5.372583,24,12C24,18.627417,18.627417,24,12,24C5.372583,24,0,18.627417,0,12C0,5.372583,5.372583,0,12,0Z" fill="rgba(53,54,58,0.1)" stroke="none" stroke-width="1"/><circle id="ecBskoyr3bi5" r="9" transform="matrix(1 0 0 -1 12 12)" fill="none" stroke="rgb(0,164,255)" stroke-width="2" stroke-linecap="round" stroke-dasharray="16,1000"/></g><clipPath id="ecBskoyr3bi6"><rect id="ecBskoyr3bi7" width="24" height="24" rx="0" ry="0" fill="rgb(0,0,0)" stroke="none" stroke-width="1"/></clipPath></g><script><![CDATA[!function(t,n){"object"==typeof exports&&"undefined"!=typeof module?module.exports=n():"function"==typeof define&&define.amd?define(n):((t="undefined"!=typeof globalThis?globalThis:t||self).__SVGATOR_PLAYER__=t.__SVGATOR_PLAYER__||{},t.__SVGATOR_PLAYER__["7c8cb2ed"]=n())}(this,(function(){"use strict";function t(t,n){var r=Object.keys(t);if(Object.getOwnPropertySymbols){var e=Object.getOwnPropertySymbols(t);n&&(e=e.filter((function(n){return Object.getOwnPropertyDescriptor(t,n).enumerable}))),r.push.apply(r,e)}return r}function n(t){return(n="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function r(t,n){if(!(t instanceof n))throw new TypeError("Cannot call a class as a function")}function e(t,n){for(var r=0;r<n.length;r++){var e=n[r];e.enumerable=e.enumerable||!1,e.configurable=!0,"value"in...