import * as React from 'react';

import logo from '@/assets/images/logo.png';
import { IconImageProps, IconSvgProps } from '@/types';

export const Logo: React.FC<IconImageProps> = ({
  size = 36,
  height,
  ...props
}) => (
  // <svg
  //   fill="none"
  //   height={size || height}
  //   viewBox="0 0 32 32"
  //   width={size || height}
  //   {...props}
  // >
  //   <path
  //     clipRule="evenodd"
  //     d="M17.6482 10.1305L15.8785 7.02583L7.02979 22.5499H10.5278L17.6482 10.1305ZM19.8798 14.0457L18.11 17.1983L19.394 19.4511H16.8453L15.1056 22.5499H24.7272L19.8798 14.0457Z"
  //     fill="currentColor"
  //     fillRule="evenodd"
  //   />
  // </svg>
  <img
    alt='Napcat'
    height={size || height}
    src={logo}
    width={size || height}
    {...props}
  />
);

export const DiscordIcon: React.FC<IconSvgProps> = ({
  size = 24,
  width,
  height,
  ...props
}) => {
  return (
    <svg
      height={size || height}
      viewBox='0 0 24 24'
      width={size || width}
      {...props}
    >
      <path
        d='M14.82 4.26a10.14 10.14 0 0 0-.53 1.1 14.66 14.66 0 0 0-4.58 0 10.14 10.14 0 0 0-.53-1.1 16 16 0 0 0-4.13 1.3 17.33 17.33 0 0 0-3 11.59 16.6 16.6 0 0 0 5.07 2.59A12.89 12.89 0 0 0 8.23 18a9.65 9.65 0 0 1-1.71-.83 3.39 3.39 0 0 0 .42-.33 11.66 11.66 0 0 0 10.12 0q.21.18.42.33a10.84 10.84 0 0 1-1.71.84 12.41 12.41 0 0 0 1.08 1.78 16.44 16.44 0 0 0 5.06-2.59 17.22 17.22 0 0 0-3-11.59 16.09 16.09 0 0 0-4.09-1.35zM8.68 14.81a1.94 1.94 0 0 1-1.8-2 1.93 1.93 0 0 1 1.8-2 1.93 1.93 0 0 1 1.8 2 1.93 1.93 0 0 1-1.8 2zm6.64 0a1.94 1.94 0 0 1-1.8-2 1.93 1.93 0 0 1 1.8-2 1.92 1.92 0 0 1 1.8 2 1.92 1.92 0 0 1-1.8 2z'
        fill='currentColor'
      />
    </svg>
  );
};

export const TwitterIcon: React.FC<IconSvgProps> = ({
  size = 24,
  width,
  height,
  ...props
}) => {
  return (
    <svg
      height={size || height}
      viewBox='0 0 24 24'
      width={size || width}
      {...props}
    >
      <path
        d='M19.633 7.997c.013.175.013.349.013.523 0 5.325-4.053 11.461-11.46 11.461-2.282 0-4.402-.661-6.186-1.809.324.037.636.05.973.05a8.07 8.07 0 0 0 5.001-1.721 4.036 4.036 0 0 1-3.767-2.793c.249.037.499.062.761.062.361 0 .724-.05 1.061-.137a4.027 4.027 0 0 1-3.23-3.953v-.05c.537.299 1.16.486 1.82.511a4.022 4.022 0 0 1-1.796-3.354c0-.748.199-1.434.548-2.032a11.457 11.457 0 0 0 8.306 4.215c-.062-.3-.1-.611-.1-.923a4.026 4.026 0 0 1 4.028-4.028c1.16 0 2.207.486 2.943 1.272a7.957 7.957 0 0 0 2.556-.973 4.02 4.02 0 0 1-1.771 2.22 8.073 8.073 0 0 0 2.319-.624 8.645 8.645 0 0 1-2.019 2.083z'
        fill='currentColor'
      />
    </svg>
  );
};

export const GithubIcon: React.FC<IconSvgProps> = ({
  size = 24,
  width,
  height,
  ...props
}) => {
  return (
    <svg
      height={size || height}
      viewBox='0 0 24 24'
      width={size || width}
      {...props}
    >
      <path
        clipRule='evenodd'
        d='M12.026 2c-5.509 0-9.974 4.465-9.974 9.974 0 4.406 2.857 8.145 6.821 9.465.499.09.679-.217.679-.481 0-.237-.008-.865-.011-1.696-2.775.602-3.361-1.338-3.361-1.338-.452-1.152-1.107-1.459-1.107-1.459-.905-.619.069-.605.069-.605 1.002.07 1.527 1.028 1.527 1.028.89 1.524 2.336 1.084 2.902.829.091-.645.351-1.085.635-1.334-2.214-.251-4.542-1.107-4.542-4.93 0-1.087.389-1.979 1.024-2.675-.101-.253-.446-1.268.099-2.64 0 0 .837-.269 2.742 1.021a9.582 9.582 0 0 1 2.496-.336 9.554 9.554 0 0 1 2.496.336c1.906-1.291 2.742-1.021 2.742-1.021.545 1.372.203 2.387.099 2.64.64.696 1.024 1.587 1.024 2.675 0 3.833-2.33 4.675-4.552 4.922.355.308.675.916.675 1.846 0 1.334-.012 2.41-.012 2.737 0 .267.178.577.687.479C19.146 20.115 22 16.379 22 11.974 22 6.465 17.535 2 12.026 2z'
        fill='currentColor'
        fillRule='evenodd'
      />
    </svg>
  );
};

export const MoonFilledIcon = ({
  size = 24,
  width,
  height,
  ...props
}: IconSvgProps) => (
  <svg
    aria-hidden='true'
    focusable='false'
    height={size || height}
    role='presentation'
    viewBox='0 0 24 24'
    width={size || width}
    {...props}
  >
    <path
      d='M21.53 15.93c-.16-.27-.61-.69-1.73-.49a8.46 8.46 0 01-1.88.13 8.409 8.409 0 01-5.91-2.82 8.068 8.068 0 01-1.44-8.66c.44-1.01.13-1.54-.09-1.76s-.77-.55-1.83-.11a10.318 10.318 0 00-6.32 10.21 10.475 10.475 0 007.04 8.99 10 10 0 002.89.55c.16.01.32.02.48.02a10.5 10.5 0 008.47-4.27c.67-.93.49-1.519.32-1.79z'
      fill='currentColor'
    />
  </svg>
);

export const SunFilledIcon = ({
  size = 24,
  width,
  height,
  ...props
}: IconSvgProps) => (
  <svg
    aria-hidden='true'
    focusable='false'
    height={size || height}
    role='presentation'
    viewBox='0 0 24 24'
    width={size || width}
    {...props}
  >
    <g fill='currentColor'>
      <path d='M19 12a7 7 0 11-7-7 7 7 0 017 7z' />
      <path d='M12 22.96a.969.969 0 01-1-.96v-.08a1 1 0 012 0 1.038 1.038 0 01-1 1.04zm7.14-2.82a1.024 1.024 0 01-.71-.29l-.13-.13a1 1 0 011.41-1.41l.13.13a1 1 0 010 1.41.984.984 0 01-.7.29zm-14.28 0a1.024 1.024 0 01-.71-.29 1 1 0 010-1.41l.13-.13a1 1 0 011.41 1.41l-.13.13a1 1 0 01-.7.29zM22 13h-.08a1 1 0 010-2 1.038 1.038 0 011.04 1 .969.969 0 01-.96 1zM2.08 13H2a1 1 0 010-2 1.038 1.038 0 011.04 1 .969.969 0 01-.96 1zm16.93-7.01a1.024 1.024 0 01-.71-.29 1 1 0 010-1.41l.13-.13a1 1 0 011.41 1.41l-.13.13a.984.984 0 01-.7.29zm-14.02 0a1.024 1.024 0 01-.71-.29l-.13-.14a1 1 0 011.41-1.41l.13.13a1 1 0 010 1.41.97.97 0 01-.7.3zM12 3.04a.969.969 0 01-1-.96V2a1 1 0 012 0 1.038 1.038 0 01-1 1.04z' />
    </g>
  </svg>
);

export const HeartFilledIcon = ({
  size = 24,
  width,
  height,
  ...props
}: IconSvgProps) => (
  <svg
    aria-hidden='true'
    focusable='false'
    height={size || height}
    role='presentation'
    viewBox='0 0 24 24'
    width={size || width}
    {...props}
  >
    <path
      d='M12.62 20.81c-.34.12-.9.12-1.24 0C8.48 19.82 2 15.69 2 8.69 2 5.6 4.49 3.1 7.56 3.1c1.82 0 3.43.88 4.44 2.24a5.53 5.53 0 0 1 4.44-2.24C19.51 3.1 22 5.6 22 8.69c0 7-6.48 11.13-9.38 12.12Z'
      fill='currentColor'
      strokeLinecap='round'
      strokeLinejoin='round'
      strokeWidth={1.5}
    />
  </svg>
);

export const SearchIcon = (props: IconSvgProps) => (
  <svg
    aria-hidden='true'
    fill='none'
    focusable='false'
    height='1em'
    role='presentation'
    viewBox='0 0 24 24'
    width='1em'
    {...props}
  >
    <path
      d='M11.5 21C16.7467 21 21 16.7467 21 11.5C21 6.25329 16.7467 2 11.5 2C6.25329 2 2 6.25329 2 11.5C2 16.7467 6.25329 21 11.5 21Z'
      stroke='currentColor'
      strokeLinecap='round'
      strokeLinejoin='round'
      strokeWidth='2'
    />
    <path
      d='M22 22L20 20'
      stroke='currentColor'
      strokeLinecap='round'
      strokeLinejoin='round'
      strokeWidth='2'
    />
  </svg>
);

export const NextUILogo: React.FC<IconSvgProps> = (props) => {
  const { width, height = 40 } = props;

  return (
    <svg
      fill='none'
      height={height}
      viewBox='0 0 161 32'
      width={width}
      xmlns='http://www.w3.org/2000/svg'
      {...props}
    >
      <path
        className='fill-black dark:fill-white'
        d='M55.6827 5V26.6275H53.7794L41.1235 8.51665H40.9563V26.6275H39V5H40.89L53.5911 23.1323H53.7555V5H55.6827ZM67.4831 26.9663C66.1109 27.0019 64.7581 26.6329 63.5903 25.9044C62.4852 25.185 61.6054 24.1633 61.0537 22.9582C60.4354 21.5961 60.1298 20.1106 60.1598 18.6126C60.132 17.1113 60.4375 15.6228 61.0537 14.2563C61.5954 13.0511 62.4525 12.0179 63.5326 11.268C64.6166 10.5379 65.8958 10.16 67.1986 10.1852C68.0611 10.1837 68.9162 10.3468 69.7187 10.666C70.5398 10.9946 71.2829 11.4948 71.8992 12.1337C72.5764 12.8435 73.0985 13.6889 73.4318 14.6152C73.8311 15.7483 74.0226 16.9455 73.9968 18.1479V19.0773H63.2262V17.4194H72.0935C72.1083 16.4456 71.8952 15.4821 71.4714 14.6072C71.083 13.803 70.4874 13.1191 69.7472 12.6272C68.9887 12.1348 68.1022 11.8812 67.2006 11.8987C66.2411 11.8807 65.3005 12.1689 64.5128 12.7223C63.7332 13.2783 63.1083 14.0275 62.6984 14.8978C62.2582 15.8199 62.0314 16.831 62.0352 17.8546V18.8476C62.009 20.0078 62.2354 21.1595 62.6984 22.2217C63.1005 23.1349 63.7564 23.9108 64.5864 24.4554C65.4554 24.9973 66.4621 25.2717 67.4831 25.2448C68.1676 25.2588 68.848 25.1368 69.4859 24.8859C70.0301 24.6666 70.5242 24.3376 70.9382 23.919C71.3183 23.5345 71.6217 23.0799 71.8322 22.5799L73.5995 23.1604C73.3388 23.8697 72.9304 24.5143 72.4019 25.0506C71.8132 25.6529 71.1086 26.1269 70.3314 26.4434C69.4258 26.8068 68.4575 26.9846 67.4831 26.9663V26.9663ZM78.8233 10.4075L82.9655 17.325L87.1076 10.4075H89.2683L84.1008 18.5175L89.2683 26.6275H87.103L82.9608 19.9317L78.8193 26.6275H76.6647L81.7711 18.5169L76.6647 10.4062L78.8233 10.4075ZM99.5142 10.4075V12.0447H91.8413V10.4075H99.5142ZM94.2427 6.52397H96.1148V22.3931C96.086 22.9446 96.2051 23.4938 96.4597 23.9827C96.6652 24.344 96.9805 24.629 97.3589 24.7955C97.7328 24.9548 98.1349 25.0357 98.5407 25.0332C98.7508 25.0359 98.9607 25.02 99.168 24.9857C99.3422 24.954 99.4956 24.9205 99.6283 24.8853L100.026 26.5853C99.8062 26.6672 99.5805 26.7327 99.3511 26.7815C99.0274 26.847 98.6977 26.8771 98.3676 26.8712C97.6854 26.871 97.0119 26.7156 96.3973 26.4166C95.7683 26.1156 95.2317 25.6485 94.8442 25.0647C94.4214 24.4018 94.2097 23.6242 94.2374 22.8363L94.2427 6.52397ZM118.398 5H120.354V19.3204C120.376 20.7052 120.022 22.0697 119.328 23.2649C118.644 24.4235 117.658 25.3698 116.477 26.0001C115.168 26.6879 113.708 27.0311 112.232 26.9978C110.759 27.029 109.302 26.6835 107.996 25.9934C106.815 25.362 105.827 24.4161 105.141 23.2582C104.447 22.0651 104.092 20.7022 104.115 19.319V5H106.08V19.1831C106.061 20.2559 106.324 21.3147 106.843 22.2511C107.349 23.1459 108.094 23.8795 108.992 24.3683C109.993 24.9011 111.111 25.1664 112.242 25.139C113.373 25.1656 114.493 24.9003 115.495 24.3683C116.395 23.8815 117.14 23.1475 117.644 22.2511C118.16 21.3136 118.421 20.2553 118.402 19.1831L118.398 5ZM128 5V26.6275H126.041V5H128Z'
      />
      <path
        className='fill-black dark:fill-white'
        d='M23.5294 0H8.47059C3.79241 0 0 3.79241 0 8.47059V23.5294C0 28.2076 3.79241 32 8.47059 32H23.5294C28.2076 32 32 28.2076 32 23.5294V8.47059C32 3.79241 28.2076 0 23.5294 0Z'
      />
      <path
        className='fill-white dark:fill-black'
        d='M17.5667 9.21729H18.8111V18.2403C18.8255 19.1128 18.6 19.9726 18.159 20.7256C17.7241 21.4555 17.0968 22.0518 16.3458 22.4491C15.5717 22.8683 14.6722 23.0779 13.6473 23.0779C12.627 23.0779 11.7286 22.8672 10.9521 22.4457C10.2007 22.0478 9.5727 21.4518 9.13602 20.7223C8.6948 19.9705 8.4692 19.1118 8.48396 18.2403V9.21729H9.72854V18.1538C9.71656 18.8298 9.88417 19.4968 10.2143 20.0868C10.5362 20.6506 11.0099 21.1129 11.5814 21.421C12.1689 21.7448 12.8576 21.9067 13.6475 21.9067C14.4374 21.9067 15.1272 21.7448 15.7169 21.421C16.2895 21.1142 16.7635 20.6516 17.0844 20.0868C17.4124 19.4961 17.5788 18.8293 17.5667 18.1538V9.21729ZM23.6753 9.21729V22.845H22.4309V9.21729H23.6753Z'
      />
    </svg>
  );
};

