JSFiddle - React, Tailwind, and code Playground

by tinyhustlee

HTML

<svg>
    <rect x="10" y="10" width="100" height="100"/>
    <text x="110" y="50" font-family="Verdana" font-size="55" fill="blue" > <path xmlns="http://www.w3.org/2000/svg" style="stroke: rgb(0,0,0); stroke-width: 0; stroke-dasharray: none; stroke-linecap: butt; stroke-dashoffset: 0; stroke-linejoin: miter; stroke-miterlimit: 4; fill: rgb(79,84,103); fill-rule: nonzero; opacity: 1;" transform=" translate(-83.601, 10.143)" d="M 21.588 -29.064 L 24.78 -29.064 L 24.78 0 L 21.588 0 L 21.588 -13.146 L 6.804 -13.146 L 6.804 0 L 3.57 0 L 3.57 -29.064 L 6.804 -29.064 L 6.804 -16.044 L 21.588 -16.044 L 21.588 -29.064 Z M 39.018 0.42 Q 34.23 0.42 32.235 -2.079 Q 30.24 -4.578 30.24 -9.954 L 30.24 -9.954 Q 30.24 -15.792 32.382 -18.606 Q 34.524 -21.42 39.102 -21.42 L 39.102 -21.42 Q 43.302 -21.42 45.381 -19.005 Q 47.46 -16.59 47.46 -11.592 L 47.46 -11.592 L 47.292 -9.198 L 33.432 -9.198 Q 33.432 -6.594 33.999 -5.124 Q 34.566 -3.654 35.931 -3.003 Q 37.296 -2.352 39.732 -2.352 L 39.732 -2.352 Q 40.95 -2.352 42.546 -2.415 Q 44.142 -2.478 45.444 -2.604 L 45.444 -2.604 L 46.662 -2.73 L 46.746 -0.252 Q 42.084 0.42 39.018 0.42 L 39.018 0.42 Z M 33.39 -11.718 L 44.31 -11.718 Q 44.31 -15.54 43.092 -17.157 Q 41.874 -18.774 39.102 -18.774 L 39.102 -18.774 Q 36.204 -18.774 34.818 -17.073 Q 33.432 -15.372 33.39 -11.718 L 33.39 -11.718 Z M 56.952 0.42 Q 54.054 0.42 52.542 -1.218 Q 51.03 -2.856 51.03 -5.922 L 51.03 -5.922 Q 51.03 -8.946 52.563 -10.416 Q 54.096 -11.886 57.456 -12.222 L 57.456 -12.222 L 64.05 -12.852 L 64.05 -14.658 Q 64.05 -18.648 60.606 -18.648 L 60.606 -18.648 Q 57.204 -18.648 52.332 -18.102 L 52.332 -18.102 L 52.206 -20.496 Q 56.7 -21.42 60.396 -21.42 L 60.396 -21.42 Q 63.966 -21.42 65.583 -19.803 Q 67.2 -18.186 67.2 -14.658 L 67.2 -14.658 L 67.2 -3.906 Q 67.326 -2.352 69.636 -2.058 L 69.636 -2.058 L 69.51 0.42 Q 66.192 0.42 64.512 -1.26 L 64.512 -1.26 Q 60.774 0.42 56.952 0.42 L 56.952 0.42 Z M 57.456 -2.226 Q 60.27 -2.226 63.084 -3.192 L 63.084 -3.192 L 64.05 -3.528 L...

CSS

svg text{
    visibility:hidden;
}

svg rect:hover + text{
    visibility:visible;
}