Company Logo

<div class="flex items-center space-x-4">
  <style>@font-face { font-family: "Microgramma"; src: url("data:application/font-woff;charset=utf-8;base64,T1RUTwALAIAAAwAwQ0ZGIKwd7d8AAAwwAABfqUdQT1Mqo68HAABzxAAAKZ5HU1VCefF9ggAAcdQAAAHuT1MvMmmLhUQAAAEgAAAAYGNtYXBELZCIAAAF8AAABh5oZWFkCA2KMgAAALwAAAA2aGhlYQpCBzsAAAD0AAAAJGhtdHhCOS4KAABr3AAABfhtYXhwAX5QAAAAARgAAAAGbmFtZTXVnSgAAAGAAAAEb3Bvc3T/2wB4AAAMEAAAACAAAQAAAAEAAEPsfqJfDzz1AAMD6AAAAADRDSNaAAAAANENI1r/Uv6qB4oD9AAAAAMAAgAAAAAAAAABAAACm/6zAMgHuP9S/1EHigABAAAAAAAAAAAAAAAAAAABfgAAUAABfgAAAAMC2gK8AAUACAKKAlgAAABLAooCWAAAAV4AeAEbAAAAAAgAAAAAAAAAAAAABwAAAAAAAAAAAAAAAFVSVyAAAAAg+wQCm/6zAMgD9AFWIAAAkwAAAAAB2QKbAAAAIAADAAAAGQEyAAEAAAAAAAAAMwAAAAEAAAAAAAEAEgAzAAEAAAAAAAIABABFAAEAAAAAAAMAHgBJAAEAAAAAAAQAFwBnAAEAAAAAAAUAOQB+AAEAAAAAAAYAEwC3AAEAAAAAAAgAHADKAAEAAAAAAAsAEwDmAAEAAAAAAAwAFAD5AAEAAAAAABAAEgAzAAEAAAAAABEABABFAAEAAAAAABIAEgENAAMAAQQJAAAAZgEfAAMAAQQJAAEAJAGFAAMAAQQJAAIADgGpAAMAAQQJAAMAPAG3AAMAAQQJAAQAJgHzAAMAAQQJAAUAcgIZAAMAAQQJAAYAJgHzAAMAAQQJAAgAOAKLAAMAAQQJAAsAJgLDAAMAAQQJAAwAKALpAAMAAQQJABAAJAMRAAMAAQQJABEACAM1Q29weXJpZ2h0IDIwMTAgYnkgKFVSVykrKyBEZXNpZ24gJiBEZXZlbG9wbWVudCBHbWJITWljcm9ncmFtbWEgRXh0ZCBEQm9sZDEuMDAwO1VSVyA7TWljcm9ncmFtbWFFeHRELUJvbE1pY3JvZ3JhbW1hIEV4dGQgRCBCb2xkVmVyc2lvbiAxLjAwMDtQUyAxLjAwO2hvdGNvbnYgMS4wLjU3O21ha2VvdGYubGliMi4wLjIxODk1TWljcm9ncmFtbWFFeHRELUJvbChVUlcpKysgRGVzaWduICYgRGV2ZWxvcG1lbnRodHRwOi8vd3d3LnVyd3BwLmRlaHR0cDovL3d3dy51cndwcC5jb21NaWNyb2dyYW1tYUV4dERCb2w=") format("woff"); } .logo-text { font-family: "Microgramma", 'Inter', 'Arial Black', 'Helvetica', sans-serif; }</style>
  <svg width="60px" height="60px" viewBox="0 -8 60 60" class="shrink-0">
    <defs>
      <g id="icon">
        <svg version="1.1" viewBox="0 0 3.5353 2.8283" xmlns="http://www.w3.org/2000/svg" width="60px" height="60px">
          <g transform="translate(-59.557 -71.209)" fill="currentColor">
            <path d="m59.557 72.624 1.4141 1.4141 2.1212-2.1212-0.70706-0.70706-1.4141 1.4141-0.70706-0.70706z" stroke-width=".26458"></path>
          </g>
        </svg>
      </g>
      <mask id="shadow-1">
        <rect fill="white" width="100%" height="100%"></rect>
        <g style="color:#000000">
          <g style="transform:rotateX(45deg) translateZ(-8.4px)">
            <use href="#icon"></use>
          </g>
        </g>
      </mask>
      <mask id="shadow-2">
        <rect fill="white" width="100%" height="100%"></rect>
        <g style="color:#000000">
          <g style="transform:rotateX(45deg) translateZ(15.6px)">
            <use href="#icon"></use>
          </g>
        </g>
      </mask>
    </defs>
    <g style="color:#ffffff64" mask="url(#shadow-1)">
      <g style="transform:rotateX(45deg) translateZ(-24px)">
        <use href="#icon"></use>
      </g>
    </g>
    <g style="color:#ffffffb1" mask="url(#shadow-2)">
      <g style="transform:rotateX(45deg) translateZ(0px)">
        <use href="#icon"></use>
      </g>
    </g>
    <g style="color:#ffffffff">
      <g style="transform:rotateX(45deg) translateZ(24px)">
        <use href="#icon"></use>
      </g>
    </g>
  </svg>
  <h1 class="logo-text text-white text-2xl md:text-3xl font-bold tracking-wide select-none">MULTIFACTOR</h1>
</div>