export const RouteIcon = (props: IconSvgProps) => (
  <svg
    fill='#000000'
    id='Layer_1'
    version='1.1'
    viewBox='0 0 512.001 512.001'
    xmlSpace='preserve'
    xmlns='http://www.w3.org/2000/svg'
    {...props}
  >
    <g id='SVGRepo_bgCarrier' strokeWidth='0' />
    <g
      id='SVGRepo_tracerCarrier'
      strokeLinecap='round'
      strokeLinejoin='round'
    />
    <g id='SVGRepo_iconCarrier'>
      <rect
        height='250.203'
        style={{ fill: '#FFB969' }}
        width='85.716'
        x='203.993'
        y='209.443'
      />
      <rect
        height='47.627'
        style={{
          opacity: 0.1,
        }}
        width='85.716'
        x='203.993'
        y='209.443'
      />
      <polygon
        points='503.759,127.641 413.472,224.104 36.108,224.104 36.108,31.177 413.472,31.177 '
        style={{ fill: '#FFC17A' }}
      />
      <path
        d='M192.161,194.777c17.474-3.12,33.484-19.622,27.849-51.187 c-5.635-31.564-28.645-53.205-45.935-50.119c-17.289,3.087-31.39,31.352-25.754,62.917 C153.956,187.953,174.687,197.896,192.161,194.777z'
        style={{
          fill: '#FFD77A',
        }}
      />
      <path
        d='M294.957,194.777c-17.474-3.12-33.484-19.622-27.849-51.187s28.645-53.205,45.935-50.119 c17.289,3.087,31.39,31.352,25.754,62.917C333.162,187.953,312.431,197.896,294.957,194.777z'
        style={{
          fill: '#FFA0C1',
        }}
      />
      <path
        d='M243.559,196.676c17.75,0,36.412-13.432,36.412-45.495S261.122,93.77,243.559,93.77 s-36.412,25.348-36.412,57.411S225.809,196.676,243.559,196.676z'
        style={{
          fill: '#61CCFF',
        }}
      />
      <path
        d='M468.901,480.823c1.578-20.514,16.57-56.019,16.57-56.019c-37.872-3.945-63.12,24.459-63.12,24.459 c3.156-16.57,22.881-55.23,22.881-55.23c-43.395-3.945-71.799,43.395-71.799,43.395c2.367-33.138,18.936-77.322,18.936-77.322 c-55.23,7.101-78.9,63.12-78.9,63.12c3.945-36.294,18.148-88.369,18.148-88.369c-75.744,13.413-84.759,97.047-84.759,97.047 s-9.014-83.635-84.759-97.047c0,0,14.202,52.075,18.148,88.369c0,0-23.67-56.019-78.9-63.12c0,0,16.57,44.184,18.936,77.322 c0,0-28.404-47.34-71.799-43.395c0,0,19.725,38.661,22.881,55.23c0,0-25.248-28.404-63.12-24.459c0,0,14.991,35.505,16.57,56.019 H468.901z'
        style={{ fill: '#94D77F' }}
      />
      <circle cx='243.555' cy='58.32' r='10.318' />
      <path d='M16.593,481.455c0.331,4.295,3.911,7.61,8.218,7.61H468.9c4.307,0,7.887-3.315,8.218-7.609 c1.457-18.928,15.801-53.104,15.946-53.446c1.014-2.406,0.83-5.152-0.499-7.399s-3.643-3.733-6.241-4.004 c-2.678-0.278-5.392-0.42-8.068-0.42c-15.606,0-28.884,4.681-39.11,10.191c4.889-11.345,10.509-22.88,13.426-28.599 c1.243-2.437,1.197-5.332-0.125-7.727c-1.321-2.396-3.745-3.979-6.47-4.226c-1.951-0.178-3.93-0.267-5.881-0.267 c-22.684,0-41.049,11.794-53.781,23.652c5.5-23.985,13.656-45.904,13.771-46.212c1.014-2.706,0.536-5.746-1.258-8.011 c-1.795-2.266-4.657-3.423-7.51-3.056c-28.879,3.712-49.657,19.395-63.49,34.784c5.304-25.979,11.644-49.343,11.739-49.689 c0.744-2.724,0.04-5.64-1.864-7.725c-1.904-2.085-4.741-3.051-7.524-2.558c-11.629,2.059-22.407,5.807-32.219,11.147v-40.889 c0-4.552-3.69-8.242-8.242-8.242s-8.242,3.69-8.242,8.242v52.08c-4.965,4.157-9.543,8.824-13.672,13.812 c-0.023,0.027-0.046,0.055-0.069,0.083c-9.889,11.971-16.507,24.997-20.877,36.428c-4.372-11.433-10.99-24.463-20.883-36.435 c-0.019-0.022-0.036-0.044-0.055-0.066c-4.158-4.977-8.707-9.657-13.682-13.823V232.346h69.238v31.686 c0,4.552,3.69,8.242,8.242,8.242s8.242-3.69,8.242-8.242v-31.686H413.47c2.28,0,4.459-0.945,6.018-2.61l32.458-34.679 c3.111-3.323,2.939-8.54-0.386-11.65c-3.323-3.112-8.54-2.937-11.65,0.386l-30.015,32.068H289.717h-85.721H44.35V39.419h26.69 c4.552,0,8.242-3.69,8.242-8.242s-3.69-8.242-8.242-8.242H36.108c-4.552,0-8.242,3.69-8.242,8.242v192.927 c0,4.552,3.69,8.242,8.242,8.242h159.645v105.543c-9.812-5.34-20.59-9.088-32.218-11.147c-2.78-0.493-5.619,0.474-7.524,2.558 c-1.903,2.086-2.608,5.001-1.865,7.725c0.095,0.346,6.435,23.706,11.741,49.691c-13.834-15.388-34.613-31.073-63.491-34.785 c-2.867-0.369-5.717,0.791-7.51,3.056c-1.795,2.265-2.271,5.305-1.258,8.011c0.115,0.307,8.273,22.229,13.773,46.214 c-12.734-11.86-31.102-23.655-53.783-23.655c-1.951,0-3.929,0.09-5.881,0.267c-2.724,0.247-5.148,1.832-6.47,4.226 c-1.322,2.395-1.368,5.29-0.125,7.727c2.918,5.72,8.539,17.253,13.428,28.602c-10.225-5.511-23.505-10.194-39.111-10.194 c-2.677,0-5.391,0.142-8.068,0.42c-2.597,0.27-4.912,1.756-6.241,4.004c-1.329,2.247-1.513,4.992-0.499,7.399 C0.793,428.352,15.138,462.529,16.593,481.455z M65.202,454.738c2.464,2.77,6.475,3.556,9.8,1.919 c3.326-1.637,5.151-5.293,4.456-8.936c-2.182-11.457-11.262-31.793-17.517-44.95c30.658,5.364,51.058,38.544,51.271,38.897 c1.963,3.27,5.912,4.767,9.549,3.619c3.637-1.148,6.011-4.643,5.74-8.446c-1.611-22.551-9.357-49.473-14.578-65.544 c40.213,12.791,58.535,54.682,58.73,55.137c1.592,3.767,5.704,5.798,9.663,4.769c3.958-1.027,6.565-4.802,6.122-8.867 c-2.775-25.53-10.369-58.123-14.889-76.163c9.231,3,17.603,7.397,25.119,13.128c0.099,0.085,0.191,0.176,0.296,0.256 c34.116,26.301,39.648,72.781,39.699,73.234c0.026,0.245,0.066,0.486,0.113,0.724c0.003,0.015,0.004,0.031,0.008,0.046 c0.03,0.143,0.07,0.281,0.107,0.421c0.027,0.108,0.051,0.219,0.082,0.324c0.01,0.034,0.024,0.065,0.035,0.098 c1.065,3.354,4.196,5.731,7.839,5.737c0.004,0,0.009,0,0.013,0c3.08,0,5.796-1.708,7.209-4.263c0.031-0.057,0.067-0.11,0.098-0.167 c0.056-0.109,0.103-0.222,0.155-0.333c0.054-0.115,0.113-0.229,0.162-0.347c0.035-0.086,0.062-0.175,0.093-0.26 c0.056-0.151,0.114-0.299,0.162-0.453c0.021-0.069,0.035-0.141,0.054-0.21c0.049-0.177,0.099-0.353,0.136-0.533 c0.002-0.011,0.003-0.022,0.005-0.032c0.049-0.242,0.089-0.487,0.118-0.736c0.052-0.467,5.585-46.947,39.7-73.248 c0.102-0.079,0.193-0.169,0.291-0.253c7.518-5.731,15.892-10.13,25.125-13.13c-4.52,18.04-12.115,50.632-14.89,76.163 c-0.441,4.059,2.159,7.823,6.111,8.857c3.953,1.033,8.066-0.989,9.669-4.745c0.2-0.467,18.522-42.359,58.735-55.151 c-5.221,16.071-12.967,42.993-14.578,65.544c-0.271,3.8,2.099,7.285,5.73,8.438c3.631,1.154,7.581-0.339,9.551-3.598 c0.221-0.364,20.618-33.545,51.279-38.91c-6.255,13.159-15.335,33.493-17.517,44.951c-0.692,3.633,1.129,7.272,4.442,8.916 c3.311,1.643,7.322,0.87,9.798-1.879c0.188-0.208,18.061-19.727,44.935-21.893c-3.935,10.482-9.397,26.41-11.745,39.717H32.03 c-2.348-13.307-7.809-29.236-11.745-39.717C47.156,435.03,65.03,454.548,65.202,454.738z' />
      <path d='M462.822,171.379c1.589,1.488,3.612,2.224,5.63,2.224c2.201,0,4.397-0.876,6.02-2.61l35.305-37.721 c2.966-3.169,2.966-8.096,0-11.264l-90.287-96.463c-1.558-1.665-3.736-2.61-6.018-2.61H117.663c-4.552,0-8.242,3.69-8.242,8.242 s3.69,8.242,8.242,8.242h292.234l82.574,88.221l-30.034,32.089C459.326,163.052,459.498,168.268,462.822,171.379z' />
      <path d='M212.185,105.435c-9.864-12.763-22.6-20.497-34.747-20.497c-1.629,0-3.247,0.142-4.812,0.421 c-23.417,4.181-38.566,38.05-32.419,72.479c6.019,33.713,27.615,45.725,45.82,45.726h0.002c2.528,0,5.078-0.226,7.579-0.674 c7.739-1.381,14.74-4.763,20.448-9.767c8.241,7.997,18.89,11.795,29.502,11.795c10.611,0,21.261-3.798,29.502-11.795 c5.708,5.005,12.709,8.386,20.448,9.767c2.502,0.447,5.053,0.674,7.581,0.674h0.001c18.204,0,39.801-12.015,45.821-45.727 c6.145-34.43-9.005-68.298-32.42-72.479c-1.565-0.279-3.184-0.421-4.812-0.421c-12.146,0-24.883,7.734-34.746,20.498 c-8.201-12.152-19.418-19.908-31.374-19.908C231.603,85.528,220.386,93.283,212.185,105.435z M190.713,186.664 c-1.548,0.276-3.124,0.416-4.685,0.416c-14.938-0.001-26.002-12.017-29.594-32.14c-5.195-29.098,8.05-51.383,19.089-53.355 c0.611-0.11,1.256-0.164,1.915-0.164c7.119,0,18.074,6.592,26.31,20.987c-0.078,0.223-0.145,0.452-0.221,0.676 c-0.102,0.3-0.198,0.606-0.297,0.909c-4.048,12.34-5.353,25.562-3.562,38.437c0.024,0.175,0.048,0.349,0.075,0.524 c0.914,6.236,2.554,11.739,4.768,16.529C200.821,183.207,196.057,185.709,190.713,186.664z M288.173,147.681 c-0.32-8.067-1.787-16.101-4.301-23.738c-0.092-0.28-0.18-0.565-0.276-0.843c-0.078-0.229-0.146-0.464-0.226-0.691 c8.235-14.395,19.192-20.987,26.309-20.987c0.66,0,1.304,0.055,1.914,0.164c11.04,1.97,24.284,24.257,19.09,53.355 c-3.593,20.126-14.656,32.14-29.594,32.14c-1.56,0-3.136-0.141-4.686-0.416c-5.344-0.954-10.108-3.456-13.798-7.183 c2.214-4.789,3.854-10.293,4.768-16.529c0.025-0.174,0.049-0.348,0.075-0.523C288.135,157.557,288.369,152.613,288.173,147.681z M220.71,124.087c5.912-13.835,15.583-22.075,22.849-22.075s16.938,8.241,22.85,22.078c0.082,0.286,0.18,0.569,0.293,0.847 c3.757,9.175,5.435,19.284,4.951,29.184c-0.806,16.452-8.478,34.314-28.094,34.314s-27.288-17.862-28.094-34.313 c-0.484-9.88,1.206-20.027,4.951-29.183C220.53,124.658,220.628,124.375,220.71,124.087z' />
    </g>
  </svg>
);

export const InfoIcon = (props: IconSvgProps) => (
  <svg
    className='icon flat-line'
    data-name='Flat Line'
    fill='#000000'
    id='information-chat'
    viewBox='0 0 24 24'
    xmlns='http://www.w3.org/2000/svg'
    {...props}
  >
    <g id='SVGRepo_bgCarrier' strokeWidth='0' />
    <g
      id='SVGRepo_tracerCarrier'
      strokeLinecap='round'
      strokeLinejoin='round'
    />
    <g id='SVGRepo_iconCarrier'>
      <path
        d='M10.54,3.11A9,9,0,0,0,4,16.11l-.7,3.41A1,1,0,0,0,4.48,20.7L7.87,20h0A9,9,0,1,0,10.54,3.11Z'
        id='secondary'
        style={{
          fill: '#2ca9bc',
          strokeWidth: 2,
        }}
      />
      <line
        id='primary-upstroke'
        style={{
          fill: 'none',
          stroke: '#000000',
          strokeLinecap: 'round',
          strokeLinejoin: 'round',
          strokeWidth: 2.5,
        }}
        x1='12.05'
        x2='11.95'
        y1='8'
        y2='8'
      />
      <path
        d='M12,13v3M10.54,3.11A9,9,0,0,0,4,16.11l-.7,3.41A1,1,0,0,0,4.48,20.7L7.87,20h0A9,9,0,1,0,10.54,3.11Z'
        id='primary'
        style={{
          fill: 'none',
          stroke: '#000000',
          strokeLinecap: 'round',
          strokeLinejoin: 'round',
          strokeWidth: 2,
        }}
      />
    </g>
  </svg>
);

export const SignalTowerIcon = (props: IconSvgProps) => (
  <svg
    fill='#000000'
    id='Layer_1'
    version='1.1'
    viewBox='0 0 392.436 392.436'
    xmlSpace='preserve'
    xmlns='http://www.w3.org/2000/svg'
    {...props}
  >
    <g id='SVGRepo_bgCarrier' strokeWidth='0' />
    <g
      id='SVGRepo_tracerCarrier'
      strokeLinecap='round'
      strokeLinejoin='round'
    />
    <g id='SVGRepo_iconCarrier'>
      <polygon
        points='149.543,370.909 249.616,370.909 199.515,214.465 '
        style={{
          fill: '#FFC10D',
        }}
      />
      <g>
        <path
          d='M128.404,212.008c4.008,4.396,12.024,3.879,15.451,0c4.267-4.267,4.267-11.119,0-15.451 c-14.61-14.61-22.626-33.939-22.626-54.562s8.016-40.016,22.626-54.562c4.267-4.267,4.267-11.119,0-15.451 c-4.267-4.267-11.119-4.267-15.451,0c-18.683,18.683-28.962,43.572-28.962,70.012S109.657,193.261,128.404,212.008z'
          style={{
            fill: '#194F82',
          }}
        />
        <path
          d='M104.679,50.457c4.267-4.267,4.267-11.119,0-15.451c-4.267-4.267-11.119-4.267-15.451,0 c-58.958,58.958-58.958,154.958,0,213.915c4.719,4.396,10.925,4.202,15.451,0c4.267-4.267,4.267-11.119,0-15.451 C54.19,183.111,54.19,100.945,104.679,50.457z'
          style={{
            fill: '#194F82',
          }}
        />
        <path
          d='M72.808,18.651c4.267-4.267,4.267-11.119,0-15.451c-4.267-4.267-11.119-4.267-15.451,0 c-76.477,76.477-76.477,201.051,0,277.592c4.461,4.267,11.119,4.008,15.451,0c4.267-4.267,4.267-11.119,0-15.451 C4.8,197.398,4.8,86.659,72.808,18.651z'
          style={{
            fill: '#194F82',
          }}
        />
        <path
          d='M271.273,141.996c0,20.622-8.016,40.016-22.626,54.562c-4.267,4.267-4.267,11.119,0,15.451 c3.426,3.879,11.442,4.396,15.451,0c18.683-18.683,28.962-43.572,28.962-70.012s-10.279-51.329-28.962-70.012 c-4.267-4.267-11.119-4.267-15.451,0c-4.267,4.267-4.267,11.119,0,15.451C263.192,102.044,271.273,121.438,271.273,141.996z'
          style={{
            fill: '#194F82',
          }}
        />
        <path
          d='M303.273,35.006c-4.267-4.267-11.119-4.267-15.451,0c-4.267,4.267-4.267,11.119,0,15.451 c50.489,50.489,50.489,132.59,0,183.079c-4.267,4.267-4.267,11.119,0,15.451c4.59,4.202,10.667,4.396,15.451,0 C362.23,189.964,362.23,94.093,303.273,35.006z'
          style={{
            fill: '#194F82',
          }}
        />
        <path
          d='M335.079,3.2c-4.267-4.267-11.119-4.267-15.451,0c-4.267,4.267-4.267,11.119,0,15.451 c68.008,68.008,68.008,178.747,0,246.756c-4.267,4.267-4.267,11.119,0,15.451c4.331,4.008,10.99,4.267,15.451,0 C411.556,204.251,411.556,79.741,335.079,3.2z'
          style={{
            fill: '#194F82',
          }}
        />
        <path
          d='M213.737,186.925c18.683-6.4,32.129-24.113,32.129-44.994c0-26.246-21.333-47.58-47.58-47.58 s-47.58,21.333-47.58,47.58c0,21.721,14.545,39.952,34.457,45.64l-60.962,190.642c-2.457,6.206,2.78,14.222,10.343,14.222H264.42 c7.499,0,12.606-7.24,10.343-14.222L213.737,186.925z M172.558,141.996c0-14.222,11.507-25.794,25.794-25.794 c14.287,0,25.794,11.507,25.794,25.794c0,14.287-11.507,25.794-25.794,25.794C184.065,167.79,172.558,156.283,172.558,141.996z M149.608,370.78l6.012-18.747h26.828c6.012,0,10.925-4.848,10.925-10.925c0-6.012-4.848-10.925-10.925-10.925h-19.846 l6.982-21.786h34.715c6.012,0,10.925-4.848,10.925-10.925c0-6.012-4.848-10.925-10.925-10.925h-27.733l23.079-72.145 l49.972,156.444H149.608V370.78z'
          style={{
            fill: '#194F82',
          }}
        />
      </g>
      <circle
        cx='198.352'
        cy='141.996'
        r='25.794'
        style={{
          fill: '#56ACE0',
        }}
      />
    </g>
  </svg>
);

