JSFiddle - React, Tailwind, and code Playground

by joplomacedo

HTML

<span class="logo">
  <svg class="logo__img" width="280" height="202.8111440966992" viewBox="0 0 280 202.8111440966992" class="css-1j8o68f">
    <defs id="SvgjsDefs2228"></defs>
    <g id="SvgjsG2229" featurekey="mugSzh-0" transform="matrix(1.8929502408139505,0,0,1.8929502408139505,45.85248254352838,-23.09399257687859)" fill="#39e991">
      <path xmlns="http://www.w3.org/2000/svg" d="M23.5,58.4c-6.5,0-11.8,5.3-11.8,11.8S17,82,23.5,82c2.1,0,4.1-0.5,5.8-1.5c5.8,4.8,13.1,7.4,20.7,7.4c5,0,9.8-1.1,14.2-3.2  c1.1-0.5,1.5-1.8,1-2.8c-0.5-1.1-1.8-1.5-2.8-1c-3.9,1.9-8,2.8-12.4,2.8c-6.3,0-12.4-2.1-17.4-5.9c1.7-2,2.7-4.6,2.7-7.5  C35.2,63.7,30,58.4,23.5,58.4z M15.9,70.2c0-4.2,3.4-7.5,7.5-7.5c4.2,0,7.5,3.4,7.5,7.5s-3.4,7.5-7.5,7.5  C19.3,77.7,15.9,74.3,15.9,70.2z M37.7,24c0,0.1,0,0.2,0,0.3c-1.6,0.6-3.2,1.4-4.7,2.3c-9.5,5.7-15.5,15.8-15.8,27  c0,1.2,0.9,2.2,2,2.2c0,0,0,0,0.1,0c1.1,0,2.1-0.9,2.1-2.1C21.8,44,27,35.2,35.3,30.2c1.1-0.7,2.2-1.2,3.4-1.7  c1.8,4.2,6,7.2,10.9,7.2c6.5,0,11.8-5.3,11.8-11.8S56,12.2,49.5,12.2S37.7,17.5,37.7,24z M49.5,16.4c4.2,0,7.5,3.4,7.5,7.5  c0,4.2-3.4,7.5-7.5,7.5c-4.2,0-7.5-3.4-7.5-7.5C42,19.8,45.3,16.4,49.5,16.4z M67.8,27.4c-1-0.6-2.3-0.4-2.9,0.6  c-0.6,1-0.4,2.3,0.6,2.9c8.1,5.3,13,14.2,13,23.9c0,1.2-0.1,2.5-0.2,3.7c-0.6-0.1-1.1-0.1-1.7-0.1c-6.5,0-11.8,5.3-11.8,11.8  S70,82,76.5,82s11.8-5.3,11.8-11.8c0-4.4-2.4-8.2-5.9-10.2c0.3-1.7,0.4-3.4,0.4-5.1C82.8,43.7,77.2,33.5,67.8,27.4z M76.5,77.7  c-4.2,0-7.5-3.4-7.5-7.5s3.4-7.5,7.5-7.5c4.2,0,7.5,3.4,7.5,7.5S80.7,77.7,76.5,77.7z"></path>
    </g>
    <g id="SvgjsG2230" featurekey="PPkF4s-0" transform="matrix(2.5422188319961574,0,0,2.5422188319961574,-2.287999615690229,151.2549492871116)" fill="#ffffff">
      <path d="M4.86 16.87 q1.42 0.57 2.6 0.57 q1.24 0 1.97 -0.48 t0.73 -1.14 q0 -0.54 -0.43 -0.88 t-1.09 -0.51 t-1.74 -0.37 q-1.44 -0.24 -2.64 -0.62 t-2.18 -1.32 t-0.98 -2.54 q0 -2.36 1.73 -3.39 t4.07 -1.03 q1.8 0 3.13 0.49 t2.65 1.47 l-1.76 2.4 q-0.98 -0.7 -2.04 -1.1 t-2.1 -0.4 q-0.92 0 -1.72 0.33 t-0.8...

CSS

body {
  background: linear-gradient(#333, #111);
  height: 100vh;
}


.logo {
  display: flex;
  align-items: center;
}

.logo__text{
  display: none;
  font-family: futura;
}

.logo__img {
  width: 4.5em;
}