JSFiddle - React, Tailwind, and code Playground

by khamer

HTML

<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 40 47" class="jhtmlLayoutprojectsvg"> <g class="svg-inactive"> <path fill="#1957F1" d="M18.2.5c1.1-.6 2.5-.6 3.6 0 3.8 2.1 12.7 7.1 16.4 9.3 1.1.6 1.8 1.8 1.8 3v18.5c0 1.2-.7 2.4-1.8 3-3.8 2.1-12.7 7.1-16.4 9.3-1.1.6-2.5.6-3.6 0-3.8-2.1-12.7-7.1-16.4-9.3-1.1-.6-1.8-1.8-1.8-3V12.7c0-1.2.7-2.4 1.8-3C5.6 7.6 14.4 2.6 18.2.5z"></path> </g> <g class="svg-active"> <path opacity=".5" fill="#3169F4" d="M18.3 5.4c1-.6 2.3-.6 3.4 0 3.6 2 12 6.8 15.6 8.8 1 .6 1.7 1.7 1.7 2.9v17.6c0 1.2-.6 2.3-1.7 2.9-3.6 2-12 6.8-15.6 8.8-1 .6-2.3.6-3.4 0-3.6-2-12-6.8-15.6-8.8C1.6 37 1 35.9 1 34.7V17.1c0-1.2.6-2.3 1.7-2.9 3.6-2 12-6.7 15.6-8.8z"></path> <path fill="#FFF" d="M18.2.5c1.1-.6 2.5-.6 3.6 0 3.8 2.1 12.7 7.1 16.4 9.3 1.1.6 1.8 1.8 1.8 3v18.5c0 1.2-.7 2.4-1.8 3-3.8 2.1-12.7 7.1-16.4 9.3-1.1.6-2.5.6-3.6 0-3.8-2.1-12.7-7.1-16.4-9.3-1.1-.6-1.8-1.8-1.8-3V12.7c0-1.2.7-2.4 1.8-3C5.6 7.6 14.4 2.6 18.2.5z"></path> </g> <g> <path fill="#0DA7FE" d="M18.4 2.4c1-.6 2.2-.6 3.2 0 3.4 2 11.4 6.5 14.8 8.4 1 .6 1.6 1.6 1.6 2.7v16.8c0 1.1-.6 2.2-1.6 2.7-3.4 2.1-11.4 6.6-14.8 8.6-1 .6-2.2.6-3.2 0-3.4-2-11.4-6.5-14.8-8.4-1-.6-1.6-1.6-1.6-2.7V13.7c0-1.1.6-2.2 1.6-2.7C7 8.9 15 4.4 18.4 2.4z"></path> <path fill="#1A67FD" d="M19.8 42c-.5 0-1-.2-1.4-.4-3.4-2-11.4-6.5-14.8-8.4-.5-.3-1-.8-1.2-1.3l9-9.9 8.4 20z"></path> <path fill="#0DA7FE" d="M11.3 22l-9 9.9c-.1-.4-.3-.8-.3-1.2l.1-17.9c.1-.2.2-.5.3-.7l8.9 9.9z"></path> <path fill="#05BBFF" d="M11.3 22L2.4 12c.3-.5.7-.9 1.2-1.2C7 8.9 15 4.4 18.4 2.4c.4-.2.9-.4 1.4-.4l-8.5 20z"></path> <path fill="#00C9FF" d="M19.8 2h.5l17.4 29.7c-.1.1-.1.2-.2.3L11.3 22l8.5-20z"></path> <path fill="#1A86FD" d="M37.5 32.1c-.3.4-.7.8-1.1 1.1-3.4 1.9-11.4 6.4-14.8 8.4-.6.3-1.2.4-1.8.4l-8.4-20 26.1 10.1z"></path> <path fill="#05BBFF" d="M20.3 2c.5 0 .9.2 1.3.4 3.4 2 11.4 6.5 14.8 8.4 1 .6 1.6 1.6 1.6 2.7v16.8c0 .5-.1.9-.3 1.3L20.3 2z"></path> <path fill="#1A67FD" fill-opacity=".5" d="M24.2 20.2l2.3 2.3-1.1 1.2-1.2 1.1-6.4...