export const SettingsIcon = (props: IconSvgProps) => (
  <svg
    fill='none'
    viewBox='0 0 48 48'
    xmlns='http://www.w3.org/2000/svg'
    {...props}
  >
    <g id='SVGRepo_bgCarrier' strokeWidth='0' />
    <g
      id='SVGRepo_tracerCarrier'
      strokeLinecap='round'
      strokeLinejoin='round'
    />
    <g id='SVGRepo_iconCarrier'>
      <rect fill='white' fillOpacity='0.01' height='48' width='48' />
      <path
        d='M18.2838 43.1712C14.9327 42.1735 11.9498 40.3212 9.58787 37.8669C10.469 36.8226 11 35.4733 11 34C11 30.6863 8.31371 28 5 28C4.79955 28 4.60139 28.0098 4.40599 28.029C4.13979 26.7276 4 25.3801 4 24C4 21.9094 4.32077 19.8937 4.91579 17.9994C4.94381 17.9998 4.97188 18 5 18C8.31371 18 11 15.3137 11 12C11 11.0487 10.7786 10.1491 10.3846 9.34999C12.6975 7.19937 15.5205 5.5899 18.6521 4.72302C19.6444 6.66807 21.6667 8.00001 24 8.00001C26.3333 8.00001 28.3556 6.66807 29.3479 4.72302C32.4795 5.5899 35.3025 7.19937 37.6154 9.34999C37.2214 10.1491 37 11.0487 37 12C37 15.3137 39.6863 18 43 18C43.0281 18 43.0562 17.9998 43.0842 17.9994C43.6792 19.8937 44 21.9094 44 24C44 25.3801 43.8602 26.7276 43.594 28.029C43.3986 28.0098 43.2005 28 43 28C39.6863 28 37 30.6863 37 34C37 35.4733 37.531 36.8226 38.4121 37.8669C36.0502 40.3212 33.0673 42.1735 29.7162 43.1712C28.9428 40.7518 26.676 39 24 39C21.324 39 19.0572 40.7518 18.2838 43.1712Z'
        fill='#2F88FF'
        stroke='#000000'
        strokeLinejoin='round'
        strokeWidth='4'
      />
      <path
        d='M24 31C27.866 31 31 27.866 31 24C31 20.134 27.866 17 24 17C20.134 17 17 20.134 17 24C17 27.866 20.134 31 24 31Z'
        fill='#43CCF8'
        stroke='white'
        strokeLinejoin='round'
        strokeWidth='4'
      />
    </g>
  </svg>
);

export const TerminalIcon = (props: IconSvgProps) => (
  <svg
    fill='none'
    viewBox='0 0 48 48'
    xmlns='http://www.w3.org/2000/svg'
    {...props}
  >
    <g id='SVGRepo_bgCarrier' strokeWidth='0' />
    <g
      id='SVGRepo_tracerCarrier'
      strokeLinecap='round'
      strokeLinejoin='round'
    />
    <g id='SVGRepo_iconCarrier'>
      <rect fill='white' fillOpacity='0.01' height='48' width='48' />
      <rect
        fill='#2F88FF'
        height='32'
        rx='2'
        stroke='#000000'
        strokeLinejoin='round'
        strokeWidth='4'
        width='40'
        x='4'
        y='8'
      />
      <path
        d='M12 18L19 24L12 30'
        stroke='white'
        strokeLinecap='round'
        strokeLinejoin='round'
        strokeWidth='4'
      />
      <path
        d='M23 32H36'
        stroke='white'
        strokeLinecap='round'
        strokeLinejoin='round'
        strokeWidth='4'
      />
    </g>
  </svg>
);

export const PlusIcon = (props: IconSvgProps) => (
  <svg
    width='1em'
    height='1em'
    fill='#000000'
    viewBox='0 0 48 48'
    xmlns='http://www.w3.org/2000/svg'
    {...props}
  >
    <g id='SVGRepo_bgCarrier' strokeWidth='0' />
    <g
      id='SVGRepo_tracerCarrier'
      strokeLinecap='round'
      strokeLinejoin='round'
    />
    <g id='SVGRepo_iconCarrier'>
      <rect
        fill='#d7effa33'
        height='42'
        rx='10'
        ry='10'
        width='42'
        x='3'
        y='3'
      />
      <path
        d='M24,34.25a2,2,0,0,1-2-2V15.75a2,2,0,0,1,4,0v16.5A2,2,0,0,1,24,34.25Z'
        fill='#38b1e7'
      />
      <path d='M32,26H16a2,2,0,0,1,0-4H32A2,2,0,0,1,32,26Z' fill='#38b1e7' />
    </g>
  </svg>
);

export const HTTPClientIcon = (props: IconSvgProps) => (
  <svg
    fill='#000000'
    id='Layer_1'
    version='1.1'
    viewBox='0 0 512 512'
    xmlSpace='preserve'
    xmlns='http://www.w3.org/2000/svg'
    {...props}
  >
    <g id='SVGRepo_bgCarrier' strokeWidth='0' />
    <g
      id='SVGRepo_tracerCarrier'
      strokeLinecap='round'
      strokeLinejoin='round'
    />
    <g id='SVGRepo_iconCarrier'>
      <g transform='translate(1 1)'>
        <path
          d='M213.187,400.067c1.707,5.12,6.827,8.533,11.947,8.533H293.4c5.12,0,10.24-3.413,11.947-8.533H485.4 V101.4c0-14.507-11.093-25.6-25.6-25.6H50.2c-14.507,0-25.6,11.093-25.6,25.6v298.667H213.187z'
          style={{
            fill: '#54C9FD',
          }}
        />
        <path
          d='M50.2,75.8h17.067c-14.507,0-25.6,11.093-25.6,25.6v298.667H24.6V101.4 C24.6,86.893,35.693,75.8,50.2,75.8'
          style={{
            fill: '#FFFFFF',
          }}
        />
        <path
          d='M459.8,75.8h-17.067c14.507,0,25.6,11.093,25.6,25.6v298.667H485.4V101.4 C485.4,86.893,474.307,75.8,459.8,75.8'
          style={{
            fill: '#33A9F8',
          }}
        />
        <path
          d='M305.347,400.067c-1.707,5.12-6.827,8.533-11.947,8.533h-68.267c-5.12,0-10.24-3.413-11.947-8.533 H12.653c-2.56,0-5.12,2.56-5.12,5.12v23.893c0,2.56,2.56,5.12,5.12,5.12h484.693c2.56,0,5.12-2.56,5.12-5.12v-23.893 c0-2.56-2.56-5.12-5.12-5.12L305.347,400.067L305.347,400.067z'
          style={{
            fill: '#54C9FD',
          }}
        />
        <path
          d='M33.133,429.08v-23.893c0-2.56,2.56-5.12,5.12-5.12h-25.6c-2.56,0-5.12,2.56-5.12,5.12v23.893 c0,2.56,2.56,5.12,5.12,5.12h25.6C35.693,434.2,33.133,431.64,33.133,429.08'
          style={{
            fill: '#FFFFFF',
          }}
        />
        <path
          d='M476.867,429.08v-23.893c0-2.56-2.56-5.12-5.12-5.12h25.6c2.56,0,5.12,2.56,5.12,5.12v23.893 c0,2.56-2.56,5.12-5.12,5.12h-25.6C474.307,434.2,476.867,431.64,476.867,429.08'
          style={{
            fill: '#33A9F8',
          }}
        />
        <polygon
          points='58.733,365.933 451.267,365.933 451.267,109.933 58.733,109.933 '
          style={{
            fill: '#FFDD09',
          }}
        />
        <polygon
          points='425.667,365.933 451.267,365.933 451.267,109.933 425.667,109.933 '
          style={{
            fill: '#FD9808',
          }}
        />
        <path d='M497.347,442.733H12.653C4.973,442.733-1,436.76-1,429.08v-23.893c0-7.68,5.973-13.653,13.653-13.653H219.16l1.707,5.973 c0.853,1.707,1.707,2.56,4.267,2.56H293.4c1.707,0,3.413-1.707,4.267-2.56l1.707-5.973h197.973c7.68,0,13.653,5.973,13.653,13.653 v23.893C511,436.76,505.027,442.733,497.347,442.733z M16.067,425.667h477.867V408.6H310.467c-4.267,5.12-10.24,8.533-17.067,8.533 h-68.267c-6.827,0-12.8-3.413-17.067-8.533h-192V425.667z' />
        <path d='M293.4,417.133h-68.267c-6.827,0-12.8-3.413-17.067-8.533h-192V101.4c0-18.773,15.36-34.133,34.133-34.133h409.6 c18.773,0,34.133,15.36,34.133,34.133v307.2H310.467C306.2,413.72,300.227,417.133,293.4,417.133z M33.133,391.533H219.16 l1.707,5.973c0.853,1.707,1.707,2.56,4.267,2.56H293.4c1.707,0,3.413-1.707,4.267-2.56l1.707-5.973h177.493V101.4 c0-9.387-7.68-17.067-17.067-17.067H50.2c-9.387,0-17.067,7.68-17.067,17.067V391.533z' />
        <path d='M451.267,374.467H58.733c-5.12,0-8.533-3.413-8.533-8.533v-256c0-5.12,3.413-8.533,8.533-8.533h392.533 c5.12,0,8.533,3.413,8.533,8.533v256C459.8,371.053,456.387,374.467,451.267,374.467z M67.267,357.4h375.467V118.467H67.267V357.4z ' />
        <path d='M109.933,280.6c-5.12,0-8.533-3.413-8.533-8.533V203.8c0-5.12,3.413-8.533,8.533-8.533s8.533,3.413,8.533,8.533v68.267 C118.467,277.187,115.053,280.6,109.933,280.6z' />
        <path d='M161.133,280.6c-5.12,0-8.533-3.413-8.533-8.533V203.8c0-5.12,3.413-8.533,8.533-8.533c5.12,0,8.533,3.413,8.533,8.533 v68.267C169.667,277.187,166.253,280.6,161.133,280.6z' />
        <path d='M220.867,280.6c-5.12,0-8.533-3.413-8.533-8.533V203.8c0-5.12,3.413-8.533,8.533-8.533c5.12,0,8.533,3.413,8.533,8.533 v68.267C229.4,277.187,225.987,280.6,220.867,280.6z' />
        <path d='M161.133,246.467h-51.2c-5.12,0-8.533-3.413-8.533-8.533c0-5.12,3.413-8.533,8.533-8.533h51.2 c5.12,0,8.533,3.413,8.533,8.533C169.667,243.053,166.253,246.467,161.133,246.467z' />
        <path d='M246.467,212.333h-51.2c-5.12,0-8.533-3.413-8.533-8.533c0-5.12,3.413-8.533,8.533-8.533h51.2 c5.12,0,8.533,3.413,8.533,8.533C255,208.92,251.587,212.333,246.467,212.333z' />
        <path d='M306.2,280.6c-5.12,0-8.533-3.413-8.533-8.533V203.8c0-5.12,3.413-8.533,8.533-8.533s8.533,3.413,8.533,8.533v68.267 C314.733,277.187,311.32,280.6,306.2,280.6z' />
        <path d='M331.8,212.333h-51.2c-5.12,0-8.533-3.413-8.533-8.533c0-5.12,3.413-8.533,8.533-8.533h51.2 c5.12,0,8.533,3.413,8.533,8.533C340.333,208.92,336.92,212.333,331.8,212.333z' />
        <path d='M365.933,280.6c-5.12,0-8.533-3.413-8.533-8.533V203.8c0-5.12,3.413-8.533,8.533-8.533h18.773 c15.36,0,27.307,12.8,27.307,27.307c0,14.507-12.8,27.307-27.307,27.307h-10.24v22.187 C374.467,277.187,371.053,280.6,365.933,280.6z M374.467,233.667h10.24c5.973,0,10.24-5.12,10.24-10.24 c0-5.12-4.267-11.093-10.24-11.093h-10.24V233.667z' />
      </g>
    </g>
  </svg>
);

export const HTTPServerIcon = (props: IconSvgProps) => (
  <svg
    fill='#000000'
    viewBox='0 0 32 32'
    xmlns='http://www.w3.org/2000/svg'
    {...props}
  >
    <g id='SVGRepo_bgCarrier' strokeWidth='0' />
    <g
      id='SVGRepo_tracerCarrier'
      strokeLinecap='round'
      strokeLinejoin='round'
    />
    <g id='SVGRepo_iconCarrier'>
      <path
        d='M27.5,5.5H18.2L16.1,9.7H4.4V26.5H29.6V5.5Zm0,4.2H19.3l1.1-2.1h7.1Z'
        style={{
          fill: '#55bf7b',
        }}
      />
      <path
        d='M21.761,10h.048a7.814,7.814,0,0,1,.729.4q4.072,2.341,8.144,4.685a.594.594,0,0,1,.311.591c-.006,3.292,0,6.582,0,9.873a.61.61,0,0,1-.267.381l-8.66,4.983a.44.44,0,0,1-.493.028q-4.335-2.484-8.662-4.981a.522.522,0,0,1-.3-.5q0-4.936,0-9.872a.52.52,0,0,1,.29-.5q4.07-2.339,8.136-4.681c.242-.138.478-.284.731-.4'
        style={{
          fill: '#019639',
        }}
      />
      <path
        d='M16.375,16.4q0,4.072,0,8.144a1.132,1.132,0,0,0,.321.815,1.235,1.235,0,0,0,1.545.155,1.173,1.173,0,0,0,.514-.97c0-1.965,0-3.93,0-5.9q2.688,3.218,5.386,6.426a2.124,2.124,0,0,0,1.954.587,1.171,1.171,0,0,0,.939-1.028q.006-4.156,0-8.311a1.186,1.186,0,0,0-2.364,0c0,2-.012,3.991,0,5.987-1.76-2.074-3.5-4.167-5.248-6.249a2.113,2.113,0,0,0-2-.789A1.184,1.184,0,0,0,16.375,16.4Z'
        style={{
          fill: '#fff',
        }}
      />
    </g>
  </svg>
);

export const WebsocketIcon = (props: IconSvgProps) => (
  <svg
    fill='#f4ac10'
    preserveAspectRatio='xMidYMid'
    stroke='#f4ac10'
    strokeWidth='8.192'
    version='1.1'
    viewBox='0 0 250 250'
    xmlns='http://www.w3.org/2000/svg'
    {...props}
  >
    <g id='SVGRepo_bgCarrier' strokeWidth='0' />
    <g
      id='SVGRepo_tracerCarrier'
      stroke='#CCCCCC'
      strokeLinecap='round'
      strokeLinejoin='round'
      strokeWidth='6.144'
    />
    <g id='SVGRepo_iconCarrier'>
      <g>
        <path
          d='M192.440223,144.644612 L224.220111,144.644612 L224.220111,68.3393384 L188.415329,32.5345562 L165.943007,55.0068785 L192.440223,81.5040943 L192.440223,144.644612 L192.440223,144.644612 Z M224.303963,160.576482 L178.017688,160.576482 L113.451687,160.576482 L86.954471,134.079266 L98.1906322,122.843105 L120.075991,144.728464 L165.104487,144.728464 L120.746806,100.286931 L132.06682,88.9669178 L176.4245,133.324599 L176.4245,88.2961022 L154.622994,66.4945955 L165.775303,55.3422863 L110.684573,0 L56.3485097,0 L56.3485097,0 L0,0 L31.6960367,31.6960367 L31.6960367,31.7798886 L31.8637406,31.7798886 L97.4359646,31.7798886 L120.662954,55.0068785 L86.7029152,88.9669178 L63.4759253,65.7399279 L63.4759253,47.7117589 L31.6960367,47.7117589 L31.6960367,78.9046839 L86.7029152,133.911562 L64.3144448,156.300033 L100.119227,192.104815 L154.45529,192.104815 L256,192.104815 L256,192.104815 L224.303963,160.576482 L224.303963,160.576482 Z'
          fill='#ff4775'
        />
      </g>
    </g>
  </svg>
);

