JsWhite.tsx

import type { FC } from 'react';

import type { TailwindSVG } from '#ui/types';

const JsWhiteIcon: FC<TailwindSVG> = props => (
  <svg
    width="71"
    height="80"
    viewBox="0 0 71 80"
    fill="none"
    xmlns="http://www.w3.org/2000/svg"
    {...props}
  >
    <g clipPath="url(#clip0_337_7892)">
      <path
        d="M35.1193 79.5C34.0343 79.5 33.0217 79.2106 32.0813 78.7041L22.4611 72.9884C21.0144 72.1925 21.7378 71.9031 22.1718 71.7584C24.1247 71.1072 24.4864 70.9625 26.5117 69.8049C26.7287 69.6602 27.0181 69.7326 27.2351 69.8773L34.613 74.2907C34.9023 74.4354 35.264 74.4354 35.481 74.2907L64.3417 57.5775C64.6311 57.4328 64.7757 57.1434 64.7757 56.7817V23.4276C64.7757 23.0659 64.6311 22.7765 64.3417 22.6318L35.481 5.99096C35.1917 5.84626 34.83 5.84626 34.613 5.99096L5.75223 22.6318C5.4629 22.7765 5.31823 23.1382 5.31823 23.4276V56.7817C5.31823 57.0711 5.4629 57.4328 5.75223 57.5775L13.6365 62.1357C17.9041 64.3062 20.5804 61.7739 20.5804 59.2416V26.3217C20.5804 25.8876 20.9421 25.4535 21.4484 25.4535H25.1374C25.5714 25.4535 26.0054 25.8152 26.0054 26.3217V59.2416C26.0054 64.9574 22.8951 68.2855 17.4701 68.2855C15.8065 68.2855 14.5045 68.2855 10.8155 66.4767L3.22059 62.1357C1.33994 61.0504 0.182617 59.0246 0.182617 56.854V23.5C0.182617 21.3295 1.33994 19.3036 3.22059 18.2183L32.0813 1.50517C33.8897 0.492253 36.349 0.492253 38.1573 1.50517L67.0181 18.2183C68.8987 19.3036 70.056 21.3295 70.056 23.5V56.854C70.056 59.0246 68.8987 61.0504 67.0181 62.1357L38.1573 78.8488C37.2893 79.2106 36.2043 79.5 35.1193 79.5Z"
        fill="white"
      />
      <path
        d="M44.0884 56.5646C31.4302 56.5646 28.8262 50.7765 28.8262 45.8566C28.8262 45.4225 29.1878 44.9883 29.6942 44.9883H33.4555C33.8895 44.9883 34.2511 45.2778 34.2511 45.7119C34.8298 49.5465 36.4934 51.4276 44.1607 51.4276C50.2367 51.4276 52.8406 50.0529 52.8406 46.7971C52.8406 44.916 52.1173 43.5413 42.6417 42.6008C34.7575 41.8049 29.8388 40.0685 29.8388 33.7739C29.8388 27.9134 34.7575 24.4406 43.0034 24.4406C52.262 24.4406 56.8189 27.624 57.3976 34.5697C57.3976 34.7868 57.3253 35.0039 57.1806 35.2209C57.0359 35.3656 56.8189 35.5103 56.6019 35.5103H52.7683C52.4066 35.5103 52.045 35.2209 51.9726 34.8592C51.1047 30.8798 48.8623 29.5775 42.9311 29.5775C36.2764 29.5775 35.4808 31.8927 35.4808 33.6292C35.4808 35.7274 36.4211 36.3785 45.3904 37.5362C54.2873 38.6938 58.4826 40.3579 58.4826 46.5801C58.4826 52.947 53.2023 56.5646 44.0884 56.5646Z"
        fill="white"
      />
    </g>
    <defs>
      <clipPath id="clip0_337_7892">
        <rect
          width="71"
          height="79"
          fill="white"
          transform="translate(0 0.5)"
        />
      </clipPath>
    </defs>
  </svg>
);

export default JsWhiteIcon;