JSFiddle - React, Tailwind, and code Playground

by softwareinnovator

HTML

<div class="nohighlight" style="" onclick="window.location.href = 'www.google.com'">
<svg id="l1" class="nohighlight" viewBox="0 7 300 500" fill="none" stroke-linejoin="round" stroke-linecap="round" y="0" x="0" version="1.1" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" visibility="visible" style="margin: auto; width:100%; height:100%; " preserveAspectRatio="xMidYMax" pointer-events="all" >
<g id="paths">
    <path id="letter" pointer-events="all"  fill="none" stroke-width="8" stroke="#D2691E" d="M80 23c0,46 0,92 0,138 0,25 5,45 15,58 10,14 25,21 44,21 20,0 35,-7 46,-20 10,-14 16,-33 16,-59 0,-11 0,-24 0,-34l0 -104">
</g>
</svg>
</div>

CSS

.nohighlight {
-webkit-user-select:none;
-moz-user-select:none;
-ms-user-select:none;
user-select:none;
-o-user-select:none;
            outline: 0;
                border: none;
                color: rgba(255, 255, 255, 0);
        }