export const PCIcon = (props: IconSvgProps) => (
  <svg
    fill='#000000'
    id='Layer_1'
    version='1.1'
    viewBox='0 0 512 512'
    xmlSpace='preserve'
    xmlns='http://www.w3.org/2000/svg'
    {...props}
  >
    <g id='SVGRepo_bgCarrier' strokeWidth='0' />
    <g
      id='SVGRepo_tracerCarrier'
      strokeLinecap='round'
      strokeLinejoin='round'
    />
    <g id='SVGRepo_iconCarrier'>
      <g transform='translate(1 1)'>
        <path
          d='M353.133,489.667H156.867c-6.827,0-12.8-5.973-12.8-12.8s5.973-12.8,12.8-12.8h196.267 c6.827,0,12.8,5.973,12.8,12.8S359.96,489.667,353.133,489.667'
          style={{ fill: '#FFE100' }}
        />
        <path
          d='M347.16,464.067H162.84c-1.707,0-2.56-2.56-0.853-3.413l15.36-11.093 c16.213-11.947,24.747-33.28,19.627-53.76h116.053l0,0c-5.12,20.48,3.413,41.813,19.627,53.76l15.36,11.093 C349.72,461.507,348.867,464.067,347.16,464.067'
          style={{ fill: '#FDCC00' }}
        />
        <path
          d='M351.427,460.653l-15.36-11.093c-16.213-11.947-24.747-33.28-19.627-53.76l0,0h-25.6l0,0 c-5.12,20.48,3.413,41.813,19.627,53.76l15.36,11.093c1.707,0.853,0.853,3.413-0.853,3.413h25.6 C352.28,464.067,353.133,461.507,351.427,460.653'
          style={{ fill: '#FFA800' }}
        />
        <path
          d='M158.573,460.653l15.36-11.093c16.213-11.947,24.747-33.28,19.627-53.76l0,0h25.6l0,0 c5.12,20.48-3.413,41.813-19.627,53.76l-15.36,11.093c-1.707,0.853-0.853,3.413,0.853,3.413h-25.6 C157.72,464.067,156.867,461.507,158.573,460.653'
          style={{ fill: '#FFFFFF' }}
        />
        <g>
          <path
            d='M502.467,327.533H7.533V50.2c0-16.213,13.653-29.867,29.867-29.867h435.2 c16.213,0,29.867,13.653,29.867,29.867V327.533z'
            style={{ fill: '#FFE100' }}
          />
          <path
            d='M7.533,365.933c0,16.213,13.653,29.867,29.867,29.867h435.2c16.213,0,29.867-13.653,29.867-29.867 v-38.4H7.533V365.933z'
            style={{ fill: '#FFE100' }}
          />
        </g>
        <g>
          <path
            d='M472.6,20.333H447c16.213,0,29.867,13.653,29.867,29.867v277.333h25.6V50.2 C502.467,33.987,488.813,20.333,472.6,20.333'
            style={{ fill: '#FFA800' }}
          />
          <path
            d='M476.867,327.533v38.4c0,16.213-13.653,29.867-29.867,29.867h25.6 c16.213,0,29.867-13.653,29.867-29.867v-38.4H476.867z'
            style={{ fill: '#FFA800' }}
          />
        </g>
        <g>
          <path
            d='M37.4,20.333H63c-16.213,0-29.867,13.653-29.867,29.867v277.333h-25.6V50.2 C7.533,33.987,21.187,20.333,37.4,20.333'
            style={{ fill: '#FFFFFF' }}
          />
          <path
            d='M33.133,327.533v38.4c0,16.213,13.653,29.867,29.867,29.867H37.4 c-16.213,0-29.867-13.653-29.867-29.867v-38.4H33.133z'
            style={{ fill: '#FFFFFF' }}
          />
        </g>
        <polygon
          points='58.733,131.267 451.267,131.267 451.267,80.067 58.733,80.067 '
          style={{ fill: '#63D3FD' }}
        />
        <path d='M347.16,472.6H162.84c-4.267,0-8.533-2.56-10.24-7.68c-1.707-4.267,0-9.387,4.267-11.947l15.36-11.093 c13.653-9.387,20.48-27.307,16.213-44.373l-2.56-10.24h137.387l-2.56,10.24c-4.267,17.067,2.56,34.987,16.213,44.373l15.36,11.093 c3.413,2.56,5.12,7.68,4.267,11.947C355.693,470.04,351.427,472.6,347.16,472.6z M183.32,455.533h142.507 c-15.36-11.947-24.747-31.573-23.04-51.2H206.36C208.067,423.96,199.533,443.587,183.32,455.533z' />
        <path d='M511,336.067H-1V50.2c0-21.333,17.067-38.4,38.4-38.4h435.2c21.333,0,38.4,17.067,38.4,38.4V336.067z M16.067,319h477.867 V50.2c0-11.947-9.387-21.333-21.333-21.333H37.4c-11.947,0-21.333,9.387-21.333,21.333V319z' />
        <path d='M353.133,498.2H156.867c-11.947,0-21.333-9.387-21.333-21.333s9.387-21.333,21.333-21.333h196.267 c11.947,0,21.333,9.387,21.333,21.333S365.08,498.2,353.133,498.2z M156.867,472.6c-2.56,0-4.267,1.707-4.267,4.267 s1.707,4.267,4.267,4.267h196.267c2.56,0,4.267-1.707,4.267-4.267s-1.707-4.267-4.267-4.267H156.867z' />
        <path d='M472.6,404.333H37.4c-21.333,0-38.4-17.067-38.4-38.4V319h512v46.933C511,387.267,493.933,404.333,472.6,404.333z M16.067,336.067v29.867c0,11.947,9.387,21.333,21.333,21.333h435.2c11.947,0,21.333-9.387,21.333-21.333v-29.867H16.067z' />
        <path d='M459.8,139.8H50.2V71.533h409.6V139.8z M67.267,122.733h375.467V88.6H67.267V122.733z' />
        <path d='M101.4,191H58.733c-5.12,0-8.533-3.413-8.533-8.533c0-5.12,3.413-8.533,8.533-8.533H101.4c5.12,0,8.533,3.413,8.533,8.533 C109.933,187.587,106.52,191,101.4,191z' />
        <path d='M229.4,191h-59.733c-5.12,0-8.533-3.413-8.533-8.533c0-5.12,3.413-8.533,8.533-8.533H229.4c5.12,0,8.533,3.413,8.533,8.533 C237.933,187.587,234.52,191,229.4,191z' />
        <path d='M135.533,191c-2.56,0-4.267-0.853-5.973-2.56c-1.707-1.707-2.56-3.413-2.56-5.973s0.853-4.267,2.56-5.973 c3.413-3.413,9.387-3.413,11.947,0c1.707,1.707,2.56,3.413,2.56,5.973c0,2.56-0.853,4.267-2.56,5.973 C139.8,190.147,138.093,191,135.533,191' />
        <path d='M263.533,191c-2.56,0-4.267-0.853-5.973-2.56c-0.853-0.853-1.707-1.707-1.707-2.56c0-0.853-0.853-2.56-0.853-3.413 c0-2.56,0.853-4.267,2.56-5.973c3.413-3.413,8.533-3.413,11.947,0c1.707,1.707,2.56,3.413,2.56,5.973 c0,2.56-0.853,4.267-2.56,5.973C267.8,190.147,266.093,191,263.533,191' />
        <path d='M280.6,233.667h-42.667c-5.12,0-8.533-3.413-8.533-8.533c0-5.12,3.413-8.533,8.533-8.533H280.6 c5.12,0,8.533,3.413,8.533,8.533C289.133,230.253,285.72,233.667,280.6,233.667z' />
        <path d='M169.667,233.667h-59.733c-5.12,0-8.533-3.413-8.533-8.533c0-5.12,3.413-8.533,8.533-8.533h59.733 c5.12,0,8.533,3.413,8.533,8.533C178.2,230.253,174.787,233.667,169.667,233.667z' />
        <path d='M203.8,233.667c-2.56,0-4.267-0.853-5.973-2.56c-0.853-0.853-1.707-1.707-1.707-2.56c0-0.853-0.853-2.56-0.853-3.413 s0-2.56,0.853-3.413c0-0.853,0.853-1.707,1.707-2.56c3.413-3.413,8.533-3.413,11.947,0c0.853,0.853,1.707,1.707,1.707,2.56 c0.853,0.853,0.853,2.56,0.853,3.413c0,2.56-0.853,4.267-2.56,5.973c-0.853,0.853-1.707,1.707-2.56,1.707 C206.36,233.667,204.653,233.667,203.8,233.667' />
        <path d='M75.8,233.667c-2.56,0-4.267-0.853-5.973-2.56c-0.853-0.853-1.707-1.707-1.707-2.56c-0.853-0.853-0.853-2.56-0.853-3.413 s0-2.56,0.853-3.413s0.853-1.707,1.707-2.56c2.56-2.56,5.973-3.413,9.387-1.707c0.853,0,1.707,0.853,2.56,1.707 c0.853,0.853,1.707,1.707,1.707,2.56c0.853,0.853,0.853,2.56,0.853,3.413c0,2.56-0.853,4.267-2.56,5.973 C80.067,232.813,78.36,233.667,75.8,233.667' />
        <path d='M340.333,191h-42.667c-5.12,0-8.533-3.413-8.533-8.533c0-5.12,3.413-8.533,8.533-8.533h42.667 c5.12,0,8.533,3.413,8.533,8.533C348.867,187.587,345.453,191,340.333,191z' />
        <path d='M451.267,191H408.6c-5.12,0-8.533-3.413-8.533-8.533c0-5.12,3.413-8.533,8.533-8.533h42.667 c5.12,0,8.533,3.413,8.533,8.533C459.8,187.587,456.387,191,451.267,191z' />
        <path d='M374.467,191c-2.56,0-4.267-0.853-5.973-2.56c-1.707-1.707-2.56-3.413-2.56-5.973s0.853-4.267,2.56-5.973 c3.413-3.413,8.533-3.413,11.947,0c1.707,1.707,2.56,3.413,2.56,5.973c0,2.56-0.853,4.267-2.56,5.973 C378.733,190.147,377.027,191,374.467,191' />
        <path d='M101.4,276.333H58.733c-5.12,0-8.533-3.413-8.533-8.533s3.413-8.533,8.533-8.533H101.4c5.12,0,8.533,3.413,8.533,8.533 S106.52,276.333,101.4,276.333z' />
        <path d='M229.4,276.333h-59.733c-5.12,0-8.533-3.413-8.533-8.533s3.413-8.533,8.533-8.533H229.4c5.12,0,8.533,3.413,8.533,8.533 S234.52,276.333,229.4,276.333z' />
        <path d='M135.533,276.333c-2.56,0-4.267-0.853-5.973-2.56c-1.707-1.707-2.56-3.413-2.56-5.973s0.853-4.267,2.56-5.973 c3.413-3.413,9.387-3.413,11.947,0c1.707,1.707,2.56,3.413,2.56,5.973c0,2.56-0.853,4.267-2.56,5.973 S138.093,276.333,135.533,276.333' />
        <path d='M263.533,276.333c-2.56,0-4.267-0.853-5.973-2.56c-0.853-0.853-1.707-1.707-1.707-2.56S255,268.653,255,267.8 c0-2.56,0.853-4.267,2.56-5.973c3.413-3.413,8.533-3.413,11.947,0c1.707,1.707,2.56,3.413,2.56,5.973s-0.853,4.267-2.56,5.973 C267.8,275.48,266.093,276.333,263.533,276.333' />
        <path d='M340.333,276.333h-42.667c-5.12,0-8.533-3.413-8.533-8.533s3.413-8.533,8.533-8.533h42.667c5.12,0,8.533,3.413,8.533,8.533 S345.453,276.333,340.333,276.333z' />
        <path d='M451.267,276.333H408.6c-5.12,0-8.533-3.413-8.533-8.533s3.413-8.533,8.533-8.533h42.667c5.12,0,8.533,3.413,8.533,8.533 S456.387,276.333,451.267,276.333z' />
        <path d='M374.467,276.333c-2.56,0-4.267-0.853-5.973-2.56s-2.56-3.413-2.56-5.973s0.853-4.267,2.56-5.973 c3.413-3.413,8.533-3.413,11.947,0c1.707,1.707,2.56,3.413,2.56,5.973c0,2.56-0.853,4.267-2.56,5.973 S377.027,276.333,374.467,276.333' />
        <path d='M408.6,233.667h-59.733c-5.12,0-8.533-3.413-8.533-8.533c0-5.12,3.413-8.533,8.533-8.533H408.6 c5.12,0,8.533,3.413,8.533,8.533C417.133,230.253,413.72,233.667,408.6,233.667z' />
        <path d='M442.733,233.667c-2.56,0-4.267-0.853-5.973-2.56c-0.853-0.853-1.707-1.707-1.707-2.56 c-0.853-0.853-0.853-2.56-0.853-3.413s0-2.56,0.853-3.413c0-0.853,0.853-1.707,1.707-2.56c3.413-3.413,8.533-3.413,11.947,0 c0.853,0.853,1.707,1.707,1.707,2.56c0.853,0.853,0.853,2.56,0.853,3.413c0,2.56-0.853,4.267-2.56,5.973 c-0.853,0.853-1.707,1.707-2.56,1.707C445.293,233.667,443.587,233.667,442.733,233.667' />
        <path d='M314.733,233.667c-2.56,0-4.267-0.853-5.973-2.56c-0.853-0.853-1.707-1.707-1.707-2.56 c-0.853-0.853-0.853-2.56-0.853-3.413s0-2.56,0.853-3.413c0-0.853,0.853-1.707,1.707-2.56c2.56-2.56,5.973-3.413,9.387-1.707 c0.853,0,1.707,0.853,2.56,1.707c0.853,0.853,1.707,1.707,1.707,2.56c0.853,0.853,0.853,2.56,0.853,3.413 c0,2.56-0.853,4.267-2.56,5.973C319,232.813,317.293,233.667,314.733,233.667' />
      </g>
    </g>
  </svg>
);

export const BugIcon = (props: IconSvgProps) => (
  <svg
    height='1em'
    viewBox='0 0 24 24'
    width='1em'
    xmlns='http://www.w3.org/2000/svg'
    {...props}
  >
    <path
      d='M16.895,6.519l2.813-2.812l-1.414-1.414l-2.846,2.846c-0.233-0.166-0.473-0.321-0.723-0.454 c-1.723-0.91-3.726-0.911-5.45,0c-0.25,0.132-0.488,0.287-0.722,0.453L5.707,2.293L4.293,3.707l2.813,2.812 C6.53,7.242,6.08,8.079,5.756,9H2v2h2.307C4.242,11.495,4.2,11.997,4.2,12.5c0,0.507,0.042,1.013,0.107,1.511H2v2h2.753 c0.013,0.039,0.021,0.08,0.034,0.118c0.188,0.555,0.421,1.093,0.695,1.6c0.044,0.081,0.095,0.155,0.141,0.234l-2.33,2.33 l1.414,1.414l2.11-2.111c0.235,0.254,0.478,0.498,0.736,0.716c0.418,0.354,0.867,0.657,1.332,0.903 c0.479,0.253,0.982,0.449,1.496,0.58C10.911,21.931,11.455,22,12,22s1.089-0.069,1.618-0.204c0.514-0.131,1.017-0.327,1.496-0.58 c0.465-0.246,0.914-0.55,1.333-0.904c0.258-0.218,0.5-0.462,0.734-0.716l2.111,2.111l1.414-1.414l-2.33-2.33 c0.047-0.08,0.098-0.155,0.142-0.236c0.273-0.505,0.507-1.043,0.694-1.599c0.013-0.039,0.021-0.079,0.034-0.118H22v-2h-2.308 c0.065-0.499,0.107-1.004,0.107-1.511c0-0.503-0.042-1.005-0.106-1.5H22V9h-3.756C17.92,8.079,17.47,7.242,16.895,6.519z M8.681,7.748c0.445-0.558,0.96-0.993,1.528-1.294c1.141-0.603,2.442-0.602,3.581,0c0.569,0.301,1.084,0.736,1.53,1.295 c0.299,0.373,0.54,0.8,0.753,1.251H7.927C8.141,8.549,8.381,8.121,8.681,7.748z M17.8,12.5c0,0.522-0.042,1.044-0.126,1.553 c-0.079,0.49-0.199,0.973-0.355,1.436c-0.151,0.449-0.34,0.882-0.559,1.288c-0.217,0.399-0.463,0.772-0.733,1.11 c-0.267,0.333-0.56,0.636-0.869,0.898c-0.31,0.261-0.639,0.484-0.979,0.664s-0.695,0.317-1.057,0.41 c-0.04,0.01-0.082,0.014-0.122,0.023V14h-2v5.881c-0.04-0.009-0.082-0.013-0.122-0.023c-0.361-0.093-0.717-0.23-1.057-0.41 s-0.669-0.403-0.978-0.664c-0.311-0.263-0.604-0.565-0.871-0.899c-0.27-0.337-0.516-0.71-0.731-1.108 c-0.22-0.407-0.408-0.84-0.56-1.289c-0.156-0.463-0.276-0.946-0.356-1.438C6.242,13.544,6.2,13.022,6.2,12.5 c0-0.505,0.041-1.009,0.119-1.5h11.361C17.759,11.491,17.8,11.995,17.8,12.5z'
      fill='currentColor'
    />
  </svg>
);

