JSFiddle - React, Tailwind, and code Playground

by dievardump

HTML

<svg viewbox="0 0 128 128" width="128" height="128" xmlns="http://www.w3.org/2000/svg" version="1.1" xml:space="preserve">
  <defs>
    <path id="ld" d="M64,0L128,32L128,96L64,128L0,96L0,32Z"/>
    <clipPath id="clip"><use xlink:href="#ld"/></clipPath>
  </defs>
  <g>
    <g fill="#fff" transform="scale(1.05)" transform-origin=" 64 64">
      <path d="m47.13333,53.87239l1.2,-0.4l2.4,6.8c0.1,0.2 0.3,0.3 0.5,0.3c0,0 0,0 0,0l8.5,-3c0.2,-0.1 0.3,-0.3 0.3,-0.5l-2.4,-6.9l31.5,-11c1,-0.3 1.6,-1.5 1.3,-2.5c0,0 0,-0.1 0,-0.1l-0.8,-2.2c-0.4,-1 -1.5,-1.6 -2.5,-1.3c0,0 0,0 -0.1,0l-31.5,11l-3.4,-9.9l-6.2,2.2l-0.3,9.2l0.6,1.8l-1.2,0.4l2.1,6.1z" transform="rotate(-19.5252, 67.7721, 46.7836)"/>
      <path d="m85.5,81.47239l21.3,-9.6l0,-3.3l-23.2,0l0,-2.8l-39.3,0l0,2.8l-23.1,0l0,3.2l21.3,9.7c2,0.9 3.6,2.4 4.6,4.2c0.6,1.1 1,2.3 1.1,3.5c0,0.4 -0.1,0.8 -0.5,1l-8.4,3.8l0,7l14.8,0c0,0 -0.1,-7.2 9.9,-7.2s9.9,7.2 9.9,7.2l14.8,0l0,-7l-8.4,-3.8c-0.3,-0.2 -0.5,-0.6 -0.5,-1c0.1,-1.2 0.5,-2.4 1.1,-3.5c1,-1.8 2.6,-3.3 4.6,-4.2z"/>
    </g>
  </g>
 	<use xlink:href="#ld" fill="none" stroke="#20a4c3" stroke-width="9" clip-path="url(#clip)"/>
</svg>

CSS

body {
  background-color: #000;
}