JSFiddle - React, Tailwind, and code Playground

by luka kupunia

HTML

<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="113.94" height="106.576" viewBox="0 0 113.94 106.576">
  <defs>
    <filter id="Path_151" x="0" y="0" width="113.94" height="106.576" filterUnits="userSpaceOnUse">
      <feOffset input="SourceAlpha"/>
      <feGaussianBlur stdDeviation="7.5" result="blur"/>
      <feFlood flood-color="#a0ce47"/>
      <feComposite operator="in" in2="blur"/>
      <feComposite in="SourceGraphic"/>
    </filter>
  </defs>
  <g transform="matrix(1, 0, 0, 1, 0, 0)" filter="url(#Path_151)">
    <path id="Path_151-2" data-name="Path 151" d="M271.219,214.785a5.833,5.833,0,0,1,4.132-5.546v-1.192a10.168,10.168,0,0,0-10.226-10.084h-37.3A10.185,10.185,0,0,0,217.6,208.326v34.449a10.153,10.153,0,0,0,10.224,9.8h37.3A10.167,10.167,0,0,0,275.351,242.5l.2-15.1a.918.918,0,0,0-.72-.9l-15.66-3.5a1.768,1.768,0,0,1-.89-.5l-3.247-3.374a5.963,5.963,0,0,0-3.96-1.821l-8.87-.531a4.467,4.467,0,0,0-3.1,1l-4.686,3.831a1.786,1.786,0,0,1-.863.379l-8.347,1.229V229.1a2.383,2.383,0,0,0,2.4,2.365h1.7a5.918,5.918,0,0,1,11.231,0h19.6a5.808,5.808,0,1,1-.018,3.478H240.556a5.919,5.919,0,0,1-11.263,0h-1.68a5.891,5.891,0,0,1-5.923-5.843v-7.387a1.749,1.749,0,0,1,1.5-1.721l9.366-1.378,4.305-3.521a8.005,8.005,0,0,1,5.558-1.788l8.872.527a9.509,9.509,0,0,1,6.3,2.9l2.879,2.994,15.14,3.378a4.193,4.193,0,0,1,3.2,4.338v15.08a13.613,13.613,0,0,1-13.688,13.538h-37.3a13.538,13.538,0,0,1-13.751-13.284V208.326a13.791,13.791,0,0,1,4.018-9.824,13.648,13.648,0,0,1,9.733-4.018h37.3a13.676,13.676,0,0,1,13.753,13.563v1.19a5.828,5.828,0,1,1-7.658,5.548m-5.466,16.108a2.334,2.334,0,1,0,2.367,2.334,2.353,2.353,0,0,0-2.367-2.334m-30.827,0a2.334,2.334,0,1,0,2.367,2.334,2.354,2.354,0,0,0-2.367-2.334m42.189-13.774a2.335,2.335,0,1,0-2.369-2.334,2.355,2.355,0,0,0,2.369,2.334" transform="translate(-191.57 -171.98)" fill="#4d4e54"/>
  </g>
</svg>