export const PullRequestIcon = (props: IconSvgProps) => (
  <svg
    height='1em'
    viewBox='0 0 24 24'
    width='1em'
    xmlns='http://www.w3.org/2000/svg'
    {...props}
  >
    <path
      d='M19.01 15.163V7.997C19.005 6.391 17.933 4 15 4V2l-4 3 4 3V6c1.829 0 2.001 1.539 2.01 2v7.163c-1.44.434-2.5 1.757-2.5 3.337 0 1.93 1.57 3.5 3.5 3.5s3.5-1.57 3.5-3.5c0-1.58-1.06-2.903-2.5-3.337zm-1 4.837c-.827 0-1.5-.673-1.5-1.5s.673-1.5 1.5-1.5 1.5.673 1.5 1.5-.673 1.5-1.5 1.5zM9.5 5.5C9.5 3.57 7.93 2 6 2S2.5 3.57 2.5 5.5c0 1.58 1.06 2.903 2.5 3.337v6.326c-1.44.434-2.5 1.757-2.5 3.337C2.5 20.43 4.07 22 6 22s3.5-1.57 3.5-3.5c0-1.58-1.06-2.903-2.5-3.337V8.837C8.44 8.403 9.5 7.08 9.5 5.5zm-5 0C4.5 4.673 5.173 4 6 4s1.5.673 1.5 1.5S6.827 7 6 7s-1.5-.673-1.5-1.5zm3 13c0 .827-.673 1.5-1.5 1.5s-1.5-.673-1.5-1.5S5.173 17 6 17s1.5.673 1.5 1.5z'
      fill='currentColor'
    />
  </svg>
);

export const ChatIcon = (props: IconSvgProps) => (
  <svg
    height='1em'
    viewBox='0 0 24 24'
    width='1em'
    xmlns='http://www.w3.org/2000/svg'
    {...props}
  >
    <path
      d='M5 18v3.766l1.515-.909L11.277 18H16c1.103 0 2-.897 2-2V8c0-1.103-.897-2-2-2H4c-1.103 0-2 .897-2 2v8c0 1.103.897 2 2 2h1zM4 8h12v8h-5.277L7 18.234V16H4V8z'
      fill='currentColor'
    />
    <path
      d='M20 2H8c-1.103 0-2 .897-2 2h12c1.103 0 2 .897 2 2v8c1.103 0 2-.897 2-2V4c0-1.103-.897-2-2-2z'
      fill='currentColor'
    />
  </svg>
);

export const PlayCircleIcon = (props: IconSvgProps) => (
  <svg
    height='1em'
    viewBox='0 0 24 24'
    width='1em'
    xmlns='http://www.w3.org/2000/svg'
    {...props}
  >
    <path
      d='M12 2C6.486 2 2 6.486 2 12s4.486 10 10 10 10-4.486 10-10S17.514 2 12 2zm0 18c-4.411 0-8-3.589-8-8s3.589-8 8-8 8 3.589 8 8-3.589 8-8 8z'
      fill='currentColor'
    />
    <path d='m9 17 8-5-8-5z' fill='currentColor' />
  </svg>
);

export const VolumeHighIcon = (props: IconSvgProps) => {
  return (
    <svg
      aria-hidden='true'
      fill='none'
      focusable='false'
      height='1em'
      role='presentation'
      viewBox='0 0 24 24'
      width='1em'
      {...props}
    >
      <path
        d='M18.0003 16.7503C17.8403 16.7503 17.6903 16.7003 17.5503 16.6003C17.2203 16.3503 17.1503 15.8803 17.4003 15.5503C18.9703 13.4603 18.9703 10.5403 17.4003 8.45027C17.1503 8.12027 17.2203 7.65027 17.5503 7.40027C17.8803 7.15027 18.3503 7.22027 18.6003 7.55027C20.5603 10.1703 20.5603 13.8303 18.6003 16.4503C18.4503 16.6503 18.2303 16.7503 18.0003 16.7503Z'
        fill='currentColor'
      />
      <path
        d='M19.8284 19.2503C19.6684 19.2503 19.5184 19.2003 19.3784 19.1003C19.0484 18.8503 18.9784 18.3803 19.2284 18.0503C21.8984 14.4903 21.8984 9.51027 19.2284 5.95027C18.9784 5.62027 19.0484 5.15027 19.3784 4.90027C19.7084 4.65027 20.1784 4.72027 20.4284 5.05027C23.4984 9.14027 23.4984 14.8603 20.4284 18.9503C20.2884 19.1503 20.0584 19.2503 19.8284 19.2503Z'
        fill='currentColor'
      />
      <path
        d='M14.02 3.78168C12.9 3.16168 11.47 3.32168 10.01 4.23168L7.09 6.06168C6.89 6.18168 6.66 6.25168 6.43 6.25168H5.5H5C2.58 6.25168 1.25 7.58168 1.25 10.0017V14.0017C1.25 16.4217 2.58 17.7517 5 17.7517H5.5H6.43C6.66 17.7517 6.89 17.8217 7.09 17.9417L10.01 19.7717C10.89 20.3217 11.75 20.5917 12.55 20.5917C13.07 20.5917 13.57 20.4717 14.02 20.2217C15.13 19.6017 15.75 18.3117 15.75 16.5917V7.41168C15.75 5.69168 15.13 4.40168 14.02 3.78168Z'
        fill='currentColor'
      />
    </svg>
  );
};

export const VolumeLowIcon = (props: IconSvgProps) => {
  return (
    <svg
      aria-hidden='true'
      fill='none'
      focusable='false'
      height='1em'
      role='presentation'
      viewBox='0 0 24 24'
      width='1em'
      {...props}
    >
      <path
        d='M19.3284 16.7503C19.1684 16.7503 19.0184 16.7003 18.8784 16.6003C18.5484 16.3503 18.4784 15.8803 18.7284 15.5503C20.2984 13.4603 20.2984 10.5403 18.7284 8.45027C18.4784 8.12027 18.5484 7.65027 18.8784 7.40027C19.2084 7.15027 19.6784 7.22027 19.9284 7.55027C21.8984 10.1703 21.8984 13.8303 19.9284 16.4503C19.7884 16.6503 19.5584 16.7503 19.3284 16.7503Z'
        fill='currentColor'
      />
      <path
        d='M15.3481 3.78168C14.2281 3.16168 12.7981 3.32168 11.3381 4.23168L8.41813 6.06168C8.21813 6.18168 7.98813 6.25168 7.75813 6.25168H6.82812H6.32812C3.90812 6.25168 2.57812 7.58168 2.57812 10.0017V14.0017C2.57812 16.4217 3.90812 17.7517 6.32812 17.7517H6.82812H7.75813C7.98813 17.7517 8.21813 17.8217 8.41813 17.9417L11.3381 19.7717C12.2181 20.3217 13.0781 20.5917 13.8781 20.5917C14.3981 20.5917 14.8981 20.4717 15.3481 20.2217C16.4581 19.6017 17.0781 18.3117 17.0781 16.5917V7.41168C17.0781 5.69168 16.4581 4.40168 15.3481 3.78168Z'
        fill='currentColor'
      />
    </svg>
  );
};

export const LayoutIcon = (props: IconSvgProps) => (
  <svg
    height='1em'
    viewBox='0 0 24 24'
    width='1em'
    xmlns='http://www.w3.org/2000/svg'
    {...props}
  >
    <path
      d='M19 3H5c-1.103 0-2 .897-2 2v14c0 1.103.897 2 2 2h14c1.103 0 2-.897 2-2V5c0-1.103-.897-2-2-2zm0 2 .001 4H5V5h14zM5 11h8v8H5v-8zm10 8v-8h4.001l.001 8H15z'
      fill='currentColor'
    />
  </svg>
);

export const TagIcon = (props: IconSvgProps) => (
  <svg
    height='1em'
    viewBox='0 0 24 24'
    width='1em'
    xmlns='http://www.w3.org/2000/svg'
    {...props}
  >
    <path
      d='M11.707 2.293A.997.997 0 0 0 11 2H6a.997.997 0 0 0-.707.293l-3 3A.996.996 0 0 0 2 6v5c0 .266.105.52.293.707l10 10a.997.997 0 0 0 1.414 0l8-8a.999.999 0 0 0 0-1.414l-10-10zM13 19.586l-9-9V6.414L6.414 4h4.172l9 9L13 19.586z'
      fill='currentColor'
    />
    <circle cx='8.353' cy='8.353' fill='currentColor' r='1.647' />
  </svg>
);

export const UsersIcon = (props: IconSvgProps) => (
  <svg
    height='1em'
    viewBox='0 0 24 24'
    width='1em'
    xmlns='http://www.w3.org/2000/svg'
    {...props}
  >
    <path
      d='M16.604 11.048a5.67 5.67 0 0 0 .751-3.44c-.179-1.784-1.175-3.361-2.803-4.44l-1.105 1.666c1.119.742 1.8 1.799 1.918 2.974a3.693 3.693 0 0 1-1.072 2.986l-1.192 1.192 1.618.475C18.951 13.701 19 17.957 19 18h2c0-1.789-.956-5.285-4.396-6.952z'
      fill='currentColor'
    />
    <path
      d='M9.5 12c2.206 0 4-1.794 4-4s-1.794-4-4-4-4 1.794-4 4 1.794 4 4 4zm0-6c1.103 0 2 .897 2 2s-.897 2-2 2-2-.897-2-2 .897-2 2-2zm1.5 7H8c-3.309 0-6 2.691-6 6v1h2v-1c0-2.206 1.794-4 4-4h3c2.206 0 4 1.794 4 4v1h2v-1c0-3.309-2.691-6-6-6z'
      fill='currentColor'
    />
  </svg>
);

export const WatchersIcon = (props: IconSvgProps) => (
  <svg
    height='1em'
    viewBox='0 0 24 24'
    width='1em'
    xmlns='http://www.w3.org/2000/svg'
    {...props}
  >
    <path
      d='m21.977 13.783-2-9A1.002 1.002 0 0 0 19 4h-3v2h2.198l.961 4.326A4.467 4.467 0 0 0 17.5 10c-1.953 0-3.603 1.258-4.224 3h-2.553c-.621-1.742-2.271-3-4.224-3-.587 0-1.145.121-1.659.326L5.802 6H8V4H5a1 1 0 0 0-.976.783l-2 9 .047.011A4.552 4.552 0 0 0 2 14.5C2 16.981 4.019 19 6.5 19c2.31 0 4.197-1.756 4.449-4h2.102c.252 2.244 2.139 4 4.449 4 2.481 0 4.5-2.019 4.5-4.5 0-.242-.034-.475-.071-.706l.048-.011zM6.5 17C5.122 17 4 15.878 4 14.5S5.122 12 6.5 12 9 13.122 9 14.5 7.878 17 6.5 17zm11 0c-1.379 0-2.5-1.122-2.5-2.5s1.121-2.5 2.5-2.5 2.5 1.122 2.5 2.5-1.121 2.5-2.5 2.5z'
      fill='currentColor'
    />
  </svg>
);

export const BookIcon = (props: IconSvgProps) => (
  <svg
    height='1em'
    viewBox='0 0 24 24'
    width='1em'
    xmlns='http://www.w3.org/2000/svg'
    {...props}
  >
    <path
      d='M6 22h15v-2H6.012C5.55 19.988 5 19.805 5 19s.55-.988 1.012-1H21V4c0-1.103-.897-2-2-2H6c-1.206 0-3 .799-3 3v14c0 2.201 1.794 3 3 3zM5 8V5c0-.805.55-.988 1-1h13v12H5V8z'
      fill='currentColor'
    />
    <path d='M8 6h9v2H8z' fill='currentColor' />
  </svg>
);

export const ChevronRightIcon = (props: IconSvgProps) => (
  <svg
    aria-hidden='true'
    fill='none'
    focusable='false'
    height='1em'
    role='presentation'
    stroke='currentColor'
    strokeLinecap='round'
    strokeLinejoin='round'
    strokeWidth='1.5'
    viewBox='0 0 24 24'
    width='1em'
    {...props}
  >
    <path d='m9 18 6-6-6-6' />
  </svg>
);

export const StarIcon = (props: IconSvgProps) => (
  <svg
    height='1em'
    viewBox='0 0 24 24'
    width='1em'
    xmlns='http://www.w3.org/2000/svg'
    {...props}
  >
    <path
      d='M12 17.27l-5.18 3.68 1.64-6.14-5.47-4.73 6.42-.55L12 3l2.5 6.53 6.42.55-5.47 4.73 1.64 6.14z'
      fill='#E4C663'
    />
  </svg>
);

export const BugIcon2 = (props: IconSvgProps) => (
  <svg
    viewBox='0 0 64 64'
    xmlns='http://www.w3.org/2000/svg'
    aria-hidden='true'
    role='img'
    preserveAspectRatio='xMidYMid meet'
    {...props}
  >
    <g id='SVGRepo_bgCarrier' strokeWidth='0' />
    <g
      id='SVGRepo_tracerCarrier'
      strokeLinecap='round'
      strokeLinejoin='round'
    />
    <g id='SVGRepo_iconCarrier'>
      <g fill='#3e4347'>
        <path d='M52.4 57.6c-1.5-1.5-.9-3.4.1-4.4c1-1 2.9-1.6 4.4-.1c1.5 1.5 2.1 4.5 1 5.5c-1 1.1-4 .5-5.5-1' />
        <path d='M55.9 43.4c-1.5-1.5-.9-3.4.1-4.4c1-1 2.9-1.6 4.4-.1c1.5 1.5 2.1 4.5 1 5.6c-1 1-4 .4-5.5-1.1' />
      </g>
      <path
        d='M12.9 57.6C8.3 57.6 2 56.5 2 51.7c0-5.3 5.2-10.3 10.9-10.3v16.2z'
        fill='#5b7f32'
      />
      <path
        d='M23.9 47.9c0 9-6.3 9.8-10.9 9.8s-9.2-2.1-9.2-5.9c0-4.5 4.6-10.3 9.2-10.3c4.5 0 10.9 1.9 10.9 6.4'
        fill='#94d82a'
      />
      <path
        d='M21.2 57.6c-15.9 0-16-19.1.3-19.1l-.3 19.1'
        fill='#5b7f32'
      />
      <path
        d='M31.1 46.1c0 10.6-5.6 11.6-10 11.6c-14.4 0-14-19.1.3-19.1c4.5-.1 9.7 2.2 9.7 7.5'
        fill='#94d82a'
      />
      <path d='M30.8 57.6c-17.1 0-16.4-20 0-20v20' fill='#5b7f32' />
      <path
        d='M42.4 45.5c0 11.1-6.5 12.1-11.6 12.1c-14.1 0-14.1-20 0-20c5 0 11.6 2.4 11.6 7.9'
        fill='#94d82a'
      />
      <path d='M44.7 57.6c-21.4 0-19.4-23-1.5-23l1.5 23' fill='#5b7f32' />
      <path
        d='M57.7 45.2c0 11.1-7.1 12.5-13 12.5c-18 0-18-23.4 0-23.4c5.9-.1 13 5.3 13 10.9'
        fill='#94d82a'
      />
      <path
        d='M57.4 43.3s-3.6 4.4-9.1 5.1c-5.6.7-20-3.2-11-15.7l20.1 10.6'
        fill='#5b7f32'
      />
      <path
        d='M59.7 38.2c0 5.7-6.6 8.2-12.1 8.2s-12.1-2.5-12.1-8.2c0-5.7 6.6-12.5 12.1-12.5c5.6 0 12.1 6.8 12.1 12.5'
        fill='#94d82a'
      />
      <g fill='#3e4347'>
        <path d='M31.9 54.8c2.1-2.1 4.2-1.8 5.3-.7c1 1 1.4 3.2-.7 5.3c-2.1 2.1-5.8 3.3-6.9 2.3c-1.1-1.1.2-4.8 2.3-6.9' />
        <path d='M34 33.6c2.1 2.1 1.8 4.2.7 5.3c-1 1-3.2 1.4-5.3-.7s-3.3-5.8-2.3-6.8c1.1-1.1 4.8.1 6.9 2.2' />
        <path d='M20.8 55.3c1.8-1.8 3.6-1.5 4.4-.6c.9.9 1.2 2.7-.6 4.4c-1.8 1.8-4.9 2.8-5.8 1.9c-.8-.8.2-4 2-5.7' />
        <path d='M12 55.6c1.5-1.5 3-1.3 3.8-.5c.7.7 1 2.3-.5 3.8s-4.2 2.4-4.9 1.6c-.8-.7.1-3.4 1.6-4.9' />
      </g>
      <g fill='#5b7f32'>
        <path d='M28.4 40l-1 1l1 1l.9-1z'> </path>
        <path d='M25.4 46.1l-.9 1l.9 1l1-1z'> </path>
        <path d='M15.6 41l-1 1l1 .9l1-.9z'> </path>
        <path d='M8.1 45.2l-.9.9l.9 1l1-1z'> </path>
        <path d='M6.5 47.4l-1 1l1 1l1-1z'> </path>
        <path d='M34.6 44.5l-1 1l1 1l1-1z'> </path>
        <path d='M37.1 47.6l-1 1l1 .9l1-.9z'> </path>
        <path d='M55 47.1l-1 1l1 .9l.9-.9z'> </path>
        <path d='M54.3 39.1l-1 .9l1 1l.9-1z'> </path>
        <path d='M40.3 36.3l-1 .9l1 1l.9-1z'> </path>
        <path d='M24.5 40.5l-2 1.9l2 2l1.9-2z'> </path>
        <path d='M56.2 34.3l-1.9 2l1.9 1.9l1.9-1.9z'> </path>
        <path d='M14.6 43.7l-1.9 2l1.9 1.9l2-1.9z'> </path>
      </g>
      <g fill='#3e4347'>
        <path d='M40.5 10.3l-.9-.1c.1-1.9-1.3-4.3-3.8-5l.2-.9c2.7.8 4.7 3.4 4.5 6' />
        <path d='M37.6 3.4c.8.9.7 2.3-.2 3.1c-.9.8-2.3.7-3.1-.2c-.8-.9-.7-2.3.2-3.1c.9-.9 2.3-.8 3.1.2' />
        <path d='M49.2 9.8l-.1-.9c1.9-.2 3.9-2.2 4.1-4.7l.9.1c-.2 2.7-2.4 5.2-4.9 5.5' />
        <path d='M55.4 5.6c-.7 1-2.1 1.1-3.1.4c-1-.8-1.1-2.1-.4-3.1c.7-1 2.1-1.1 3.1-.4c.9.7 1.1 2.1.4 3.1' />
      </g>
      <path
        d='M55.7 29.7c-2.4 7.5-16.4 7.9-18.3 3l18.3-3'
        fill='#5b7f32'
      />
      <path
        d='M59.2 22.4c.5 10.4-20.7 17.5-26.9 5.2C27.6 18.2 35 8.4 42.8 7.5C55.6 6 59 17.4 59.2 22.4z'
        fill='#94d82a'
      />
      <g fill='#3e4347'>
        <path d='M51.3 18.3c0 1.7-.9 3-2 3s-2-1.3-2-3s.9-3 2-3s2 1.4 2 3' />
        <ellipse cx='37.4' cy='18.3' rx='2' ry='3' />
        <path d='M43.3 29.3c-2.4 0-4.5-.9-4.5-1.8c0-.1 0-.2.1-.3c.1-.1.2-.1.4-.1s.3.1.6.2c.6.2 1.7.7 3.5.7s2.9-.5 3.4-.7c.3-.1.4-.2.6-.2c.2 0 .4.1.4.4c0 .9-2.1 1.8-4.5 1.8' />
      </g>
      <g opacity='.7' fill='#ea83a3'>
        <ellipse cx='53.7' cy='23.8' rx='3.2' ry='2.5' />
        <ellipse cx='34.4' cy='23.7' rx='2.6' ry='1.8' />
      </g>
    </g>
  </svg>
);

export const WebUIIcon = (props: IconSvgProps) => (
  <>
    <svg
      width='63.9375'
      height='64.56657608695652'
      viewBox='0 0 63.9375 66.56657608695652'
      xmlns='http://www.w3.org/2000/svg'
      style={{ verticalAlign: 'text-top' }}
      {...props}
    >
      <g
        id='svgGroup'
        strokeLinecap='round'
        stroke='#000'
        fill='transparent'
        style={{
          fill: 'transparent',
          fillOpacity: 0,
          stroke: '#C5BEF6',
          strokeWidth: '2px',
        }}
      >
        <path
          d='M53.69 19.19L61.94 19.19L54.44 61.19Q54.19 62.44 53.31 63.34Q52.44 64.25 51.19 64.50L51.19 64.50Q49.91 64.72 48.77 64.22Q47.63 63.72 46.97 62.66L46.97 62.66L32.09 38.22L17.19 62.66Q16.66 63.56 15.73 64.06Q14.81 64.56 13.75 64.56L13.75 64.56Q12.28 64.56 11.16 63.63Q10.03 62.69 9.78 61.19L9.78 61.19L2.22 19.19L10.47 19.19L15.84 48.78L28.66 28.34Q29.19 27.44 30.11 26.94Q31.03 26.44 32.09 26.44L32.09 26.44Q33.16 26.44 34.06 26.94Q34.97 27.44 35.56 28.34L35.56 28.34L48.31 48.78L53.69 19.19Z'
          style={{
            strokeDasharray: '295, 297',
            strokeDashoffset: 296,
          }}
        >
          <animate
            attributeName='stroke-dashoffset'
            to='0'
            dur='800ms'
            calcMode='linear'
            repeatCount='1'
            fill='freeze'
            begin='0ms'
          />
          <animate
            attributeName='fillOpacity'
            to='1'
            dur='800ms'
            calcMode='linear'
            repeatCount='1'
            fill='freeze'
            begin='0ms'
          />
        </path>
      </g>
    </svg>
    <svg
      width='42.15625'
      height='64'
      viewBox='0 0 42.15625 66'
      xmlns='http://www.w3.org/2000/svg'
      style={{ verticalAlign: 'text-top' }}
      {...props}
    >
      <g
        id='svgGroup'
        strokeLinecap='round'
        stroke='#000'
        fill='transparent'
        style={{
          fill: 'transparent',
          fillOpacity: 0,
          stroke: '#E5C5F7',
          strokeWidth: '2px',
        }}
      >
        <path
          d='M40.16 41.41L40.16 41.41Q40.16 43.09 39.56 45.05Q38.97 47 37.64 48.67Q36.31 50.34 34.17 51.47Q32.03 52.59 28.97 52.59L28.97 52.59L14.31 52.59L14.31 44.88L28.97 44.88Q30.63 44.88 31.53 43.86Q32.44 42.84 32.44 41.34L32.44 41.34Q32.44 39.75 31.42 38.84Q30.41 37.94 28.97 37.94L28.97 37.94L14.31 37.94Q12.66 37.94 11.75 38.95Q10.84 39.97 10.84 41.47L10.84 41.47L10.84 52.81Q10.84 54.44 11.86 55.34Q12.88 56.25 14.38 56.25L14.38 56.25L28.97 56.25L28.97 64L14.31 64Q12.63 64 10.67 63.41Q8.72 62.81 7.05 61.48Q5.38 60.16 4.25 58.02Q3.13 55.88 3.13 52.81L3.13 52.81L3.13 41.41Q3.13 39.72 3.72 37.77Q4.31 35.81 5.64 34.14Q6.97 32.47 9.11 31.34Q11.25 30.22 14.31 30.22L14.31 30.22L28.97 30.22Q30.66 30.22 32.61 30.81Q34.56 31.41 36.23 32.73Q37.91 34.06 39.03 36.20Q40.16 38.34 40.16 41.41Z'
          style={{ strokeDasharray: '219, 221', strokeDashoffset: 220 }}
        >
          <animate
            attributeName='stroke-dashoffset'
            to='0'
            dur='800ms'
            calcMode='linear'
            repeatCount='1'
            fill='freeze'
            begin='800ms'
          />
          <animate
            attributeName='fillOpacity'
            to='1'
            dur='800ms'
            calcMode='linear'
            repeatCount='1'
            fill='freeze'
            begin='800ms'
          />
        </path>
      </g>
    </svg>
    <svg
      width='43.0625'
      height='64'
      viewBox='0 0 43.0625 66'
      xmlns='http://www.w3.org/2000/svg'
      style={{
        verticalAlign: 'text-top',
      }}
      {...props}
    >
      <g
        id='svgGroup'
        strokeLinecap='round'
        stroke='#000'
        fill='transparent'
        style={{
          fill: 'transparent',
          fillOpacity: 0,
          stroke: '#DDC6F7',
          strokeWidth: '2px',
        }}
      >
        <path
          d='M41.06 41.59L41.06 52.59Q41.06 53.75 40.80 55.03Q40.53 56.31 39.97 57.58Q39.41 58.84 38.52 60Q37.63 61.16 36.36 62.05Q35.09 62.94 33.44 63.47Q31.78 64 29.69 64L29.69 64L15.03 64Q13.88 64 12.59 63.73Q11.31 63.47 10.05 62.91Q8.78 62.34 7.63 61.45Q6.47 60.56 5.58 59.30Q4.69 58.03 4.16 56.36Q3.63 54.69 3.63 52.59L3.63 52.59L3.63 15.94L11.75 15.94L11.75 52.59Q11.75 54.09 12.69 54.98Q13.63 55.88 15.03 55.88L15.03 55.88L29.69 55.88Q31.22 55.88 32.08 54.97Q32.94 54.06 32.94 52.59L32.94 52.59L32.94 41.59Q32.94 40.06 32.03 39.20Q31.13 38.34 29.69 38.34L29.69 38.34L15.03 38.34L15.03 30.22L29.69 30.22Q30.84 30.22 32.13 30.48Q33.41 30.75 34.67 31.31Q35.94 31.88 37.09 32.77Q38.25 33.66 39.13 34.92Q40 36.19 40.53 37.84Q41.06 39.50 41.06 41.59L41.06 41.59Z'
          style={{
            strokeDasharray: '239, 241',
            strokeDashoffset: 240,
          }}
        >
          <animate
            attributeName='stroke-dashoffset'
            to='0'
            dur='800ms'
            calcMode='linear'
            repeatCount='1'
            fill='freeze'
            begin='1600ms'
          />
          <animate
            attributeName='fillOpacity'
            to='1'
            dur='800ms'
            calcMode='linear'
            repeatCount='1'
            fill='freeze'
            begin='1600ms'
          />
        </path>
      </g>
    </svg>
    <svg
      width='50.625'
      height='64'
      viewBox='0 0 50.625 66'
      xmlns='http://www.w3.org/2000/svg'
      style={{
        verticalAlign: 'text-top',
      }}
      {...props}
    >
      <g
        id='svgGroup'
        strokeLinecap='round'
        stroke='#000'
        fill='transparent'
        style={{
          fill: 'transparent',
          fillOpacity: 0,
          stroke: '#A5D1F7',
          strokeWidth: '2px',
        }}
      >
        <path
          d='M48.63 19.19L48.63 59.91Q48.63 60.78 48.31 61.53Q48 62.28 47.44 62.83Q46.88 63.38 46.13 63.69Q45.38 64 44.53 64L44.53 64L26.22 64Q23.63 64 20.97 63.44Q18.31 62.88 15.83 61.70Q13.34 60.53 11.16 58.72Q8.97 56.91 7.33 54.42Q5.69 51.94 4.75 48.73Q3.81 45.53 3.81 41.59L3.81 41.59L3.81 19.19L11.94 19.19L11.94 41.59Q11.94 45.03 12.89 47.41Q13.84 49.78 15.31 51.38Q16.78 52.97 18.53 53.88Q20.28 54.78 21.86 55.22Q23.44 55.66 24.64 55.77Q25.84 55.88 26.22 55.88L26.22 55.88L40.50 55.88L40.50 19.19L48.63 19.19Z'
          style={{
            strokeDasharray: '235, 237',
            strokeDashoffset: 236,
          }}
        >
          <animate
            attributeName='stroke-dashoffset'
            to='0'
            dur='800ms'
            calcMode='linear'
            repeatCount='1'
            fill='freeze'
            begin='2400ms'
          />
          <animate
            attributeName='fillOpacity'
            to='1'
            dur='800ms'
            calcMode='linear'
            repeatCount='1'
            fill='freeze'
            begin='2400ms'
          />
        </path>
      </g>
    </svg>
    <svg
      width='14.90625'
      height='64'
      viewBox='0 0 14.90625 66'
      xmlns='http://www.w3.org/2000/svg'
      style={{
        verticalAlign: 'text-top',
      }}
      {...props}
    >
      <g
        id='svgGroup'
        strokeLinecap='round'
        stroke='#000'
        fill='transparent'
        style={{
          fill: 'transparent',
          fillOpacity: 0,
          stroke: '#A5B7F7',
          strokeWidth: '2px',
        }}
      >
        <path
          d='M12.91 19.19L12.91 64L4.78 64L4.78 19.19L12.91 19.19Z'
          style={{ strokeDasharray: '105, 107', strokeDashoffset: 106 }}
        >
          <animate
            attributeName='stroke-dashoffset'
            to='0'
            dur='800ms'
            calcMode='linear'
            repeatCount='1'
            fill='freeze'
            begin='3200ms'
          />
          <animate
            attributeName='fillOpacity'
            to='1'
            dur='800ms'
            calcMode='linear'
            repeatCount='1'
            fill='freeze'
            begin='3200ms'
          />
        </path>
      </g>
    </svg>
  </>
);

export const BietiaopIcon = (props: IconSvgProps) => (
  <>
    <svg
      width='24.688'
      height='32'
      viewBox='0 0 24.688 34'
      xmlns='http://www.w3.org/2000/svg'
      style={{
        verticalAlign: 'text-top',
      }}
      {...props}
    >
      <g
        id='svgGroup'
        strokeLinecap='round'
        stroke='#000'
        fill='transparent'
        style={{
          fill: 'transparent',
          fillOpacity: 0,
          stroke: '#2B72FF',
          strokeWidth: '2px',
        }}
      >
        <path
          d='M6.40 32L1.76 32L1.76 9.12L6.40 9.12L6.40 32ZM13.60 32L2.56 32L2.56 28.32L13.60 28.32Q15.68 28.32 16.78 27.18Q17.89 26.05 17.89 23.78L17.89 23.78Q17.89 21.47 16.78 20.34Q15.68 19.20 13.60 19.20L13.60 19.20L2.88 19.20L2.88 15.52L13.60 15.52Q17.89 15.52 20.29 17.63Q22.69 19.74 22.69 23.78L22.69 23.78Q22.69 27.78 20.29 29.89Q17.89 32 13.60 32L13.60 32Z'
          style={{
            strokeDasharray: '148, 150',
            strokeDashoffset: 149,
          }}
        >
          <animate
            attributeName='stroke-dashoffset'
            to='0'
            dur='800ms'
            calcMode='linear'
            repeatCount='1'
            fill='freeze'
            begin='0ms'
          />
          <animate
            attributeName='fillOpacity'
            to='1'
            dur='800ms'
            calcMode='linear'
            repeatCount='1'
            fill='freeze'
            begin='0ms'
          />
        </path>
      </g>
    </svg>
    <svg
      width='8.432'
      height='32'
      viewBox='0 0 8.432 34'
      xmlns='http://www.w3.org/2000/svg'
      style={{
        verticalAlign: 'text-top',
      }}
      {...props}
    >
      <g
        id='svgGroup'
        strokeLinecap='round'
        stroke='#000'
        fill='transparent'
        style={{
          fill: 'transparent',
          fillOpacity: 0,
          stroke: '#2B72FF',
          strokeWidth: '2px',
        }}
      >
        <path
          d='M6.40 32L1.76 32L1.76 15.52L6.40 15.52L6.40 32ZM6.43 12.80L1.73 12.80L1.73 9.18L6.43 9.18L6.43 12.80Z'
          style={{ strokeDasharray: '58, 60', strokeDashoffset: 59 }}
        >
          <animate
            attributeName='stroke-dashoffset'
            to='0'
            dur='800ms'
            calcMode='linear'
            repeatCount='1'
            fill='freeze'
            begin='600ms'
          />
          <animate
            attributeName='fillOpacity'
            to='1'
            dur='800ms'
            calcMode='linear'
            repeatCount='1'
            fill='freeze'
            begin='600ms'
          />
        </path>
      </g>
    </svg>
    <svg
      width='26'
      height='32.16'
      viewBox='0 0 26 34.16'
      xmlns='http://www.w3.org/2000/svg'
      style={{
        verticalAlign: 'text-top',
      }}
      {...props}
    >
      <g
        id='svgGroup'
        strokeLinecap='round'
        stroke='#000'
        fill='transparent'
        style={{
          fill: 'transparent',
          fillOpacity: 0,
          stroke: '#2B72FF',
          strokeWidth: '2px',
        }}
      >
        <path
          d='M23.17 32.16L10.21 32.16Q5.92 32.16 3.52 30.03Q1.12 27.90 1.12 23.78L1.12 23.78Q1.12 19.62 3.52 17.49Q5.92 15.36 10.21 15.36L10.21 15.36L18.21 15.36Q21.02 15.36 22.51 16.69Q24 18.02 24 20.48L24 20.48Q24 25.50 18.21 25.50L18.21 25.50L6.11 25.50Q6.78 28.48 10.21 28.48L10.21 28.48L23.17 28.48L23.17 32.16ZM17.98 19.04L10.21 19.04Q6.91 19.04 6.14 21.82L6.14 21.82L17.98 21.82Q18.62 21.82 18.99 21.44Q19.36 21.06 19.36 20.38L19.36 20.38Q19.36 19.04 17.98 19.04L17.98 19.04Z'
          style={{
            strokeDasharray: '130, 132',
            strokeDashoffset: 131,
          }}
        >
          <animate
            attributeName='stroke-dashoffset'
            to='0'
            dur='800ms'
            calcMode='linear'
            repeatCount='1'
            fill='freeze'
            begin='1200ms'
          />
          <animate
            attributeName='fillOpacity'
            to='1'
            dur='800ms'
            calcMode='linear'
            repeatCount='1'
            fill='freeze'
            begin='1200ms'
          />
        </path>
      </g>
    </svg>
    <svg
      width='19.312'
      height='32'
      viewBox='0 0 19.312 34'
      xmlns='http://www.w3.org/2000/svg'
      style={{
        verticalAlign: 'text-top',
      }}
      {...props}
    >
      <g
        id='svgGroup'
        strokeLinecap='round'
        stroke='#000'
        fill='transparent'
        style={{
          fill: 'transparent',
          fillOpacity: 0,
          stroke: '#2B72FF',
          strokeWidth: '2px',
        }}
      >
        <path
          d='M17.31 32L10.34 32Q7.55 32 6.24 30.61Q4.93 29.22 4.93 26.94L4.93 26.94L4.93 19.20L0.16 19.20L0.16 15.52L4.93 15.52L4.93 10.46L9.57 10.46L9.57 15.52L16.42 15.52L16.42 19.20L9.57 19.20L9.57 26.37Q9.57 28.32 11.49 28.32L11.49 28.32L17.31 28.32L17.31 32Z'
          style={{ strokeDasharray: '88, 90', strokeDashoffset: 89 }}
        >
          <animate
            attributeName='stroke-dashoffset'
            to='0'
            dur='800ms'
            calcMode='linear'
            repeatCount='1'
            fill='freeze'
            begin='1800ms'
          />
          <animate
            attributeName='fillOpacity'
            to='1'
            dur='800ms'
            calcMode='linear'
            repeatCount='1'
            fill='freeze'
            begin='1800ms'
          />
        </path>
      </g>
    </svg>
    <svg
      width='8.432'
      height='32'
      viewBox='0 0 8.432 34'
      xmlns='http://www.w3.org/2000/svg'
      style={{
        verticalAlign: 'text-top',
      }}
      {...props}
    >
      <g
        id='svgGroup'
        strokeLinecap='round'
        stroke='#000'
        fill='transparent'
        style={{
          fill: 'transparent',
          fillOpacity: 0,
          stroke: '#2B72FF',
          strokeWidth: '2px',
        }}
      >
        <path
          d='M6.40 32L1.76 32L1.76 15.52L6.40 15.52L6.40 32ZM6.43 12.80L1.73 12.80L1.73 9.18L6.43 9.18L6.43 12.80Z'
          style={{ strokeDasharray: '58, 60', strokeDashoffset: 59 }}
        >
          <animate
            attributeName='stroke-dashoffset'
            to='0'
            dur='800ms'
            calcMode='linear'
            repeatCount='1'
            fill='freeze'
            begin='2400ms'
          />
          <animate
            attributeName='fillOpacity'
            to='1'
            dur='800ms'
            calcMode='linear'
            repeatCount='1'
            fill='freeze'
            begin='2400ms'
          />
        </path>
      </g>
    </svg>
    <svg
      width='25.072'
      height='32'
      viewBox='0 0 25.072 34'
      xmlns='http://www.w3.org/2000/svg'
      style={{
        verticalAlign: 'text-top',
      }}
      {...props}
    >
      <g
        id='svgGroup'
        strokeLinecap='round'
        stroke='#000'
        fill='transparent'
        style={{
          fill: 'transparent',
          fillOpacity: 0,
          stroke: '#2B72FF',
          strokeWidth: '2px',
        }}
      >
        <path
          d='M23.07 32L6.14 32Q3.55 32 2.18 30.69Q0.80 29.38 0.80 26.94L0.80 26.94Q0.80 24.54 2.18 23.23Q3.55 21.92 6.14 21.92L6.14 21.92L18.43 21.92L18.43 21.15Q18.43 19.20 16.51 19.20L16.51 19.20L2.94 19.20L2.94 15.52L17.73 15.52Q20.64 15.52 21.86 16.85Q23.07 18.18 23.07 20.58L23.07 20.58L23.07 32ZM6.98 28.32L6.98 28.32L18.43 28.32L18.43 25.60L6.98 25.60Q6.37 25.60 6.03 25.97Q5.70 26.34 5.70 26.94L5.70 26.94Q5.70 27.55 6.03 27.94Q6.37 28.32 6.98 28.32Z'
          style={{ strokeDasharray: '131, 133', strokeDashoffset: 132 }}
        >
          <animate
            attributeName='stroke-dashoffset'
            to='0'
            dur='800ms'
            calcMode='linear'
            repeatCount='1'
            fill='freeze'
            begin='3000ms'
          />
          <animate
            attributeName='fillOpacity'
            to='1'
            dur='800ms'
            calcMode='linear'
            repeatCount='1'
            fill='freeze'
            begin='3000ms'
          />
        </path>
      </g>
    </svg>
    <svg
      width='27.216'
      height='32.16'
      viewBox='0 0 27.216 34.16'
      xmlns='http://www.w3.org/2000/svg'
      style={{
        verticalAlign: 'text-top',
      }}
      {...props}
    >
      <g
        id='svgGroup'
        strokeLinecap='round'
        stroke='#000'
        fill='transparent'
        style={{
          fill: 'transparent',
          fillOpacity: 0,
          stroke: '#2B72FF',
          strokeWidth: '2px',
        }}
      >
        <path
          d='M16.13 32.16L10.21 32.16Q5.92 32.16 3.52 30.03Q1.12 27.90 1.12 23.78L1.12 23.78Q1.12 19.62 3.52 17.49Q5.92 15.36 10.21 15.36L10.21 15.36L16.13 15.36Q20.42 15.36 22.82 17.49Q25.22 19.62 25.22 23.78L25.22 23.78Q25.22 27.90 22.82 30.03Q20.42 32.16 16.13 32.16L16.13 32.16ZM10.21 28.48L10.21 28.48L16.13 28.48Q18.21 28.48 19.31 27.33Q20.42 26.18 20.42 23.78L20.42 23.78Q20.42 21.34 19.31 20.19Q18.21 19.04 16.13 19.04L16.13 19.04L10.21 19.04Q8.13 19.04 7.02 20.19Q5.92 21.34 5.92 23.78L5.92 23.78Q5.92 26.18 7.02 27.33Q8.13 28.48 10.21 28.48Z'
          style={{ strokeDasharray: '109, 111', strokeDashoffset: 110 }}
        >
          <animate
            attributeName='stroke-dashoffset'
            to='0'
            dur='800ms'
            calcMode='linear'
            repeatCount='1'
            fill='freeze'
            begin='3600ms'
          />
          <animate
            attributeName='fillOpacity'
            to='1'
            dur='800ms'
            calcMode='linear'
            repeatCount='1'
            fill='freeze'
            begin='3600ms'
          />
        </path>
      </g>
    </svg>
    <svg
      width='24.688'
      height='39.2'
      viewBox='0 0 24.688 41.2'
      xmlns='http://www.w3.org/2000/svg'
      style={{
        verticalAlign: 'text-top',
      }}
      {...props}
    >
      <g
        id='svgGroup'
        strokeLinecap='round'
        stroke='#000'
        fill='transparent'
        style={{
          fill: 'transparent',
          fillOpacity: 0,
          stroke: '#2B72FF',
          strokeWidth: '2px',
        }}
      >
        <path
          d='M6.40 39.20L1.76 39.20L1.76 15.52L13.60 15.52Q17.89 15.52 20.29 17.63Q22.69 19.74 22.69 23.74L22.69 23.74Q22.69 27.78 20.29 29.89Q17.89 32 13.60 32L13.60 32L6.40 32L6.40 39.20ZM13.60 19.20L13.60 19.20L6.40 19.20L6.40 28.32L13.60 28.32Q15.68 28.32 16.78 27.18Q17.89 26.05 17.89 23.74L17.89 23.74Q17.89 21.47 16.78 20.34Q15.68 19.20 13.60 19.20Z'
          style={{ strokeDasharray: '120, 122', strokeDashoffset: 121 }}
        >
          <animate
            attributeName='stroke-dashoffset'
            to='0'
            dur='800ms'
            calcMode='linear'
            repeatCount='1'
            fill='freeze'
            begin='4200ms'
          />
          <animate
            attributeName='fillOpacity'
            to='1'
            dur='800ms'
            calcMode='linear'
            repeatCount='1'
            fill='freeze'
            begin='4200ms'
          />
        </path>
      </g>
    </svg>
  </>
);

export const FileIcon = (props: IconSvgProps) => (
  <svg
    version='1.1'
    id='_x36_'
    xmlns='http://www.w3.org/2000/svg'
    xmlnsXlink='http://www.w3.org/1999/xlink'
    viewBox='0 0 512 512'
    xmlSpace='preserve'
    {...props}
  >
    <g id='SVGRepo_bgCarrier' strokeWidth='0' />
    <g
      id='SVGRepo_tracerCarrier'
      strokeLinecap='round'
      strokeLinejoin='round'
    />
    <g id='SVGRepo_iconCarrier'>
      <g>
        <path
          style={{ fill: '#D4B476' }}
          d='M441.853,393.794H70.147C31.566,393.794,0,362.228,0,323.647V106.969 c0-38.581,31.566-70.147,70.147-70.147h371.706c38.581,0,70.147,31.566,70.147,70.147v216.678 C512,362.228,480.434,393.794,441.853,393.794z'
        />
        <path
          style={{ fill: '#D4B476' }}
          d='M199.884,249.574H70.147C31.566,249.574,0,218.008,0,179.427V70.147C0,31.566,31.566,0,70.147,0 h129.737c38.581,0,70.147,31.566,70.147,70.147v109.28C270.031,218.008,238.465,249.574,199.884,249.574z'
        />
        <polygon
          style={{ fill: '#F0EFEF' }}
          points='485.439,329.388 87.357,347.774 78.653,130.095 476.734,111.709 '
        />
        <defs>
          <filter
            id='Adobe_OpacityMaskFilter'
            filterUnits='userSpaceOnUse'
            x='34.381'
            y='60.216'
            width='416.68'
            height='259.557'
          >
            <feFlood
              style={{
                floodColor: 'white',
                floodOpacity: 1,
              }}
              result='back'
            />
            <feBlend in='SourceGraphic' in2='back' mode='normal' />
          </filter>
        </defs>
        <mask
          maskUnits='userSpaceOnUse'
          x='34.381'
          y='60.216'
          width='416.68'
          height='259.557'
          id='SVGID_1_'
        >
          <g style={{ filter: 'url(#Adobe_OpacityMaskFilter)' }}>
            <defs>
              <filter
                id='Adobe_OpacityMaskFilter_1_'
                filterUnits='userSpaceOnUse'
                x='34.381'
                y='60.216'
                width='416.68'
                height='259.557'
              >
                <feFlood
                  style={{ floodColor: 'white', floodOpacity: 1 }}
                  result='back'
                />
                <feBlend in='SourceGraphic' in2='back' mode='normal' />
              </filter>
            </defs>
            <mask
              maskUnits='userSpaceOnUse'
              x='34.381'
              y='60.216'
              width='416.68'
              height='259.557'
              id='SVGID_1_'
            >
              <g style={{ filter: 'url(#Adobe_OpacityMaskFilter_1_)' }}> </g>
            </mask>
            <linearGradient
              id='SVGID_2_'
              gradientUnits='userSpaceOnUse'
              x1='34.3814'
              y1='189.9944'
              x2='451.061'
              y2='189.9944'
            >
              <stop offset='0.57' style={{ stopColor: '#F6F6F6' }} />
              <stop offset='0.6039' style={{ stopColor: '#F6F6F6' }} />
            </linearGradient>
            <polygon
              style={{ mask: 'url(#SVGID_1_)', fill: 'url(#SVGID_2_)' }}
              points='451.061,277.073 54.598,319.773 34.381,102.916 430.845,60.216 '
            />
          </g>
        </mask>
        <linearGradient
          id='SVGID_3_'
          gradientUnits='userSpaceOnUse'
          x1='34.3814'
          y1='189.9944'
          x2='451.061'
          y2='189.9944'
        >
          <stop offset='0.57' style={{ stopColor: '#FFFFFF' }} />
          <stop offset='0.6039' style={{ stopColor: '#F0F0F0' }} />
        </linearGradient>
        <polygon
          style={{ fill: 'url(#SVGID_3_)' }}
          points='451.061,277.073 54.598,319.773 34.381,102.916 430.845,60.216 '
        />
        <path
          style={{ fill: '#69A092' }}
          d='M441.853,417.32H70.147C31.566,417.32,0,385.754,0,347.173V168.515h512v178.658 C512,385.754,480.434,417.32,441.853,417.32z'
        />
        <path
          style={{ fill: '#D4B476' }}
          d='M441.853,429.594H70.147C31.566,429.594,0,398.028,0,359.447V189.995h512v169.453 C512,398.028,480.434,429.594,441.853,429.594z'
        />
        <g>
          <g>
            <path
              style={{ fill: '#CBBC89' }}
              d='M41.051,330.321h28.918h7.581c0.686,0,1.357,0,2.012,0c0.655,0,1.171,0.126,1.545,0.375 c0.499,0.312,0.795,0.764,0.889,1.357c0.094,0.594,0.141,1.296,0.141,2.106c0,0.312,0.014,0.608,0.047,0.888 c0.031,0.281-0.016,0.547-0.14,0.796c-0.25,0.998-0.796,1.543-1.638,1.638c-0.843,0.094-1.888,0.14-3.136,0.14h-9.733H53.778 c-0.998,0-2.058-0.015-3.182-0.047c-1.122-0.03-1.965,0.173-2.526,0.608c-0.563,0.375-0.858,1.03-0.89,1.965 c-0.032,0.937-0.047,1.873-0.047,2.808v9.265c0,0.5-0.015,1.123-0.046,1.872c-0.033,0.749,0.014,1.373,0.139,1.871v0.748 c0.125,0.375,0.235,0.735,0.328,1.077c0.093,0.344,0.295,0.608,0.608,0.796c0.562,0.374,1.436,0.547,2.621,0.514 c1.184-0.03,2.214-0.047,3.088-0.047h16.845c0.561,0,1.171-0.014,1.825-0.046c0.655-0.031,1.31-0.031,1.965,0 c0.655,0.032,1.248,0.109,1.779,0.234c0.529,0.126,0.889,0.344,1.076,0.655c0.311,0.375,0.467,0.843,0.467,1.404 c0,0.56,0,1.186,0,1.871c0,0.375,0,0.719,0,1.03c0,0.313-0.062,0.594-0.186,0.842c-0.25,0.625-0.595,0.969-1.03,1.03 c-0.25,0.125-0.485,0.186-0.702,0.186c-0.219,0-0.483,0.033-0.796,0.094c-0.25,0.063-0.514,0.079-0.796,0.047 c-0.281-0.03-0.546-0.047-0.794-0.047h-3.277H54.433c-0.999,0-2.168-0.014-3.51-0.047c-1.342-0.03-2.292,0.172-2.853,0.609 c-0.314,0.25-0.547,0.64-0.702,1.169c-0.156,0.531-0.25,1.14-0.281,1.825c-0.033,0.687-0.033,1.389,0,2.106 c0.03,0.717,0.046,1.357,0.046,1.918v16.096c0,1.062,0.032,2.217,0.094,3.463c0.062,1.249-0.156,2.185-0.655,2.807 c-0.186,0.25-0.469,0.391-0.842,0.422c-0.374,0.032-0.749,0.109-1.123,0.234h-1.779c-0.875,0-1.684-0.03-2.433-0.093 c-0.749-0.062-1.279-0.375-1.59-0.937c-0.25-0.374-0.375-0.888-0.375-1.543c0-0.656,0-1.326,0-2.013v-7.488v-39.119v-10.107 c0-0.686-0.016-1.45-0.047-2.292c-0.032-0.842,0.107-1.512,0.422-2.012c0.249-0.374,0.715-0.685,1.404-0.935 c0.124-0.062,0.264-0.077,0.42-0.047C40.785,330.4,40.925,330.383,41.051,330.321z'
            />
            <path
              style={{ fill: '#CBBC89' }}
              d='M96.895,330.508c0.436,0,0.935-0.014,1.496-0.046c0.563-0.032,1.108-0.032,1.639,0 c0.529,0.032,1.013,0.109,1.45,0.234c0.437,0.125,0.749,0.312,0.937,0.561c0.374,0.438,0.576,1.046,0.608,1.825 c0.03,0.78,0.047,1.576,0.047,2.386v9.079v36.124v10.949c0,0.811,0,1.669,0,2.574c0,0.905-0.156,1.606-0.468,2.105 c-0.25,0.314-0.547,0.5-0.889,0.563c-0.344,0.062-0.765,0.156-1.264,0.28h-1.777c-0.874,0-1.684-0.034-2.433-0.094 c-0.749-0.061-1.28-0.374-1.592-0.935c-0.25-0.374-0.375-0.89-0.375-1.545c0-0.655,0-1.325,0-2.012v-7.487V345.95v-10.107 c0-0.686-0.015-1.451-0.045-2.292c-0.034-0.843,0.108-1.514,0.42-2.013c0.249-0.436,0.748-0.748,1.497-0.936 c0.125-0.061,0.25-0.077,0.375-0.047C96.645,330.587,96.769,330.571,96.895,330.508z'
            />
            <path
              style={{ fill: '#CBBC89' }}
              d='M126.093,330.321c0.436,0,0.935-0.015,1.498-0.047c0.561-0.03,1.107-0.03,1.638,0 c0.529,0.032,1.012,0.109,1.451,0.234c0.436,0.125,0.748,0.313,0.936,0.562c0.374,0.5,0.56,1.155,0.56,1.965 c0,0.811,0,1.654,0,2.528v9.826v30.042v8.609c0,0.687,0,1.436,0,2.245c0,0.813,0.094,1.468,0.281,1.967 c0.188,0.436,0.529,0.811,1.03,1.122c0.313,0.125,0.717,0.203,1.217,0.235c0.499,0.032,0.998,0.046,1.498,0.046h4.772h16.845 h5.24c0.436,0,0.89-0.014,1.359-0.046c0.467-0.032,0.888,0.016,1.263,0.139c0.81,0.25,1.34,0.594,1.591,1.03 c0.062,0.188,0.124,0.5,0.188,0.937c0.061,0.436,0.107,0.889,0.139,1.357c0.03,0.467,0.015,0.935-0.047,1.402 c-0.062,0.469-0.126,0.829-0.187,1.077c-0.126,0.437-0.406,0.782-0.843,1.029c-0.313,0.25-0.765,0.375-1.357,0.375 c-0.593,0-1.169,0-1.731,0h-6.177H133.58h-6.083c-0.874,0-1.623-0.047-2.246-0.139c-0.624-0.094-1.092-0.39-1.404-0.89 c-0.25-0.374-0.373-0.857-0.373-1.451c0-0.591,0-1.168,0-1.729v-6.74v-25.549v-20.308v-5.802c0-0.561,0.014-1.122,0.045-1.684 c0.032-0.561,0.141-0.998,0.328-1.31c0.249-0.374,0.717-0.685,1.404-0.935c0.124-0.062,0.265-0.077,0.422-0.047 C125.827,330.4,125.968,330.383,126.093,330.321z'
            />
            <path
              style={{ fill: '#CBBC89' }}
              d='M187.883,330.321h30.602h8.049c0.686,0,1.372-0.015,2.059-0.047 c0.685-0.03,1.248,0.109,1.684,0.422c0.188,0.125,0.343,0.281,0.468,0.467c0.124,0.188,0.249,0.375,0.374,0.563 c0.125,0.436,0.187,1.138,0.187,2.105c0,0.967-0.062,1.701-0.187,2.199c-0.25,0.874-0.78,1.357-1.592,1.451 c-0.811,0.094-1.777,0.14-2.9,0.14h-9.359h-15.722c-0.998,0-2.169-0.015-3.51-0.047c-1.343-0.03-2.325,0.139-2.949,0.514 c-0.624,0.374-0.951,1.03-0.982,1.966c-0.032,0.936-0.048,1.904-0.048,2.901v9.546c0,0.688-0.015,1.498-0.045,2.433 c-0.034,0.937,0.014,1.686,0.139,2.246c0.188,0.749,0.562,1.249,1.123,1.498c0.249,0.125,0.686,0.25,1.31,0.373h0.935 c0.249,0.063,0.515,0.08,0.796,0.047c0.281-0.03,0.577-0.047,0.89-0.047h3.181h18.343c0.561,0,1.184-0.014,1.872-0.046 c0.685-0.031,1.387-0.031,2.104,0c0.717,0.032,1.372,0.093,1.967,0.187c0.591,0.094,1.044,0.233,1.357,0.421 c0.186,0.126,0.341,0.407,0.467,0.842c0.125,0.438,0.218,0.905,0.282,1.404c0.061,0.5,0.077,1.016,0.045,1.545 c-0.031,0.531-0.109,0.983-0.233,1.357c-0.126,0.561-0.406,0.967-0.842,1.217c-0.127,0.126-0.297,0.203-0.515,0.235 c-0.22,0.032-0.422,0.079-0.608,0.139h-0.563c-0.312,0.063-0.623,0.079-0.935,0.047c-0.313-0.03-0.624-0.047-0.935-0.047h-3.463 h-19.747c-0.747,0-1.482-0.014-2.199-0.047c-0.719-0.03-1.39,0-2.012,0.094c-0.624,0.094-1.171,0.267-1.639,0.515 c-0.467,0.25-0.794,0.687-0.982,1.31c-0.126,0.375-0.173,0.811-0.139,1.31c0.03,0.5,0.045,0.999,0.045,1.498v5.239v8.892 c0,0.873,0.032,1.669,0.094,2.386c0.062,0.718,0.312,1.233,0.749,1.544c0.435,0.313,0.935,0.483,1.497,0.515 c0.561,0.032,1.185,0.046,1.871,0.046h5.99h17.314h5.334c0.499,0,0.998-0.014,1.497-0.046c0.498-0.032,0.936,0.016,1.31,0.139 c0.749,0.25,1.248,0.594,1.498,1.03c0.123,0.188,0.217,0.5,0.281,0.937c0.061,0.436,0.108,0.889,0.14,1.357 c0.03,0.467,0.015,0.935-0.047,1.402c-0.062,0.469-0.126,0.829-0.187,1.077c-0.25,0.5-0.531,0.842-0.842,1.029 c-0.375,0.25-0.858,0.375-1.45,0.375c-0.594,0-1.171,0-1.731,0h-6.552h-24.894h-6.551c-0.874,0-1.623-0.047-2.245-0.139 c-0.624-0.094-1.093-0.39-1.404-0.89c-0.25-0.374-0.374-0.857-0.374-1.451c0-0.591,0-1.168,0-1.729v-6.551v-25.082v-20.964 v-5.802c0-0.561,0-1.122,0-1.684c0-0.561,0.124-0.998,0.374-1.31c0.249-0.435,0.716-0.749,1.404-0.935 c0.125-0.062,0.248-0.077,0.375-0.047C187.632,330.4,187.756,330.383,187.883,330.321z'
            />
          </g>
          <g>
            <path
              style={{ fill: '#98806E' }}
              d='M41.051,330.321h28.918h7.581c0.686,0,1.357,0,2.012,0c0.655,0,1.171,0.126,1.545,0.375 c0.499,0.312,0.795,0.764,0.889,1.357c0.094,0.594,0.141,1.296,0.141,2.106c0,0.312,0.014,0.608,0.047,0.888 c0.031,0.281-0.016,0.547-0.14,0.796c-0.25,0.998-0.796,1.543-1.638,1.638c-0.843,0.094-1.888,0.14-3.136,0.14h-9.733H53.778 c-0.998,0-2.058-0.015-3.182-0.047c-1.122-0.03-1.965,0.173-2.526,0.608c-0.563,0.375-0.858,1.03-0.89,1.965 c-0.032,0.937-0.047,1.873-0.047,2.808v9.265c0,0.5-0.015,1.123-0.046,1.872c-0.033,0.749,0.014,1.373,0.139,1.871v0.748 c0.125,0.375,0.235,0.735,0.328,1.077c0.093,0.344,0.295,0.608,0.608,0.796c0.562,0.374,1.436,0.547,2.621,0.514 c1.184-0.03,2.214-0.047,3.088-0.047h16.845c0.561,0,1.171-0.014,1.825-0.046c0.655-0.031,1.31-0.031,1.965,0 c0.655,0.032,1.248,0.109,1.779,0.234c0.529,0.126,0.889,0.344,1.076,0.655c0.311,0.375,0.467,0.843,0.467,1.404 c0,0.56,0,1.186,0,1.871c0,0.375,0,0.719,0,1.03c0,0.313-0.062,0.594-0.186,0.842c-0.25,0.625-0.595,0.969-1.03,1.03 c-0.25,0.125-0.485,0.186-0.702,0.186c-0.219,0-0.483,0.033-0.796,0.094c-0.25,0.063-0.514,0.079-0.796,0.047 c-0.281-0.03-0.546-0.047-0.794-0.047h-3.277H54.433c-0.999,0-2.168-0.014-3.51-0.047c-1.342-0.03-2.292,0.172-2.853,0.609 c-0.314,0.25-0.547,0.64-0.702,1.169c-0.156,0.531-0.25,1.14-0.281,1.825c-0.033,0.687-0.033,1.389,0,2.106 c0.03,0.717,0.046,1.357,0.046,1.918v16.096c0,1.062,0.032,2.217,0.094,3.463c0.062,1.249-0.156,2.185-0.655,2.807 c-0.186,0.25-0.469,0.391-0.842,0.422c-0.374,0.032-0.749,0.109-1.123,0.234h-1.779c-0.875,0-1.684-0.03-2.433-0.093 c-0.749-0.062-1.279-0.375-1.59-0.937c-0.25-0.374-0.375-0.888-0.375-1.543c0-0.656,0-1.326,0-2.013v-7.488v-39.119v-10.107 c0-0.686-0.016-1.45-0.047-2.292c-0.032-0.842,0.107-1.512,0.422-2.012c0.249-0.374,0.715-0.685,1.404-0.935 c0.124-0.062,0.264-0.077,0.42-0.047C40.785,330.4,40.925,330.383,41.051,330.321z'
            />
            <path
              style={{ fill: '#98806E' }}
              d='M96.895,330.508c0.436,0,0.935-0.014,1.496-0.046c0.563-0.032,1.108-0.032,1.639,0 c0.529,0.032,1.013,0.109,1.45,0.234c0.437,0.125,0.749,0.312,0.937,0.561c0.374,0.438,0.576,1.046,0.608,1.825 c0.03,0.78,0.047,1.576,0.047,2.386v9.079v36.124v10.949c0,0.811,0,1.669,0,2.574c0,0.905-0.156,1.606-0.468,2.105 c-0.25,0.314-0.547,0.5-0.889,0.563c-0.344,0.062-0.765,0.156-1.264,0.28h-1.777c-0.874,0-1.684-0.034-2.433-0.094 c-0.749-0.061-1.28-0.374-1.592-0.935c-0.25-0.374-0.375-0.89-0.375-1.545c0-0.655,0-1.325,0-2.012v-7.487V345.95v-10.107 c0-0.686-0.015-1.451-0.045-2.292c-0.034-0.843,0.108-1.514,0.42-2.013c0.249-0.436,0.748-0.748,1.497-0.936 c0.125-0.061,0.25-0.077,0.375-0.047C96.645,330.587,96.769,330.571,96.895,330.508z'
            />
            <path
              style={{ fill: '#98806E' }}
              d='M126.093,330.321c0.436,0,0.935-0.015,1.498-0.047c0.561-0.03,1.107-0.03,1.638,0 c0.529,0.032,1.012,0.109,1.451,0.234c0.436,0.125,0.748,0.313,0.936,0.562c0.374,0.5,0.56,1.155,0.56,1.965 c0,0.811,0,1.654,0,2.528v9.826v30.042v8.609c0,0.687,0,1.436,0,2.245c0,0.813,0.094,1.468,0.281,1.967 c0.188,0.436,0.529,0.811,1.03,1.122c0.313,0.125,0.717,0.203,1.217,0.235c0.499,0.032,0.998,0.046,1.498,0.046h4.772h16.845 h5.24c0.436,0,0.89-0.014,1.359-0.046c0.467-0.032,0.888,0.016,1.263,0.139c0.81,0.25,1.34,0.594,1.591,1.03 c0.062,0.188,0.124,0.5,0.188,0.937c0.061,0.436,0.107,0.889,0.139,1.357c0.03,0.467,0.015,0.935-0.047,1.402 c-0.062,0.469-0.126,0.829-0.187,1.077c-0.126,0.437-0.406,0.782-0.843,1.029c-0.313,0.25-0.765,0.375-1.357,0.375 c-0.593,0-1.169,0-1.731,0h-6.177H133.58h-6.083c-0.874,0-1.623-0.047-2.246-0.139c-0.624-0.094-1.092-0.39-1.404-0.89 c-0.25-0.374-0.373-0.857-0.373-1.451c0-0.591,0-1.168,0-1.729v-6.74v-25.549v-20.308v-5.802c0-0.561,0.014-1.122,0.045-1.684 c0.032-0.561,0.141-0.998,0.328-1.31c0.249-0.374,0.717-0.685,1.404-0.935c0.124-0.062,0.265-0.077,0.422-0.047 C125.827,330.4,125.968,330.383,126.093,330.321z'
            />
            <path
              style={{ fill: '#98806E' }}
              d='M187.883,330.321h30.602h8.049c0.686,0,1.372-0.015,2.059-0.047 c0.685-0.03,1.248,0.109,1.684,0.422c0.188,0.125,0.343,0.281,0.468,0.467c0.124,0.188,0.249,0.375,0.374,0.563 c0.125,0.436,0.187,1.138,0.187,2.105c0,0.967-0.062,1.701-0.187,2.199c-0.25,0.874-0.78,1.357-1.592,1.451 c-0.811,0.094-1.777,0.14-2.9,0.14h-9.359h-15.722c-0.998,0-2.169-0.015-3.51-0.047c-1.343-0.03-2.325,0.139-2.949,0.514 c-0.624,0.374-0.951,1.03-0.982,1.966c-0.032,0.936-0.048,1.904-0.048,2.901v9.546c0,0.688-0.015,1.498-0.045,2.433 c-0.034,0.937,0.014,1.686,0.139,2.246c0.188,0.749,0.562,1.249,1.123,1.498c0.249,0.125,0.686,0.25,1.31,0.373h0.935 c0.249,0.063,0.515,0.08,0.796,0.047c0.281-0.03,0.577-0.047,0.89-0.047h3.181h18.343c0.561,0,1.184-0.014,1.872-0.046 c0.685-0.031,1.387-0.031,2.104,0c0.717,0.032,1.372,0.093,1.967,0.187c0.591,0.094,1.044,0.233,1.357,0.421 c0.186,0.126,0.341,0.407,0.467,0.842c0.125,0.438,0.218,0.905,0.282,1.404c0.061,0.5,0.077,1.016,0.045,1.545 c-0.031,0.531-0.109,0.983-0.233,1.357c-0.126,0.561-0.406,0.967-0.842,1.217c-0.127,0.126-0.297,0.203-0.515,0.235 c-0.22,0.032-0.422,0.079-0.608,0.139h-0.563c-0.312,0.063-0.623,0.079-0.935,0.047c-0.313-0.03-0.624-0.047-0.935-0.047h-3.463 h-19.747c-0.747,0-1.482-0.014-2.199-0.047c-0.719-0.03-1.39,0-2.012,0.094c-0.624,0.094-1.171,0.267-1.639,0.515 c-0.467,0.25-0.794,0.687-0.982,1.31c-0.126,0.375-0.173,0.811-0.139,1.31c0.03,0.5,0.045,0.999,0.045,1.498v5.239v8.892 c0,0.873,0.032,1.669,0.094,2.386c0.062,0.718,0.312,1.233,0.749,1.544c0.435,0.313,0.935,0.483,1.497,0.515 c0.561,0.032,1.185,0.046,1.871,0.046h5.99h17.314h5.334c0.499,0,0.998-0.014,1.497-0.046c0.498-0.032,0.936,0.016,1.31,0.139 c0.749,0.25,1.248,0.594,1.498,1.03c0.123,0.188,0.217,0.5,0.281,0.937c0.061,0.436,0.108,0.889,0.14,1.357 c0.03,0.467,0.015,0.935-0.047,1.402c-0.062,0.469-0.126,0.829-0.187,1.077c-0.25,0.5-0.531,0.842-0.842,1.029 c-0.375,0.25-0.858,0.375-1.45,0.375c-0.594,0-1.171,0-1.731,0h-6.552h-24.894h-6.551c-0.874,0-1.623-0.047-2.245-0.139 c-0.624-0.094-1.093-0.39-1.404-0.89c-0.25-0.374-0.374-0.857-0.374-1.451c0-0.591,0-1.168,0-1.729v-6.551v-25.082v-20.964 v-5.802c0-0.561,0-1.122,0-1.684c0-0.561,0.124-0.998,0.374-1.31c0.249-0.435,0.716-0.749,1.404-0.935 c0.125-0.062,0.248-0.077,0.375-0.047C187.632,330.4,187.756,330.383,187.883,330.321z'
            />
          </g>
        </g>
        <polygon
          style={{ fill: '#BBAF98' }}
          points='276.167,208.741 0,302.069 0,186.053 512,186.053 512,302.069 '
        />
      </g>
    </g>
  </svg>
);

export const LogIcon = (props: IconSvgProps) => (
  <svg
    viewBox='0 0 48 48'
    fill='none'
    xmlns='http://www.w3.org/2000/svg'
    {...props}
  >
    <g id='SVGRepo_bgCarrier' strokeWidth='0' />
    <g
      id='SVGRepo_tracerCarrier'
      strokeLinecap='round'
      strokeLinejoin='round'
    />
    <g id='SVGRepo_iconCarrier'>
      <rect width='48' height='48' fill='white' fillOpacity='0.01' />
      <rect
        x='13'
        y='10'
        width='28'
        height='34'
        fill='#2F88FF'
        stroke='#000000'
        strokeWidth='4'
        strokeLinejoin='round'
      />
      <path
        d='M35 10V4H8C7.44772 4 7 4.44772 7 5V38H13'
        stroke='#000000'
        strokeWidth='4'
        strokeLinecap='round'
        strokeLinejoin='round'
      />
      <path
        d='M21 22H33'
        stroke='white'
        strokeWidth='4'
        strokeLinecap='round'
        strokeLinejoin='round'
      />
      <path
        d='M21 30H33'
        stroke='white'
        strokeWidth='4'
        strokeLinecap='round'
        strokeLinejoin='round'
      />
    </g>
  </svg>
);
