qudoco-fe/components/icons.tsx

import * as React from "react";
import { IconSvgProps } from "@/types";

export const Logo: React.FC<IconSvgProps> = ({
  size = 36,
  width,
  height,
  ...props
}) => (
  <svg
    fill="none"
    height={size || height}
    viewBox="0 0 32 32"
    width={size || width}
    {...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>
);

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 = 30,
  width,
  height,
  color = "white",
  ...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"
        color={color}
      />
    </svg>
  );
};

export const IconX: React.FC<IconSvgProps> = ({
  size = 30,
  width,
  height,
  color = "white",
  ...props
}) => {
  return (
    <svg
      height={size || height}
      viewBox="0 0 24 24"
      width={size || width}
      {...props}
    >
      <path
        d="M11.9998 2.66663L8.6665 7.11129M8.6665 7.11129L5.53317 2.93329C5.47107 2.8505 5.39055 2.78329 5.29798 2.73701C5.20541 2.69072 5.10333 2.66663 4.99984 2.66663H2.6665L7.33317 8.88863M8.6665 7.11129L13.3332 13.3333H10.9998C10.8963 13.3333 10.7943 13.3092 10.7017 13.2629C10.6091 13.2166 10.5286 13.1494 10.4665 13.0666L7.33317 8.88863M3.99984 13.3333L7.33317 8.88863"
        stroke="#1F1A17"
        stroke-width="1.33333"
        stroke-linecap="round"
        stroke-linejoin="round"
      />
    </svg>
  );
};

export const SendIcon: React.FC<IconSvgProps> = ({
  size,
  width,
  height,
  color = "currentColor",
  ...props
}) => {
  return (
    <svg
      width="17"
      height="16"
      viewBox="0 0 17 16"
      fill="none"
      xmlns="http://www.w3.org/2000/svg"
    >
      <g clipPath="url(#clip0_1012_36617)">
        <g clipPath="url(#clip1_1012_36617)">
          <path
            d="M15.0053 0.0999837L0.520926 8.45623C-0.0446989 8.78123 0.0271761 9.56873 0.589676 9.80623L3.91155 11.2L12.8897 3.28748C13.0616 3.13436 13.3053 3.36873 13.1584 3.54686L5.6303 12.7187V15.2344C5.6303 15.9719 6.52093 16.2625 6.95843 15.7281L8.9428 13.3125L12.8366 14.9437C13.2803 15.1312 13.7866 14.8531 13.8678 14.375L16.1178 0.874984C16.2241 0.243734 15.5459 -0.212516 15.0053 0.0999837Z"
            fill="currentColor"
          />
        </g>
      </g>
      <defs>
        <clipPath id="clip0_1012_36617">
          <rect
            width="16"
            height="16"
            fill="white"
            transform="translate(0.130371)"
          />
        </clipPath>
        <clipPath id="clip1_1012_36617">
          <rect
            width="16"
            height="16"
            fill="white"
            transform="translate(0.130371)"
          />
        </clipPath>
      </defs>
    </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 FbIcon: React.FC<IconSvgProps> = (props) => {
  return (
    <svg
      width="59"
      height="50"
      viewBox="0 0 30 30"
      fill="none"
      xmlns="http://www.w3.org/2000/svg"
    >
      <rect width="30" height="30" rx="8" fill="white" />
      <g clipPath="url(#clip0_179_4)">
        <path
          d="M21.6272 6.90002H8.37263C7.55895 6.90002 6.8999 7.55907 6.8999 8.37275V21.6273C6.8999 22.441 7.55895 23.1001 8.37263 23.1001H15.7363V16.4727H13.5272V14.2637H15.7363V13.0774C15.7363 10.8315 16.8305 9.84548 18.6972 9.84548C19.5911 9.84548 20.0639 9.91175 20.2877 9.94194V12.0546H19.0145C18.2222 12.0546 17.9453 12.4728 17.9453 13.3196V14.2637H20.2679L19.9527 16.4727H17.9453V23.1001H21.6272C22.4408 23.1001 23.0999 22.441 23.0999 21.6273V8.37275C23.0999 7.55907 22.4401 6.90002 21.6272 6.90002Z"
          fill="#3B5998"
        />
      </g>
      <defs>
        <clipPath id="clip0_179_4">
          <rect
            width="18"
            height="18"
            fill="white"
            transform="translate(6 6)"
          />
        </clipPath>
      </defs>
    </svg>
  );
};

export const ChevronUpIcon = ({
  size,
  height = 24,
  width = 24,
  fill = "currentColor",
  ...props
}: IconSvgProps) => (
  <svg
    xmlns="http://www.w3.org/2000/svg"
    height={size || height}
    width={size || width}
    viewBox="0 0 24 24"
    fill={fill}
    {...props}
  >
    <path
      className={fill}
      d="m6.293 13.293 1.414 1.414L12 10.414l4.293 4.293 1.414-1.414L12 7.586z"
    ></path>
  </svg>
);

export const ChevronDownIcon = ({
  size,
  height = 24,
  width = 14,
  fill = "currentColor",
  ...props
}: IconSvgProps) => (
  <svg
    height={size || height}
    width={size || width}
    viewBox="0 0 12 7"
    fill={fill}
    xmlns="http://www.w3.org/2000/svg"
    {...props}
  >
    <path
      d="M11.2902 0.309534C11.1977 0.216831 11.0878 0.143283 10.9668 0.0931015C10.8459 0.04292 10.7162 0.0170898 10.5852 0.0170898C10.4543 0.0170898 10.3246 0.04292 10.2036 0.0931015C10.0826 0.143283 9.97274 0.216831 9.88022 0.309534L6.00022 4.18953L2.12022 0.309534C1.93324 0.122556 1.67965 0.0175133 1.41522 0.0175133C1.1508 0.0175133 0.8972 0.122556 0.710222 0.309534C0.523244 0.496512 0.418203 0.750108 0.418203 1.01453C0.418203 1.27896 0.523244 1.53256 0.710222 1.71953L5.30022 6.30953C5.39274 6.40224 5.50262 6.47579 5.6236 6.52597C5.74457 6.57615 5.87425 6.60198 6.00522 6.60198C6.13619 6.60198 6.26587 6.57615 6.38685 6.52597C6.50782 6.47579 6.61771 6.40224 6.71022 6.30953L11.3002 1.71953C11.6802 1.33953 11.6802 0.699534 11.2902 0.309534Z"
      fill="currentColor"
    />
  </svg>
);

export const ChevronRightIcon = ({
  size,
  height = 24,
  width = 24,
  fill = "currentColor",
  ...props
}: IconSvgProps) => (
  <svg
    xmlns="http://www.w3.org/2000/svg"
    height={size || height}
    width={size || width}
    viewBox="0 0 24 24"
    {...props}
  >
    <path
      fill="currentColor"
      d="M9.29 6.71a.996.996 0 0 0 0 1.41L13.17 12l-3.88 3.88a.996.996 0 1 0 1.41 1.41l4.59-4.59a.996.996 0 0 0 0-1.41L10.7 6.7c-.38-.38-1.02-.38-1.41.01z"
    />
  </svg>
);

export const ChevronLeftWhite = ({
  size,
  height = 24,
  width = 24,
  color = "white",
  ...props
}: IconSvgProps & { color?: string }) => (
  <svg
    width="20"
    height="21"
    viewBox="0 0 20 21"
    fill="none"
    xmlns="http://www.w3.org/2000/svg"
  >
    <path d="M12.5 15.5L7.5 10.5L12.5 5.5" stroke={color} stroke-width="2" />
  </svg>
);

export const ChevronRightWhite = ({
  size,
  height = 24,
  width = 24,
  color = "white",
  ...props
}: IconSvgProps) => (
  <svg
    width="20"
    height="21"
    viewBox="0 0 20 21"
    fill="none"
    xmlns="http://www.w3.org/2000/svg"
  >
    <path d="M7.5 5.5L12.5 10.5L7.5 15.5" stroke={color} stroke-width="2" />
  </svg>
);

export const IgIcon = ({
  size,
  height = 24,
  width = 24,
  fill = "currentColor",
  ...props
}: IconSvgProps) => (
  <svg
    width={size || width}
    height={size || height}
    viewBox="0 0 30 30"
    fill="currentColor"
    xmlns="http://www.w3.org/2000/svg"
    {...props}
  >
    <rect width="30" height="30" rx="8" fill="currentColor" />
    <path
      d="M15.0037 10.957C12.7678 10.957 10.9643 12.7605 10.9643 14.9965C10.9643 17.2324 12.7678 19.0359 15.0037 19.0359C17.2396 19.0359 19.0432 17.2324 19.0432 14.9965C19.0432 12.7605 17.2396 10.957 15.0037 10.957ZM15.0037 17.6226C13.5588 17.6226 12.3775 16.4449 12.3775 14.9965C12.3775 13.548 13.5553 12.3703 15.0037 12.3703C16.4521 12.3703 17.6299 13.548 17.6299 14.9965C17.6299 16.4449 16.4486 17.6226 15.0037 17.6226ZM20.1506 10.7918C20.1506 11.3156 19.7287 11.734 19.2084 11.734C18.6846 11.734 18.2662 11.3121 18.2662 10.7918C18.2662 10.2715 18.6881 9.8496 19.2084 9.8496C19.7287 9.8496 20.1506 10.2715 20.1506 10.7918ZM22.826 11.748C22.7662 10.4859 22.4779 9.36796 21.5533 8.44686C20.6322 7.52577 19.5143 7.23749 18.2521 7.17421C16.9514 7.10038 13.0525 7.10038 11.7518 7.17421C10.4932 7.23397 9.3752 7.52225 8.45059 8.44335C7.52598 9.36444 7.24121 10.4824 7.17793 11.7445C7.1041 13.0453 7.1041 16.9441 7.17793 18.2449C7.2377 19.507 7.52598 20.625 8.45059 21.5461C9.3752 22.4672 10.4896 22.7555 11.7518 22.8187C13.0525 22.8926 16.9514 22.8926 18.2521 22.8187C19.5143 22.759 20.6322 22.4707 21.5533 21.5461C22.4744 20.625 22.7627 19.507 22.826 18.2449C22.8998 16.9441 22.8998 13.0488 22.826 11.748ZM21.1455 19.6406C20.8713 20.3297 20.3404 20.8605 19.6479 21.1383C18.6107 21.5496 16.1498 21.4547 15.0037 21.4547C13.8576 21.4547 11.3932 21.5461 10.3596 21.1383C9.67051 20.864 9.13965 20.3332 8.86191 19.6406C8.45059 18.6035 8.54551 16.1426 8.54551 14.9965C8.54551 13.8504 8.4541 11.3859 8.86191 10.3523C9.13613 9.66327 9.66699 9.13241 10.3596 8.85468C11.3967 8.44335 13.8576 8.53827 15.0037 8.53827C16.1498 8.53827 18.6143 8.44686 19.6479 8.85468C20.3369 9.12889 20.8678 9.65975 21.1455 10.3523C21.5568 11.3894 21.4619 13.8504 21.4619 14.9965C21.4619 16.1426 21.5568 18.607 21.1455 19.6406Z"
      fill="#C922D8"
    />
  </svg>
);

export const FbIconNav = ({
  size,
  height = 24,
  width = 24,
  fill = "currentColor",
  ...props
}: IconSvgProps) => (
  <svg
    xmlns="http://www.w3.org/2000/svg"
    width={size || width}
    height={size || height}
    viewBox="0 0 128 128"
    {...props}
  >
    <rect
      width="118.35"
      height="118.35"
      x="4.83"
      y="4.83"
      fill="#3d5a98"
      rx="6.53"
      ry="6.53"
    />
    <path
      fill="#fff"
      d="M86.48 123.17V77.34h15.38l2.3-17.86H86.48v-11.4c0-5.17 1.44-8.7 8.85-8.7h9.46v-16A127 127 0 0 0 91 22.7c-13.62 0-23 8.3-23 23.61v13.17H52.62v17.86H68v45.83z"
    />
  </svg>
);

export const YtIcon = ({
  size,
  height = 24,
  width = 24,
  fill = "currentColor",
  ...props
}: IconSvgProps) => (
  <svg
    width={size || width}
    height={size || height}
    viewBox="0 0 30 30"
    fill="currentColor"
    xmlns="http://www.w3.org/2000/svg"
  >
    <rect width="30" height="30" rx="8" fill="currentColor" />
    <g clipPath="url(#clip0_214_10)">
      <path
        d="M23.1769 10.8776C22.9806 10.1385 22.4023 9.55647 21.668 9.35894C20.337 9 15.0001 9 15.0001 9C15.0001 9 9.66327 9 8.3323 9.35894C7.59802 9.5565 7.0197 10.1385 6.82342 10.8776C6.4668 12.2172 6.4668 15.0121 6.4668 15.0121C6.4668 15.0121 6.4668 17.8071 6.82342 19.1467C7.0197 19.8857 7.59802 20.4435 8.3323 20.6411C9.66327 21 15.0001 21 15.0001 21C15.0001 21 20.337 21 21.668 20.6411C22.4023 20.4435 22.9806 19.8857 23.1769 19.1467C23.5335 17.8071 23.5335 15.0121 23.5335 15.0121C23.5335 15.0121 23.5335 12.2172 23.1769 10.8776ZM13.2547 17.5497V12.4745L17.7153 15.0122L13.2547 17.5497Z"
        fill="#CD201F"
      />
    </g>
    <defs>
      <clipPath id="clip0_214_10">
        <rect width="18" height="18" fill="white" transform="translate(6 6)" />
      </clipPath>
    </defs>
  </svg>
);

export const IdnIcon = ({
  size,
  height = 24,
  width = 14,
  fill = "currentColor",
  ...props
}: IconSvgProps) => (
  <svg
    width="32"
    height="24"
    viewBox="0 0 32 24"
    fill="none"
    xmlns="http://www.w3.org/2000/svg"
  >
    <g clipPath="url(#clip0_699_602)">
      <rect width="32" height="24" rx="6" fill="white" />
      <rect width="32" height="12" fill="#DC1F26" />
      <rect
        x="32"
        y="24"
        width="32"
        height="12"
        transform="rotate(-180 32 24)"
        fill="white"
      />
    </g>
    <rect x="0.5" y="0.5" width="31" height="23" stroke="white" />
    <defs>
      <clipPath id="clip0_699_602">
        <rect width="32" height="24" rx="6" fill="white" />
      </clipPath>
    </defs>
  </svg>
);

export const UKIcon = ({
  size,
  height = 24,
  width = 14,
  fill = "currentColor",
  ...props
}: IconSvgProps) => (
  <svg
    xmlns="http://www.w3.org/2000/svg"
    width="32"
    height="24"
    viewBox="0 0 32 24"
  >
    <g fill="none">
      <path
        fill="#2e42a5"
        fillRule="evenodd"
        d="M0 0v24h32V0z"
        clipRule="evenodd"
      />
      <mask
        id="flagpackGbUkm0"
        width="32"
        height="24"
        x="0"
        y="0"
        maskUnits="userSpaceOnUse"
        style={{ maskType: "luminance" }}
      >
        <path
          fill="#fff"
          fillRule="evenodd"
          d="M0 0v24h32V0z"
          clipRule="evenodd"
        />
      </mask>
      <g mask="url(#flagpackGbUkm0)">
        <path
          fill="#fff"
          d="m-3.563 22.285l7.042 2.979l28.68-22.026l3.715-4.426l-7.53-.995l-11.698 9.491l-9.416 6.396z"
        />
        <path fill="#f50100" d="M-2.6 24.372L.989 26.1L34.54-1.599h-5.037z" />
        <path
          fill="#fff"
          d="m35.563 22.285l-7.042 2.979L-.159 3.238l-3.715-4.426l7.53-.995l11.698 9.491l9.416 6.396z"
        />
        <path
          fill="#f50100"
          d="m35.323 23.783l-3.588 1.728l-14.286-11.86l-4.236-1.324l-17.445-13.5H.806l17.434 13.18l4.631 1.588z"
        />
        <mask id="flagpackGbUkm1" fill="#fff">
          <path
            fillRule="evenodd"
            d="M19.778-2h-7.556V8H-1.972v8h14.194v10h7.556V16h14.25V8h-14.25z"
            clipRule="evenodd"
          />
        </mask>
        <path
          fill="#f50100"
          fillRule="evenodd"
          d="M19.778-2h-7.556V8H-1.972v8h14.194v10h7.556V16h14.25V8h-14.25z"
          clipRule="evenodd"
        />
        <path
          fill="#fff"
          d="M12.222-2v-2h-2v2zm7.556 0h2v-2h-2zM12.222 8v2h2V8zM-1.972 8V6h-2v2zm0 8h-2v2h2zm14.194 0h2v-2h-2zm0 10h-2v2h2zm7.556 0v2h2v-2zm0-10v-2h-2v2zm14.25 0v2h2v-2zm0-8h2V6h-2zm-14.25 0h-2v2h2zm-7.556-8h7.556v-4h-7.556zm2 8V-2h-4V8zm-16.194 2h14.194V6H-1.972zm2 6V8h-4v8zm12.194-2H-1.972v4h14.194zm2 12V16h-4v10zm5.556-2h-7.556v4h7.556zm-2-8v10h4V16zm16.25-2h-14.25v4h14.25zm-2-6v8h4V8zm-12.25 2h14.25V6h-14.25zm-2-12V8h4V-2z"
          mask="url(#flagpackGbUkm1)"
        />
      </g>
    </g>
  </svg>
);

export const TwIcon = ({
  size,
  height = 24,
  width = 14,
  fill = "currentColor",
  ...props
}: IconSvgProps) => (
  <svg
    width={size || width}
    height={size || height}
    viewBox="0 0 30 30"
    fill="currentColor"
    xmlns="http://www.w3.org/2000/svg"
  >
    <rect width="30" height="30" rx="8" fill="currentColor" />
    <path
      fill="black"
      d="M10.488 14.651L15.25 21h7l-7.858-10.478L20.93 3h-2.65l-5.117 5.886L8.75 3h-7l7.51 10.015L2.32 21h2.65zM16.25 19L5.75 5h2l10.5 14z"
      transform="translate(2 2)"
    />
  </svg>
);

export const TtIcon = ({
  size,
  height = 24,
  width = 24,
  fill = "currentColor",
  ...props
}: IconSvgProps) => (
  <svg
    width={size || width}
    height={size || height}
    viewBox="0 0 30 30"
    fill="currentColor"
    xmlns="http://www.w3.org/2000/svg"
    {...props}
  >
    <rect width="30" height="30" rx="8" fill="currentColor" />
    <g clipPath="url(#clip0_214_17)">
      <path
        d="M22.8748 13.3796C21.3271 13.3834 19.8173 12.9007 18.5587 11.9998V18.2829C18.5583 19.4466 18.2026 20.5824 17.5392 21.5385C16.8758 22.4946 15.9363 23.2254 14.8464 23.6332C13.7565 24.0409 12.568 24.1062 11.44 23.8203C10.312 23.5344 9.29811 22.9109 8.53398 22.0332C7.76986 21.1555 7.2919 20.0655 7.16401 18.9088C7.03613 17.7522 7.2644 16.584 7.81833 15.5606C8.37225 14.5372 9.22541 13.7073 10.2637 13.1818C11.3021 12.6564 12.4761 12.4605 13.6287 12.6203V15.7805C13.1013 15.6146 12.5349 15.6196 12.0104 15.7947C11.4859 15.9699 11.0303 16.3064 10.7084 16.756C10.3866 17.2056 10.215 17.7455 10.2183 18.2984C10.2215 18.8513 10.3994 19.3891 10.7265 19.8349C11.0537 20.2807 11.5133 20.6118 12.0398 20.7808C12.5663 20.9498 13.1327 20.9481 13.6582 20.776C14.1836 20.6039 14.6413 20.2701 14.9658 19.8224C15.2903 19.3747 15.465 18.8358 15.4649 18.2829V6H18.5587C18.5565 6.26126 18.5784 6.52216 18.6241 6.77941C18.7316 7.35368 18.9551 7.89999 19.281 8.38491C19.6069 8.86983 20.0283 9.28317 20.5194 9.59965C21.2181 10.0616 22.0372 10.3079 22.8748 10.3077V13.3796Z"
        fill="black"
      />
    </g>
    <defs>
      <clipPath id="clip0_214_17">
        <rect width="18" height="18" fill="white" transform="translate(6 6)" />
      </clipPath>
    </defs>
  </svg>
);

export const EyeIcon = ({
  size,
  height = 24,
  width = 14,
  fill = "currentColor",
  ...props
}: IconSvgProps) => (
  <svg
    width={size || width}
    height={size || width}
    viewBox="0 0 14 14"
    fill={fill}
    xmlns="http://www.w3.org/2000/svg"
    {...props}
  >
    <path
      d="M6.99992 5.25C6.53579 5.25 6.09067 5.43437 5.76248 5.76256C5.43429 6.09075 5.24992 6.53587 5.24992 7C5.24992 7.46413 5.43429 7.90925 5.76248 8.23744C6.09067 8.56563 6.53579 8.75 6.99992 8.75C7.46405 8.75 7.90917 8.56563 8.23736 8.23744C8.56554 7.90925 8.74992 7.46413 8.74992 7C8.74992 6.53587 8.56554 6.09075 8.23736 5.76256C7.90917 5.43437 7.46405 5.25 6.99992 5.25ZM6.99992 9.91667C6.22637 9.91667 5.4845 9.60938 4.93752 9.06239C4.39054 8.51541 4.08325 7.77355 4.08325 7C4.08325 6.22645 4.39054 5.48459 4.93752 4.93761C5.4845 4.39062 6.22637 4.08333 6.99992 4.08333C7.77347 4.08333 8.51533 4.39062 9.06231 4.93761C9.60929 5.48459 9.91658 6.22645 9.91658 7C9.91658 7.77355 9.60929 8.51541 9.06231 9.06239C8.51533 9.60938 7.77347 9.91667 6.99992 9.91667ZM6.99992 2.625C4.08325 2.625 1.59242 4.43917 0.583252 7C1.59242 9.56083 4.08325 11.375 6.99992 11.375C9.91658 11.375 12.4074 9.56083 13.4166 7C12.4074 4.43917 9.91658 2.625 6.99992 2.625Z"
      fill="currentColor"
    />
  </svg>
);

export const DotsIcon = ({
  size,
  height = 24,
  width = 24,
  fill = "none",
  ...props
}: IconSvgProps) => (
  <svg
    height={size || height}
    width={size || width}
    viewBox="0 0 24 24"
    fill={fill}
    xmlns="http://www.w3.org/2000/svg"
  >
    <path
      className="fill-default-400"
      fillRule="evenodd"
      clipRule="evenodd"
      d="M12 8C13.1 8 14 7.1 14 6C14 4.9 13.1 4 12 4C10.9 4 10 4.9 10 6C10 7.1 10.9 8 12 8ZM12 10C10.9 10 10 10.9 10 12C10 13.1 10.9 14 12 14C13.1 14 14 13.1 14 12C14 10.9 13.1 10 12 10ZM12 16C10.9 16 10 16.9 10 18C10 19.1 10.9 20 12 20C13.1 20 14 19.1 14 18C14 16.9 13.1 16 12 16Z"
      fill="#969696"
    />
  </svg>
);

export const MailIcon = (props: any) => (
  <svg
    aria-hidden="true"
    fill="none"
    focusable="false"
    height="1em"
    role="presentation"
    viewBox="0 0 24 24"
    width="1em"
    {...props}
  >
    <path
      d="M17 3.5H7C4 3.5 2 5 2 8.5V15.5C2 19 4 20.5 7 20.5H17C20 20.5 22 19 22 15.5V8.5C22 5 20 3.5 17 3.5ZM17.47 9.59L14.34 12.09C13.68 12.62 12.84 12.88 12 12.88C11.16 12.88 10.31 12.62 9.66 12.09L6.53 9.59C6.21 9.33 6.16 8.85 6.41 8.53C6.67 8.21 7.14 8.15 7.46 8.41L10.59 10.91C11.35 11.52 12.64 11.52 13.4 10.91L16.53 8.41C16.85 8.15 17.33 8.2 17.58 8.53C17.84 8.85 17.79 9.33 17.47 9.59Z"
      fill="currentColor"
    />
  </svg>
);

export const SearchIcons = (props: any) => (
  <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 UnderLine = (props: any) => (
  <svg
    width="156"
    height="12"
    viewBox="0 0 156 12"
    fill="none"
    xmlns="http://www.w3.org/2000/svg"
  >
    <path
      fillRule="evenodd"
      clipRule="evenodd"
      d="M56.4061 0.0931731C56.2621 0.135525 56.0382 0.152468 55.9263 0.127057C55.8303 0.0931751 55.8783 0.127059 56.0382 0.203293C56.1982 0.271057 56.4221 0.347291 56.518 0.372703C56.63 0.398114 56.614 0.440466 56.4541 0.49976C56.0862 0.635287 55.9103 0.609878 56.1502 0.448939C56.3581 0.321882 56.3261 0.313411 55.8143 0.364234C55.5105 0.389646 55.3506 0.389646 55.4625 0.364234C55.7344 0.304941 55.7024 0.160937 55.4145 0.22023C55.2866 0.254112 55.1746 0.228701 55.1746 0.177878C55.1746 0.127055 55.0627 0.0847047 54.9347 0.0847047C54.8068 0.0847047 54.6949 0.127055 54.6949 0.177878C54.6949 0.22023 54.7588 0.245641 54.8388 0.22023C54.9188 0.194819 55.0147 0.228703 55.0787 0.296466C55.1746 0.448935 55.0947 0.457407 54.6789 0.33035C54.5029 0.287998 54.407 0.203297 54.471 0.144004C54.5349 0.0847109 54.5189 0.0762383 54.439 0.11012C54.359 0.152473 54.279 0.22023 54.279 0.262582C54.2631 0.304935 54.2471 0.364236 54.2311 0.398118C54.2311 0.432 54.1031 0.372707 53.9592 0.271061C53.8313 0.169416 53.6393 0.110114 53.5434 0.135525C53.2555 0.237171 51.0166 0.220232 50.9686 0.127057C50.9366 0.0847047 50.7607 0.11012 50.5847 0.194825C50.3768 0.288 50.121 0.330346 49.8811 0.304935C49.0335 0.203289 48.6177 0.18635 48.6976 0.254114C48.7456 0.304937 48.3618 0.313411 47.7541 0.27953C47.1943 0.254118 46.5866 0.262584 46.4267 0.296466C45.8989 0.415053 45.595 0.42353 45.3871 0.313413C45.1153 0.186356 44.8434 0.177886 44.1077 0.313413C43.6279 0.389648 43.5 0.389648 43.5 0.313413C43.5 0.237179 43.452 0.245648 43.3561 0.321882C43.2601 0.406587 42.9083 0.423521 41.9967 0.389639C41.309 0.364228 40.6853 0.32188 40.6053 0.287998C40.5094 0.262587 40.2695 0.296468 40.0616 0.372703C39.7417 0.482819 39.6618 0.482817 39.5018 0.381171C39.2779 0.237173 38.9421 0.203291 39.102 0.338819C39.166 0.389641 39.0221 0.423523 38.7822 0.423523C38.5423 0.423523 38.2224 0.465876 38.0625 0.508228C37.8386 0.575992 37.7267 0.559053 37.6147 0.457407C37.5347 0.381173 37.3748 0.338821 37.2789 0.372703C37.1829 0.406584 37.1349 0.465876 37.1829 0.508228C37.2309 0.55058 37.1989 0.609874 37.1029 0.635285C37.007 0.669167 36.959 0.643758 36.975 0.584464C37.007 0.533641 36.927 0.46588 36.8151 0.448939C36.7031 0.423527 36.6392 0.457405 36.6552 0.508228C36.6871 0.567521 36.4952 0.643753 36.2553 0.686106C35.9195 0.728458 35.8235 0.719996 35.8715 0.652232C35.9195 0.575998 35.7116 0.559055 35.1199 0.575996C33.9684 0.618348 33.7285 0.618348 33.1528 0.575996C32.8649 0.550584 32.625 0.567519 32.625 0.601401C32.625 0.643753 32.0813 0.660694 31.4256 0.643753C30.7699 0.626812 30.2261 0.652224 30.2261 0.686106C30.2261 0.728458 29.7623 0.753878 29.1866 0.736937C28.6108 0.719996 28.0991 0.745405 28.0351 0.787758C27.9871 0.83011 27.6353 0.847053 27.2515 0.821642C26.8197 0.79623 26.5318 0.821637 26.4838 0.880931C26.4359 0.948694 26.3719 0.940228 26.2599 0.863994C26.148 0.770819 26.084 0.779281 26.004 0.897867C25.8921 1.05881 25.8601 1.04187 26.3719 1.18587C26.5798 1.23669 26.7077 1.25364 26.6438 1.20281C26.5958 1.16046 26.6597 1.09269 26.8037 1.06728C27.1875 0.991043 27.2515 1.00799 27.0276 1.14351C26.8996 1.21975 26.8836 1.27057 26.9956 1.27057C27.0915 1.27057 27.2195 1.22822 27.2675 1.18587C27.3314 1.13504 27.6673 1.10963 28.0031 1.13504C28.371 1.15199 28.8827 1.1181 29.1866 1.05034C29.6504 0.948694 29.7623 0.948692 29.9702 1.05881C30.0982 1.12657 30.45 1.18587 30.7379 1.18587C31.1217 1.18587 31.2017 1.16045 31.0257 1.10116C30.7059 0.991045 30.8658 0.94869 31.3456 1.02492C31.5695 1.05881 31.6495 1.08422 31.5375 1.09269C31.4256 1.10116 31.3776 1.14351 31.4256 1.18587C31.4895 1.23669 31.6015 1.25363 31.6814 1.21975C31.7774 1.19434 32.0013 1.24516 32.1932 1.33834C32.3851 1.43151 32.657 1.52469 32.7849 1.55857C33.1208 1.6348 32.1452 1.5501 31.7614 1.47386C31.5535 1.43151 31.4895 1.43999 31.5535 1.49928C31.6175 1.5501 31.5535 1.6348 31.4256 1.69409C31.2177 1.78727 31.2017 1.7788 31.2816 1.66021C31.3456 1.5755 31.2976 1.52468 31.1697 1.52468C30.9778 1.52468 30.9778 1.50774 31.1537 1.44845C31.5215 1.32986 30.6419 1.28751 30.0342 1.38916C29.7463 1.43998 29.0586 1.47387 28.4989 1.46539C27.8912 1.45692 27
      fill="#C3170F"
    />
    <path
      fillRule="evenodd"
      clipRule="evenodd"
      d="M34.3841 1.18561C34.2402 1.23643 34.2242 1.27031 34.3362 1.27031C34.4321 1.27031 34.5761 1.22796 34.624 1.18561C34.752 1.08396 34.688 1.08396 34.3841 1.18561Z"
      fill="#C3170F"
    />
    <path
      fillRule="evenodd"
      clipRule="evenodd"
      d="M114.155 1.16035C114.251 1.18576 114.315 1.23657 114.251 1.27893C114.203 1.32128 114.283 1.35516 114.411 1.35516C114.811 1.35516 114.715 1.13494 114.315 1.12646C114.107 1.12646 114.043 1.13494 114.155 1.16035Z"
      fill="#C3170F"
    />
    <path
      fillRule="evenodd"
      clipRule="evenodd"
      d="M16.8402 1.83782C16.6323 1.88017 16.5363 2.11734 16.7282 2.11734C16.7762 2.11734 16.9202 2.06651 17.0481 1.99875C17.4159 1.80393 17.32 1.7277 16.8402 1.83782Z"
      fill="#C3170F"
    />
    <path
      fillRule="evenodd"
      clipRule="evenodd"
      d="M15.257 2.02448C15.321 2.06683 15.257 2.12612 15.161 2.15154C15.0491 2.17695 15.129 2.17695 15.321 2.15154C15.6728 2.10918 15.6888 2.11766 15.5129 2.30401C15.3529 2.47342 15.3529 2.48189 15.5608 2.35483C15.6888 2.27012 15.8327 2.22777 15.8807 2.26166C15.9447 2.28707 15.9926 2.29554 15.9926 2.26166C15.9926 2.18542 15.4969 1.94824 15.337 1.94824C15.241 1.94824 15.209 1.98213 15.257 2.02448Z"
      fill="#C3170F"
    />
    <path
      fillRule="evenodd"
      clipRule="evenodd"
      d="M17.5121 2.03296C17.4482 2.08378 17.3362 2.10072 17.2562 2.07531C17.1763 2.04143 17.1123 2.08378 17.1123 2.15154C17.1123 2.22778 17.2083 2.28707 17.3362 2.28707C17.6401 2.28707 17.9759 2.06684 17.768 1.99907C17.688 1.96519 17.5761 1.98213 17.5121 2.03296Z"
      fill="#C3170F"
    />
    <path
      fillRule="evenodd"
      clipRule="evenodd"
      d="M41.3887 5.98853C41.5006 6.01394 41.6446 6.00546 41.6926 5.98005C41.7565 5.95464 41.6606 5.92923 41.4846 5.9377C41.3087 5.9377 41.2607 5.96312 41.3887 5.98853Z"
      fill="#C3170F"
    />
    <path
      fillRule="evenodd"
      clipRule="evenodd"
      d="M44.7476 6.41187C44.8595 6.43728 45.0035 6.4288 45.0514 6.40339C45.1154 6.37798 45.0195 6.35257 44.8435 6.36104C44.6676 6.36104 44.6196 6.38646 44.7476 6.41187Z"
      fill="#C3170F"
    />
    <path
      fillRule="evenodd"
      clipRule="evenodd"
      d="M34.8643 6.09886C34.8643 6.14122 34.9442 6.18357 35.0402 6.18357C35.1201 6.18357 35.1521 6.14122 35.1041 6.09886C35.0562 6.04804 34.9762 6.01416 34.9282 6.01416C34.8962 6.01416 34.8643 6.04804 34.8643 6.09886Z"
      fill="#C3170F"
    />
    <path
      fillRule="evenodd"
      clipRule="evenodd"
      d="M51.9918 6.21727C51.8319 6.31892 51.8639 6.32739 52.1197 6.29351C52.3116 6.2681 52.4556 6.21727 52.4556 6.17492C52.4556 6.05634 52.1997 6.08175 51.9918 6.21727Z"
      fill="#C3170F"
    />
    <path
      fillRule="evenodd"
      clipRule="evenodd"
      d="M54.9347 8.38549C54.8867 8.42784 54.9187 8.47019 54.9986 8.47019C55.0946 8.47019 55.1745 8.42784 55.1745 8.38549C55.1745 8.33466 55.1426 8.30078 55.1106 8.30078C55.0626 8.30078 54.9826 8.33466 54.9347 8.38549Z"
      fill="#C3170F"
    />
    <path
      fillRule="evenodd"
      clipRule="evenodd"
      d="M50.0249 8.44507C50.1369 8.47048 50.2808 8.462 50.3288 8.43659C50.3928 8.41118 50.2968 8.38577 50.1209 8.39424C49.945 8.39424 49.897 8.41966 50.0249 8.44507Z"
      fill="#C3170F"
    />
    <path
      fillRule="evenodd"
      clipRule="evenodd"
      d="M37.231 8.6145C37.3429 8.63992 37.4869 8.63144 37.5348 8.60603C37.5988 8.58061 37.5028 8.5552 37.3269 8.56367C37.151 8.56367 37.103 8.58909 37.231 8.6145Z"
      fill="#C3170F"
    />
    <path
      fillRule="evenodd"
      clipRule="evenodd"
      d="M62.1794 0.211762C62.2594 0.440464 62.4833 0.491293 62.6272 0.313413C62.6752 0.24565 62.8671 0.21176 63.059 0.22023C63.251 0.228701 63.4749 0.245646 63.5548 0.245646C63.6508 0.254116 63.5708 0.304939 63.4109 0.372703C63.107 0.482819 63.123 0.491291 63.5068 0.448939C63.7627 0.423527 64.0186 0.457405 64.1785 0.55058C64.3385 0.626814 64.4504 0.652224 64.4504 0.601401C64.4504 0.550578 64.5624 0.508228 64.6903 0.508228C64.8182 0.508228 64.9302 0.567521 64.9302 0.635285C64.9302 0.71999 65.0741 0.753869 65.41 0.728458C65.9857 0.694576 66.2416 0.592935 65.7938 0.584464C65.5059 0.584464 65.5059 0.575992 65.8098 0.508228C66.2416 0.415053 69.2642 0.423521 69.1522 0.516696C69.1043 0.559049 69.1842 0.592933 69.3122 0.592933C69.712 0.592933 69.744 0.457407 69.3921 0.287998C69.1682 0.177882 68.7844 0.127059 68.2726 0.118589C67.8408 0.110118 67.521 0.127059 67.553 0.160941C67.601 0.194823 67.473 0.228709 67.2811 0.228709C67.0092 0.24565 66.9932 0.228703 67.1692 0.169409C67.2971 0.127057 67.3451 0.0677658 67.2811 0.0338839C67.2331 2.06748e-06 67.0732 0.0254114 66.9293 0.0847047C66.8013 0.143998 66.5774 0.169407 66.4495 0.135525C66.3215 0.110114 66.2096 0.127055 66.2096 0.177878C66.2096 0.228701 66.1136 0.237177 66.0177 0.194825C65.6019 0.0677679 64.7063 0.0508249 63.9866 0.160941C63.9386 0.160941 64.0506 0.228701 64.2265 0.304935C64.5144 0.423521 64.5144 0.431994 64.1625 0.338819C63.9386 0.279525 63.8267 0.194823 63.8747 0.118589C63.9386 0.0338839 63.8427 0 63.5708 0C63.3469 0 63.171 0.0338839 63.171 0.0762363C63.171 0.177882 62.5153 0.169413 62.2754 0.0677679C62.1475 0.0169451 62.1155 0.0677637 62.1794 0.211762ZM65.6499 0.27953C65.8258 0.29647 65.6499 0.32188 65.266 0.33035C64.6583 0.338821 64.5943 0.321878 64.7703 0.211762C64.8982 0.127057 65.0421 0.110118 65.1541 0.160941C65.25 0.203293 65.4739 0.254118 65.6499 0.27953Z"
      fill="#C3170F"
    />
    <path
      fillRule="evenodd"
      clipRule="evenodd"
      d="M69.4082 0.0339324C69.4082 0.0932257 70.0479 0.152515 70.1119 0.0932215C70.1599 0.0593397 70.0159 0.0254661 69.792 0.0169956C69.5841 0.00852515 69.4082 0.0169915 69.4082 0.0339324Z"
      fill="#C3170F"
    />
    <path
      fillRule="evenodd"
      clipRule="evenodd"
      d="M74.4459 0.0928449C74.3819 0.135197 74.286 0.15214 74.222 0.126729C74.1421 0.109788 73.9501 0.14367 73.7902 0.211434C73.3904 0.372372 73.2465 0.372377 73.2465 0.194497C73.2465 0.0843806 73.1985 0.0759102 73.0546 0.152144C72.8307 0.270731 72.3829 0.287668 72.5268 0.169081C72.5748 0.118258 72.5428 0.0843765 72.4468 0.0843765C72.3509 0.0843765 72.2389 0.135201 72.191 0.202965C72.143 0.279199 71.9511 0.313081 71.7592 0.28767C70.3678 0.143672 70.3518 0.143668 70.1279 0.304607C69.936 0.448604 69.952 0.474016 70.2878 0.516368C70.4957 0.55025 71.0075 0.533315 71.4393 0.490963C71.8551 0.448611 72.5108 0.414727 72.8786 0.414727C73.2465 0.423197 73.5823 0.389313 73.6463 0.33849C73.6943 0.296138 73.8542 0.253786 73.9821 0.253786C74.1101 0.253786 74.174 0.287668 74.1261 0.33849C74.0781 0.380843 74.0781 0.423193 74.1581 0.431664C75.3255 0.490957 75.7093 0.363908 74.9897 0.143676C74.7178 0.0674418 74.4939 0.0420221 74.4459 0.0928449Z"
      fill="#C3170F"
    />
    <path
      fillRule="evenodd"
      clipRule="evenodd"
      d="M71.3751 0.143915C71.519 0.160856 71.7429 0.160856 71.8548 0.143915C71.9508 0.118503 71.8388 0.101562 71.567 0.101562C71.3111 0.101562 71.2151 0.118503 71.3751 0.143915Z"
      fill="#C3170F"
    />
    <path
      fillRule="evenodd"
      clipRule="evenodd"
      d="M79.4198 0.161197C79.3718 0.20355 79.1639 0.220495 78.972 0.186613C78.7001 0.152731 78.6521 0.169666 78.7321 0.296723C78.828 0.406839 78.796 0.43225 78.5721 0.381427C78.1084 0.288252 77.0369 0.203545 76.4771 0.220486C75.9174 0.228957 75.5655 0.339073 76.0613 0.347543C76.2532 0.347543 76.1573 0.398366 75.8054 0.4746C75.5016 0.533894 75.3896 0.584723 75.5655 0.576252C75.7415 0.559311 75.9654 0.584723 76.0773 0.618604C76.1733 0.652486 76.3492 0.627077 76.4771 0.567784C76.653 0.474609 77.0209 0.457664 78.0284 0.500016C78.2043 0.508486 78.2043 0.533902 78.0284 0.652488C77.8205 0.788016 77.8365 0.788016 78.2523 0.652488C78.6361 0.525431 79.0199 0.474602 80.0435 0.42378C80.1394 0.42378 80.0755 0.381429 79.9155 0.330607C79.7716 0.279784 79.6756 0.21202 79.7236 0.161197C79.7876 0.118845 79.7556 0.0849609 79.6597 0.0849609C79.5797 0.0849609 79.4677 0.118845 79.4198 0.161197Z"
      fill="#C3170F"
    />
    <path
      fillRule="evenodd"
      clipRule="evenodd"
      d="M80.2033 0.178061C80.3792 0.237354 80.6351 0.355947 80.779 0.449122C81.0349 0.618531 81.0509 0.618531 81.4667 0.40677C81.7226 0.288183 81.8185 0.19501 81.6906 0.18654C81.5786 0.18654 81.1308 0.16112 80.6831 0.135709C80.0433 0.0933563 79.9474 0.101827 80.2033 0.178061Z"
      fill="#C3170F"
    />
    <path
      fillRule="evenodd"
      clipRule="evenodd"
      d="M97.7633 0.42338C97.8593 0.567378 98.0352 0.677494 98.1471 0.677494C98.483 0.677494 98.371 0.474207 97.9712 0.321738L97.5874 0.177734L97.7633 0.42338Z"
      fill="#C3170F"
    />
    <path
      fillRule="evenodd"
      clipRule="evenodd"
      d="M98.6748 0.254138C98.8028 0.296491 98.9947 0.338843 99.0746 0.338843C99.1706 0.338843 99.1226 0.296491 98.9947 0.254138C98.8667 0.211786 98.6908 0.169434 98.5949 0.169434C98.5149 0.169434 98.5469 0.211786 98.6748 0.254138Z"
      fill="#C3170F"
    />
    <path
      fillRule="evenodd"
      clipRule="evenodd"
      d="M96.2759 0.381135C96.116 0.482781 96.148 0.491251 96.4359 0.46584C96.8996 0.415017 96.9796 0.372671 96.6917 0.313378C96.5638 0.287966 96.3719 0.313372 96.2759 0.381135Z"
      fill="#C3170F"
    />
    <path
      fillRule="evenodd"
      clipRule="evenodd"
      d="M95.4761 0.474393C95.4761 0.618391 95.8279 0.592987 95.9239 0.440519C95.9559 0.381226 95.8759 0.338867 95.732 0.338867C95.588 0.338867 95.4761 0.398158 95.4761 0.474393Z"
      fill="#C3170F"
    />
    <path
      fillRule="evenodd"
      clipRule="evenodd"
      d="M36.2232 0.508533C36.2712 0.550885 36.3512 0.593237 36.3991 0.593237C36.4311 0.593237 36.4631 0.550885 36.4631 0.508533C36.4631 0.45771 36.3832 0.423828 36.2872 0.423828C36.2072 0.423828 36.1752 0.45771 36.2232 0.508533Z"
      fill="#C3170F"
    />
    <path
      fillRule="evenodd"
      clipRule="evenodd"
      d="M90.9023 0.559354C90.9503 0.627117 90.9343 0.661001 90.8383 0.63559C90.7584 0.610178 90.5504 0.627121 90.4065 0.669474C90.1666 0.745708 90.1986 0.754176 90.6304 0.762647C90.9023 0.762647 91.3341 0.804999 91.59 0.847351L92.0378 0.932056L91.6859 0.771115C91.478 0.67794 91.3181 0.567824 91.3181 0.517001C91.3181 0.466178 91.2061 0.423828 91.0622 0.423828C90.9023 0.423828 90.8383 0.466178 90.9023 0.559354Z"
      fill="#C3170F"
    />
    <path
      fillRule="evenodd"
      clipRule="evenodd"
      d="M62.0833 0.584537C61.9074 0.63536 61.9234 0.669242 62.1473 0.711594C62.2912 0.737005 62.4511 0.745474 62.4991 0.720062C62.5471 0.694651 62.4831 0.67771 62.3552 0.67771C62.1793 0.67771 62.1793 0.660769 62.3712 0.593005C62.4991 0.550653 62.5471 0.508301 62.4511 0.508301C62.3712 0.508301 62.1953 0.542185 62.0833 0.584537Z"
      fill="#C3170F"
    />
    <path
      fillRule="evenodd"
      clipRule="evenodd"
      d="M85.9284 0.779041C85.9124 0.872216 85.9444 0.914564 86.0084 0.880682C86.0723 0.83833 86.1843 0.779036 86.2482 0.753625C86.3282 0.728214 86.2802 0.677395 86.1683 0.651984C86.0243 0.626572 85.9444 0.677395 85.9284 0.779041Z"
      fill="#C3170F"
    />
    <path
      fillRule="evenodd"
      clipRule="evenodd"
      d="M79.3232 0.71183C79.3232 0.728771 79.4352 0.771124 79.5791 0.796535C79.7071 0.821946 79.771 0.813474 79.7231 0.762651C79.6271 0.677946 79.3232 0.644067 79.3232 0.71183Z"
      fill="#C3170F"
    />
    <path
      fillRule="evenodd"
      clipRule="evenodd"
      d="M94.7402 0.838443C94.7882 0.880796 94.9801 0.897739 95.156 0.872327C95.6038 0.813034 95.5558 0.762207 95.06 0.762207C94.8361 0.762207 94.6922 0.796091 94.7402 0.838443Z"
      fill="#C3170F"
    />
    <path
      fillRule="evenodd"
      clipRule="evenodd"
      d="M84.2013 0.931873C84.1533 0.974225 84.1853 1.01658 84.2652 1.01658C84.3612 1.01658 84.4411 0.974225 84.4411 0.931873C84.4411 0.88105 84.4092 0.847168 84.3772 0.847168C84.3292 0.847168 84.2492 0.88105 84.2013 0.931873Z"
      fill="#C3170F"
    />
    <path
      fillRule="evenodd"
      clipRule="evenodd"
      d="M20.1507 1.10114C20.0068 1.15196 19.9908 1.18584 20.1028 1.18584C20.1987 1.18584 20.3427 1.14349 20.3906 1.10114C20.5186 0.999491 20.4546 0.999491 20.1507 1.10114Z"
      fill="#C3170F"
    />
    <path
      fillRule="evenodd"
      clipRule="evenodd"
      d="M92.1177 1.10131C92.2456 1.14366 92.4376 1.18601 92.5175 1.18601C92.6135 1.18601 92.5655 1.14366 92.4376 1.10131C92.3096 1.05895 92.1337 1.0166 92.0377 1.0166C91.9578 1.0166 91.9898 1.05895 92.1177 1.10131Z"
      fill="#C3170F"
    />
    <path
      fillRule="evenodd"
      clipRule="evenodd"
      d="M94.1166 1.19418C94.1646 1.23653 94.3885 1.26195 94.5964 1.25348C95.0762 1.22807 94.9803 1.16877 94.4365 1.13489C94.2126 1.12642 94.0687 1.14336 94.1166 1.19418Z"
      fill="#C3170F"
    />
    <path
      fillRule="evenodd"
      clipRule="evenodd"
      d="M101.313 1.1861C101.361 1.22845 101.569 1.27081 101.761 1.27081C102.049 1.27081 102.065 1.25387 101.873 1.1861C101.553 1.07599 101.185 1.07599 101.313 1.1861Z"
      fill="#C3170F"
    />
    <path
      fillRule="evenodd"
      clipRule="evenodd"
      d="M24.4688 1.34674C24.4688 1.38909 24.6607 1.4145 24.8846 1.4145C25.1724 1.4145 25.2364 1.39756 25.0925 1.34674C24.8046 1.25356 24.4688 1.25356 24.4688 1.34674Z"
      fill="#C3170F"
    />
    <path
      fillRule="evenodd"
      clipRule="evenodd"
      d="M130.1 1.35518C129.972 1.46529 130.5 1.59235 131.268 1.63471C131.875 1.66012 132.419 1.7787 131.955 1.7787C131.843 1.7787 131.811 1.81258 131.859 1.8634C131.907 1.90576 132.115 1.93964 132.307 1.93964C132.563 1.93117 132.579 1.91423 132.387 1.88882C132.227 1.87188 132.147 1.80411 132.211 1.72788C132.259 1.66011 132.211 1.60929 132.115 1.60929C132.019 1.60929 131.939 1.55847 131.939 1.4907C131.939 1.406 131.795 1.37212 131.508 1.38906C131.252 1.39753 130.868 1.38059 130.628 1.34671C130.388 1.31283 130.148 1.31282 130.1 1.35518Z"
      fill="#C3170F"
    />
    <path
      fillRule="evenodd"
      clipRule="evenodd"
      d="M25.9082 1.49097C25.9082 1.5672 26.0361 1.57568 26.404 1.52485C27.1077 1.41474 27.1236 1.38086 26.4679 1.38086C26.1161 1.38086 25.9082 1.42321 25.9082 1.49097Z"
      fill="#C3170F"
    />
    <path
      fillRule="evenodd"
      clipRule="evenodd"
      d="M132.707 1.58408C132.867 1.64337 133.25 1.69419 133.602 1.69419C134.098 1.69419 134.194 1.7196 134.114 1.82971C134.034 1.93136 134.082 1.95677 134.29 1.90595C134.45 1.87207 134.706 1.83819 134.85 1.82125C135.186 1.78736 135.777 1.61796 135.777 1.55866C135.777 1.49937 134.674 1.56714 134.546 1.6349C134.498 1.66878 134.354 1.65184 134.242 1.60102C134.114 1.55019 133.906 1.52478 133.778 1.55866C133.634 1.58407 133.57 1.5756 133.618 1.52478C133.666 1.48243 133.426 1.45702 133.075 1.46549C132.531 1.47396 132.483 1.4909 132.707 1.58408Z"
      fill="#C3170F"
    />
    <path
      fillRule="evenodd"
      clipRule="evenodd"
      d="M10.1072 1.79567C9.97927 1.88037 10.0432 1.90578 10.4111 1.91425C10.6989 1.92272 10.8589 1.88884 10.8269 1.82954C10.7469 1.69402 10.3151 1.66861 10.1072 1.79567Z"
      fill="#C3170F"
    />
    <path
      fillRule="evenodd"
      clipRule="evenodd"
      d="M11.195 1.99921C10.9871 2.12627 11.099 2.14321 11.5788 2.04157C11.8507 1.99074 11.8507 1.97381 11.6268 1.92299C11.4988 1.89758 11.2909 1.93145 11.195 1.99921Z"
      fill="#C3170F"
    />
    <path
      d="M13.114 2.20261C13.2024 2.20261 13.274 2.16469 13.274 2.11791C13.274 2.07113 13.2024 2.0332 13.114 2.0332C13.0257 2.0332 12.9541 2.07113 12.9541 2.11791C12.9541 2.16469 13.0257 2.20261 13.114 2.20261Z"
      fill="#C3170F"
    />
    <path
      fillRule="evenodd"
      clipRule="evenodd"
      d="M11.7705 2.19407C11.7225 2.22795 11.8664 2.24489 12.0744 2.21948C12.2983 2.20254 12.4742 2.16865 12.4742 2.15171C12.4742 2.08395 11.8505 2.11783 11.7705 2.19407Z"
      fill="#C3170F"
    />
    <path
      fillRule="evenodd"
      clipRule="evenodd"
      d="M6.2051 2.34644C6.31705 2.37185 6.46098 2.36337 6.50896 2.33796C6.57293 2.31255 6.47697 2.28714 6.30105 2.29561C6.12513 2.29561 6.07716 2.32103 6.2051 2.34644Z"
      fill="#C3170F"
    />
    <path
      fillRule="evenodd"
      clipRule="evenodd"
      d="M151.594 3.10858C151.802 3.32881 152.25 3.37116 152.25 3.16787C152.25 3.1001 152.17 3.06622 152.09 3.09163C151.994 3.12551 151.802 3.10011 151.658 3.03234C151.418 2.9307 151.418 2.93917 151.594 3.10858Z"
      fill="#C3170F"
    />
    <path
      fillRule="evenodd"
      clipRule="evenodd"
      d="M93.877 3.13402C93.877 3.17637 93.9569 3.21873 94.0529 3.21873C94.1328 3.21873 94.1648 3.17637 94.1168 3.13402C94.0689 3.0832 93.9889 3.04932 93.9409 3.04932C93.9089 3.04932 93.877 3.0832 93.877 3.13402Z"
      fill="#C3170F"
    />
    <path
      fillRule="evenodd"
      clipRule="evenodd"
      d="M152.81 3.30345C152.762 3.34581 152.826 3.38816 152.97 3.38816C153.114 3.38816 153.178 3.34581 153.13 3.30345C153.082 3.25263 153.002 3.21875 152.97 3.21875C152.938 3.21875 152.858 3.25263 152.81 3.30345Z"
      fill="#C3170F"
    />
    <path
      fillRule="evenodd"
      clipRule="evenodd"
      d="M112.348 3.38842C112.3 3.43077 112.316 3.47312 112.412 3.47312C112.492 3.47312 112.62 3.43077 112.668 3.38842C112.716 3.33759 112.7 3.30371 112.604 3.30371C112.524 3.30371 112.396 3.33759 112.348 3.38842Z"
      fill="#C3170F"
    />
    <path
      fillRule="evenodd"
      clipRule="evenodd"
      d="M153.61 3.3882C153.562 3.43902 153.626 3.4475 153.754 3.42209C153.898 3.39667 154.009 3.41362 154.009 3.46444C154.009 3.51526 154.073 3.55761 154.169 3.55761C154.249 3.55761 154.281 3.49832 154.233 3.43055C154.121 3.28656 153.754 3.26114 153.61 3.3882Z"
      fill="#C3170F"
    />
    <path
      fillRule="evenodd"
      clipRule="evenodd"
      d="M154.729 3.42177C154.457 3.52341 154.457 3.53188 154.713 3.58271C154.873 3.61659 155.097 3.60812 155.225 3.57424C155.433 3.51494 155.433 3.48953 155.241 3.40483C155.081 3.32859 154.953 3.32859 154.729 3.42177Z"
      fill="#C3170F"
    />
    <path
      fillRule="evenodd"
      clipRule="evenodd"
      d="M155.337 3.76907C155.337 3.83683 155.401 3.89612 155.481 3.89612C155.545 3.89612 155.609 3.86224 155.609 3.81989C155.609 3.77753 155.737 3.71825 155.897 3.70131C156.073 3.6759 156.025 3.65895 155.753 3.65048C155.481 3.64201 155.337 3.68436 155.337 3.76907Z"
      fill="#C3170F"
    />
    <path
      fillRule="evenodd"
      clipRule="evenodd"
      d="M50.8564 5.09073C50.8564 5.13308 50.9364 5.15003 51.0164 5.12462C51.1123 5.0992 51.1763 5.05685 51.1763 5.03144C51.1763 5.0145 51.1123 4.99756 51.0164 4.99756C50.9364 4.99756 50.8564 5.03991 50.8564 5.09073Z"
      fill="#C3170F"
    />
    <path
      fillRule="evenodd"
      clipRule="evenodd"
      d="M117.146 5.08209C117.082 5.13292 117.242 5.1668 117.498 5.1668C117.85 5.1668 117.898 5.14986 117.706 5.08209C117.402 4.98045 117.274 4.98045 117.146 5.08209Z"
      fill="#C3170F"
    />
    <path
      fillRule="evenodd"
      clipRule="evenodd"
      d="M2.47898 5.33666C2.43101 5.37901 2.27108 5.38748 2.11115 5.36207C1.88725 5.31972 1.87126 5.33666 2.04718 5.42983C2.20711 5.52301 2.28707 5.51454 2.51097 5.39596C2.67089 5.31972 2.73487 5.25195 2.68689 5.25195C2.62292 5.25195 2.54295 5.28583 2.47898 5.33666Z"
      fill="#C3170F"
    />
    <path
      fillRule="evenodd"
      clipRule="evenodd"
      d="M116.794 5.37867C116.858 5.42102 116.746 5.50573 116.555 5.56503C116.309 5.63279 116.299 5.66949 116.523 5.67514C116.922 5.67514 117.146 5.45491 116.858 5.3702C116.746 5.33632 116.731 5.34479 116.794 5.37867Z"
      fill="#C3170F"
    />
    <path
      fillRule="evenodd"
      clipRule="evenodd"
      d="M91.5577 6.43724C91.5097 6.4796 91.5417 6.52195 91.6217 6.52195C91.7176 6.52195 91.7976 6.4796 91.7976 6.43724C91.7976 6.38642 91.7656 6.35254 91.7336 6.35254C91.6856 6.35254 91.6057 6.38642 91.5577 6.43724Z"
      fill="#C3170F"
    />
    <path
      fillRule="evenodd"
      clipRule="evenodd"
      d="M70.1758 6.66626C70.2877 6.69167 70.4317 6.68319 70.4797 6.65778C70.5436 6.63237 70.4477 6.60696 70.2718 6.61543C70.0958 6.61543 70.0479 6.64085 70.1758 6.66626Z"
      fill="#C3170F"
    />
    <path
      fillRule="evenodd"
      clipRule="evenodd"
      d="M34.5439 7.0391C34.5439 7.12381 34.9118 7.18311 35.1517 7.14075C35.4875 7.07299 35.3596 6.98828 34.9438 6.98828C34.7199 6.98828 34.5439 7.01369 34.5439 7.0391Z"
      fill="#C3170F"
    />
    <path
      fillRule="evenodd"
      clipRule="evenodd"
      d="M28.6268 7.75059C28.8187 7.87765 29.1066 7.85224 29.1066 7.69977C29.1066 7.65742 28.9466 7.62354 28.7707 7.62354C28.4828 7.62354 28.4668 7.64048 28.6268 7.75059Z"
      fill="#C3170F"
    />
    <path
      fillRule="evenodd"
      clipRule="evenodd"
      d="M31.2657 7.70824C31.3137 7.75059 31.3936 7.79294 31.4416 7.79294C31.4736 7.79294 31.5056 7.75059 31.5056 7.70824C31.5056 7.65742 31.4256 7.62354 31.3297 7.62354C31.2497 7.62354 31.2177 7.65742 31.2657 7.70824Z"
      fill="#C3170F"
    />
    <path
      fillRule="evenodd"
      clipRule="evenodd"
      d="M25.1562 7.83506C25.1562 7.90283 25.2202 7.93671 25.3002 7.9113C25.3642 7.88589 25.4281 7.83507 25.4281 7.78424C25.4281 7.74189 25.3642 7.70801 25.3002 7.70801C25.2202 7.70801 25.1562 7.7673 25.1562 7.83506Z"
      fill="#C3170F"
    />
    <path
      fillRule="evenodd"
      clipRule="evenodd"
      d="M27.2193 7.7842C26.9634 7.8689 27.2672 8.08067 27.5551 8.02137C27.699 7.99596 27.827 8.0129 27.859 8.05525C27.891 8.0976 28.0509 8.08066 28.2268 8.0129C28.44 7.92819 28.4294 7.90279 28.1948 7.93667C27.9869 7.96208 27.827 7.94514 27.827 7.89432C27.827 7.7842 27.4432 7.70796 27.2193 7.7842Z"
      fill="#C3170F"
    />
    <path
      fillRule="evenodd"
      clipRule="evenodd"
      d="M105.871 7.869C105.967 7.97064 106.111 8.04688 106.191 8.04688C106.479 8.04688 106.367 7.88594 106.015 7.79276C105.711 7.69959 105.695 7.70806 105.871 7.869Z"
      fill="#C3170F"
    />
    <path
      fillRule="evenodd"
      clipRule="evenodd"
      d="M29.1866 7.86891C29.1386 7.91126 29.1706 7.97055 29.2666 8.00443C29.3465 8.02984 29.4265 7.99596 29.4265 7.9282C29.4265 7.77573 29.3305 7.75032 29.1866 7.86891Z"
      fill="#C3170F"
    />
    <path
      fillRule="evenodd"
      clipRule="evenodd"
      d="M29.9063 7.87737C29.7783 7.91973 29.7304 7.97903 29.7943 8.02138C29.8583 8.05526 30.0662 8.02984 30.2581 7.97055C30.482 7.89431 30.6259 7.88585 30.7539 7.95361C30.8498 8.00443 31.0418 8.04678 31.1697 8.04678C31.3456 8.04678 31.3296 8.0129 31.0897 7.91973C30.7379 7.77573 30.2581 7.75879 29.9063 7.87737Z"
      fill="#C3170F"
    />
    <path
      fillRule="evenodd"
      clipRule="evenodd"
      d="M26.3882 8.04662C26.3882 8.08897 26.4681 8.13132 26.5641 8.13132C26.6441 8.13132 26.6761 8.08897 26.6281 8.04662C26.5801 7.9958 26.5001 7.96191 26.4522 7.96191C26.4202 7.96191 26.3882 7.9958 26.3882 8.04662Z"
      fill="#C3170F"
    />
    <path
      fillRule="evenodd"
      clipRule="evenodd"
      d="M14.0415 8.1062C14.1535 8.13161 14.2974 8.12314 14.3454 8.09772C14.4094 8.07231 14.3134 8.0469 14.1375 8.05537C13.9616 8.05537 13.9136 8.08079 14.0415 8.1062Z"
      fill="#C3170F"
    />
    <path
      fillRule="evenodd"
      clipRule="evenodd"
      d="M16.1528 8.14018C16.1528 8.18253 16.3288 8.21642 16.5526 8.21642C16.7765 8.21642 16.9525 8.19947 16.9525 8.18253C16.9525 8.16559 16.7765 8.13172 16.5526 8.11478C16.3288 8.08936 16.1528 8.1063 16.1528 8.14018Z"
      fill="#C3170F"
    />
    <path
      fillRule="evenodd"
      clipRule="evenodd"
      d="M20.1509 8.13158C20.1509 8.17393 20.2628 8.19088 20.3908 8.16546C20.5187 8.13158 20.6307 8.0977 20.6307 8.08076C20.6307 8.06382 20.5187 8.04688 20.3908 8.04688C20.2628 8.04688 20.1509 8.08076 20.1509 8.13158Z"
      fill="#C3170F"
    />
    <path
      fillRule="evenodd"
      clipRule="evenodd"
      d="M26.5479 8.80085C26.5479 8.8432 26.6438 8.89402 26.7558 8.91943C26.8837 8.94485 26.9797 8.91096 26.9797 8.8432C26.9797 8.77543 26.8837 8.72461 26.7558 8.72461C26.6438 8.72461 26.5479 8.75849 26.5479 8.80085Z"
      fill="#C3170F"
    />
    <path
      fillRule="evenodd"
      clipRule="evenodd"
      d="M24.8683 9.06322C24.9163 9.10557 25.0602 9.12252 25.1881 9.08864C25.524 9.02934 25.492 8.97852 25.0922 8.97852C24.9163 8.97852 24.8043 9.0124 24.8683 9.06322Z"
      fill="#C3170F"
    />
    <path
      fillRule="evenodd"
      clipRule="evenodd"
      d="M1.83919 10.3337C1.79121 10.3761 1.8072 10.4184 1.90316 10.4184C1.98312 10.4184 2.11106 10.3761 2.15904 10.3337C2.20702 10.2829 2.19102 10.249 2.09507 10.249C2.01511 10.249 1.88716 10.2829 1.83919 10.3337Z"
      fill="#C3170F"
    />
    <path
      fillRule="evenodd"
      clipRule="evenodd"
      d="M1.40724 10.5627C1.51919 10.5882 1.66313 10.5797 1.71111 10.5543C1.77508 10.5289 1.67912 10.5034 1.5032 10.5119C1.32728 10.5119 1.2793 10.5373 1.40724 10.5627Z"
      fill="#C3170F"
    />
  </svg>
);

export const EyeSlashFilledIcon = (props: any) => (
  <svg
    aria-hidden="true"
    fill="none"
    focusable="false"
    height="1em"
    role="presentation"
    viewBox="0 0 24 24"
    width="1em"
    {...props}
  >
    <path
      d="M21.2714 9.17834C20.9814 8.71834 20.6714 8.28834 20.3514 7.88834C19.9814 7.41834 19.2814 7.37834 18.8614 7.79834L15.8614 10.7983C16.0814 11.4583 16.1214 12.2183 15.9214 13.0083C15.5714 14.4183 14.4314 15.5583 13.0214 15.9083C12.2314 16.1083 11.4714 16.0683 10.8114 15.8483C10.8114 15.8483 9.38141 17.2783 8.35141 18.3083C7.85141 18.8083 8.01141 19.6883 8.68141 19.9483C9.75141 20.3583 10.8614 20.5683 12.0014 20.5683C13.7814 20.5683 15.5114 20.0483 17.0914 19.0783C18.7014 18.0783 20.1514 16.6083 21.3214 14.7383C22.2714 13.2283 22.2214 10.6883 21.2714 9.17834Z"
      fill="currentColor"
    />
    <path
      d="M14.0206 9.98062L9.98062 14.0206C9.47062 13.5006 9.14062 12.7806 9.14062 12.0006C9.14062 10.4306 10.4206 9.14062 12.0006 9.14062C12.7806 9.14062 13.5006 9.47062 14.0206 9.98062Z"
      fill="currentColor"
    />
    <path
      d="M18.25 5.74969L14.86 9.13969C14.13 8.39969 13.12 7.95969 12 7.95969C9.76 7.95969 7.96 9.76969 7.96 11.9997C7.96 13.1197 8.41 14.1297 9.14 14.8597L5.76 18.2497H5.75C4.64 17.3497 3.62 16.1997 2.75 14.8397C1.75 13.2697 1.75 10.7197 2.75 9.14969C3.91 7.32969 5.33 5.89969 6.91 4.91969C8.49 3.95969 10.22 3.42969 12 3.42969C14.23 3.42969 16.39 4.24969 18.25 5.74969Z"
      fill="currentColor"
    />
    <path
      d="M14.8581 11.9981C14.8581 13.5681 13.5781 14.8581 11.9981 14.8581C11.9381 14.8581 11.8881 14.8581 11.8281 14.8381L14.8381 11.8281C14.8581 11.8881 14.8581 11.9381 14.8581 11.9981Z"
      fill="currentColor"
    />
    <path
      d="M21.7689 2.22891C21.4689 1.92891 20.9789 1.92891 20.6789 2.22891L2.22891 20.6889C1.92891 20.9889 1.92891 21.4789 2.22891 21.7789C2.37891 21.9189 2.56891 21.9989 2.76891 21.9989C2.96891 21.9989 3.15891 21.9189 3.30891 21.7689L21.7689 3.30891C22.0789 3.00891 22.0789 2.52891 21.7689 2.22891Z"
      fill="currentColor"
    />
  </svg>
);

export const EyeFilledIcon = (props: any) => (
  <svg
    aria-hidden="true"
    fill="none"
    focusable="false"
    height="1em"
    role="presentation"
    viewBox="0 0 24 24"
    width="1em"
    {...props}
  >
    <path
      d="M21.25 9.14969C18.94 5.51969 15.56 3.42969 12 3.42969C10.22 3.42969 8.49 3.94969 6.91 4.91969C5.33 5.89969 3.91 7.32969 2.75 9.14969C1.75 10.7197 1.75 13.2697 2.75 14.8397C5.06 18.4797 8.44 20.5597 12 20.5597C13.78 20.5597 15.51 20.0397 17.09 19.0697C18.67 18.0897 20.09 16.6597 21.25 14.8397C22.25 13.2797 22.25 10.7197 21.25 9.14969ZM12 16.0397C9.76 16.0397 7.96 14.2297 7.96 11.9997C7.96 9.76969 9.76 7.95969 12 7.95969C14.24 7.95969 16.04 9.76969 16.04 11.9997C16.04 14.2297 14.24 16.0397 12 16.0397Z"
      fill="currentColor"
    />
    <path
      d="M11.9984 9.14062C10.4284 9.14062 9.14844 10.4206 9.14844 12.0006C9.14844 13.5706 10.4284 14.8506 11.9984 14.8506C13.5684 14.8506 14.8584 13.5706 14.8584 12.0006C14.8584 10.4306 13.5684 9.14062 11.9984 9.14062Z"
      fill="currentColor"
    />
  </svg>
);

export const ArrowIcons: React.FC<IconSvgProps> = ({
  size = 30,
  width,
  height,
  color = "white",
  ...props
}) => {
  return (
    <svg
      height={size || height}
      viewBox="0 0 24 24"
      width={size || width}
      {...props}
    >
      <g clipPath="url(#clip0_553_5522)">
        <path
          d="M201.169 132.799C203.213 133.539 205.252 134.316 207.291 135.187C208.311 135.626 209.33 136.08 210.355 136.598L211.124 136.986L211.9 137.417C212.412 137.685 212.95 138.05 213.472 138.376C214.06 138.743 214.491 139.315 214.683 139.983C214.874 140.65 214.813 141.366 214.51 141.993L214.473 142.07C210.481 150.317 205.336 157.956 199.193 164.755L196.857 167.276C196.056 168.095 195.198 168.859 194.371 169.652L193.119 170.831L192.493 171.42C192.285 171.617 192.053 171.788 191.835 171.973L189.175 174.156C188.728 174.516 188.295 174.891 187.838 175.237L186.436 176.235L183.631 178.228C182.675 178.861 181.681 179.435 180.708 180.041C179.722 180.626 178.772 181.274 177.738 181.773L173.718 183.858L169.565 185.668C168.881 185.989 168.164 186.227 167.453 186.483L165.32 187.244L164.254 187.625L163.721 187.815L163.176 187.969L160.998 188.586L158.821 189.202C158.092 189.395 157.349 189.527 156.614 189.692L154.403 190.163L153.298 190.397L152.18 190.561C150.69 190.769 149.204 191.016 147.712 191.194L143.22 191.561C127.922 192.465 112.533 188.902 98.977 181.978C92.1899 178.505 85.8444 174.23 80.0751 169.246C74.3182 164.263 69.1272 158.66 64.5953 152.538L66.6601 153.609L65.9971 153.597L68.7028 151.067C68.2933 160.21 67.7763 169.517 66.0708 178.743C65.2295 183.361 64.0968 187.922 62.6794 192.398C61.2531 196.87 59.5617 201.253 57.6141 205.524L57.1279 202.496C61.8079 207.495 66.872 212.119 72.2741 216.325C74.9726 218.419 77.7791 220.361 80.642 222.209C83.5341 224.008 86.4808 225.719 89.524 227.237C102.735 233.889 117.537 237.377 132.313 236.776C139.71 236.502 147.046 235.288 154.145 233.164C161.265 231.038 168.12 228.099 174.576 224.405C187.53 217.044 198.859 206.877 208.174 195.156C217.462 183.317 224.856 170.108 230.088 156.004L230.093 155.99C230.257 155.553 230.534 155.169 230.895 154.875C231.257 154.581 231.689 154.389 232.149 154.318C232.608 154.248 233.078 154.301 233.509 154.473C233.94 154.646 234.316 154.93 234.6 155.297C237.489 159.13 240.085 163.176 242.368 167.4C244.664 171.551 246.767 175.77 248.793 180.01L243.88 180.831C244.263 177.71 244.634 174.587 244.992 171.462C245.344 168.337 245.683 165.21 246.007 162.081C247.188 150.596 248.343 138.992 249.261 127.619C249.695 122.174 250.141 117.691 250.595 114.025C250.829 112.192 251.05 110.562 251.291 109.119C251.411 108.403 251.527 107.685 251.651 107.203C251.778 106.67 251.928 106.15 252.072 105.621C252.96 102.457 252.788 101.355 253.534 104.335C253.758 105.365 253.897 106.412 253.95 107.466C253.975 108.005 254.002 108.587 254.032 109.211L254.087 111.117C254.143 113.817 254.114 117.142 253.969 121.033C253.611 130.88 252.827 141.626 251.844 151.768C250.883 161.67 249.781 171.544 248.538 181.389L248.537 181.399C248.467 181.953 248.181 182.457 247.741 182.8C247.301 183.144 246.743 183.299 246.191 183.231C245.842 183.187 245.51 183.055 245.225 182.85C244.94 182.644 244.71 182.371 244.558 182.054C242.566 177.859 240.504 173.71 238.278 169.681C236.116 165.668 233.654 161.826 230.912 158.188L234.463 157.632C229.546 170.657 223.071 183.138 214.826 194.413C206.608 205.686 196.686 215.804 185.202 223.896C183.865 224.861 182.474 225.761 181.086 226.678C180.388 227.13 179.672 227.556 178.964 227.998L177.897 228.654L176.81 229.279C173.912 230.969 170.93 232.509 167.876 233.894C164.841 235.284 161.733 236.505 158.565 237.551C155.461 238.589 152.3 239.443 149.097 240.11C131.54 243.831 113.306 242.415 96.572 236.032C92.4184 234.46 88.3732 232.616 84.4624 230.514C80.5658 228.405 76.7985 226.066 73.1804 223.508C69.5662 220.964 66.0961 218.221 62.7861 215.291C59.4843 212.363 56.3322 209.277 53.3169 206.07C52.9832 205.715 52.7633 205.268 52.6854 204.786C52.6074 204.304 52.6749 203.81 52.8792 203.365L52.8821 203.361C55.1062 198.555 56.9833 193.596 58.499 188.522L59.1561 186.256C59.3634 185.497 59.5474 184.731 59.7444 183.969L60.0353 182.825L60.2914 181.671L60.7953 179.361C61.4113 176.267 61.9055 173.142 62.3042 169.994C62.6796 166.842 62.977 163.67 63.1964 160.478C63.4119 157.284 63.5818 154.073 63.7379 150.848C63.768 150.241 64.0337 149.668 64.4786 149.251C64.9235 148.835 65.5124 148.609 66.11
          fill="black"
        />
      </g>
      <defs>
        <clipPath id="clip0_553_5522">
          <rect
            width="229"
            height="230"
            fill="white"
            transform="translate(188.174 319.904) rotate(-144.944)"
          />
        </clipPath>
      </defs>
    </svg>
  );
};

export const Hotline = ({
  size = 24,
  width,
  height,
  ...props
}: IconSvgProps) => (
  <svg
    width="24"
    height="24"
    viewBox="0 0 24 24"
    fill="none"
    xmlns="http://www.w3.org/2000/svg"
  >
    <path
      d="M20.0002 10.999H22.0002C22.0002 5.869 18.1272 2 12.9902 2V4C17.0522 4 20.0002 6.943 20.0002 10.999Z"
      fill="white"
    />
    <path
      d="M12.9998 8.00024C15.1028 8.00024 15.9998 8.89724 15.9998 11.0002H17.9998C17.9998 7.77524 16.2248 6.00024 12.9998 6.00024V8.00024ZM16.4218 13.4432C16.2296 13.2686 15.9771 13.1754 15.7176 13.1835C15.4581 13.1915 15.2118 13.3001 15.0308 13.4862L12.6378 15.9472C12.0618 15.8372 10.9038 15.4762 9.71179 14.2872C8.51979 13.0942 8.15879 11.9332 8.05179 11.3612L10.5108 8.96724C10.6972 8.78637 10.8059 8.54006 10.814 8.28045C10.822 8.02083 10.7287 7.76828 10.5538 7.57624L6.85879 3.51324C6.68384 3.3206 6.44067 3.20374 6.18095 3.1875C5.92122 3.17125 5.66539 3.2569 5.46779 3.42624L3.29779 5.28724C3.1249 5.46075 3.02171 5.69169 3.00779 5.93624C2.99279 6.18624 2.70679 12.1082 7.29879 16.7022C11.3048 20.7072 16.3228 21.0002 17.7048 21.0002C17.9068 21.0002 18.0308 20.9942 18.0638 20.9922C18.3083 20.9786 18.5391 20.8749 18.7118 20.7012L20.5718 18.5302C20.7413 18.3328 20.8271 18.077 20.811 17.8173C20.795 17.5576 20.6783 17.3143 20.4858 17.1392L16.4218 13.4432Z"
      fill="white"
    />
  </svg>
);

export const CustomerService = ({
  size = 24,
  width,
  height,
  ...props
}: IconSvgProps) => (
  <svg
    width="24"
    height="24"
    viewBox="0 0 24 24"
    fill="none"
    xmlns="http://www.w3.org/2000/svg"
  >
    <path
      d="M20.0002 10.999H22.0002C22.0002 5.869 18.1272 2 12.9902 2V4C17.0522 4 20.0002 6.943 20.0002 10.999Z"
      fill="white"
    />
    <path
      d="M12.9998 8.00024C15.1028 8.00024 15.9998 8.89724 15.9998 11.0002H17.9998C17.9998 7.77524 16.2248 6.00024 12.9998 6.00024V8.00024ZM16.4218 13.4432C16.2296 13.2686 15.9771 13.1754 15.7176 13.1835C15.4581 13.1915 15.2118 13.3001 15.0308 13.4862L12.6378 15.9472C12.0618 15.8372 10.9038 15.4762 9.71179 14.2872C8.51979 13.0942 8.15879 11.9332 8.05179 11.3612L10.5108 8.96724C10.6972 8.78637 10.8059 8.54006 10.814 8.28045C10.822 8.02083 10.7287 7.76828 10.5538 7.57624L6.85879 3.51324C6.68384 3.3206 6.44067 3.20374 6.18095 3.1875C5.92122 3.17125 5.66539 3.2569 5.46779 3.42624L3.29779 5.28724C3.1249 5.46075 3.02171 5.69169 3.00779 5.93624C2.99279 6.18624 2.70679 12.1082 7.29879 16.7022C11.3048 20.7072 16.3228 21.0002 17.7048 21.0002C17.9068 21.0002 18.0308 20.9942 18.0638 20.9922C18.3083 20.9786 18.5391 20.8749 18.7118 20.7012L20.5718 18.5302C20.7413 18.3328 20.8271 18.077 20.811 17.8173C20.795 17.5576 20.6783 17.3143 20.4858 17.1392L16.4218 13.4432Z"
      fill="white"
    />
  </svg>
);

export const Mail = ({ size = 24, width, height, ...props }: IconSvgProps) => (
  <svg
    width="24"
    height="24"
    viewBox="0 0 24 24"
    fill="none"
    xmlns="http://www.w3.org/2000/svg"
  >
    <path d="M22 4H2V20H22V4ZM20 8L12 13L4 8V6L12 11L20 6V8Z" fill="white" />
  </svg>
);

export const Location = ({
  size = 24,
  width,
  height,
  ...props
}: IconSvgProps) => (
  <svg
    width="24"
    height="24"
    viewBox="0 0 24 24"
    fill="none"
    xmlns="http://www.w3.org/2000/svg"
  >
    <path
      d="M12 1.5C9.81276 1.50258 7.71584 2.3726 6.16923 3.91922C4.62261 5.46584 3.75259 7.56276 3.75001 9.75C3.74739 11.5374 4.33124 13.2763 5.41201 14.7C5.41201 14.7 5.63701 14.9963 5.67376 15.039L12 22.5L18.3293 15.0353C18.3623 14.9955 18.588 14.7 18.588 14.7L18.5888 14.6978C19.669 13.2747 20.2526 11.5366 20.25 9.75C20.2474 7.56276 19.3774 5.46584 17.8308 3.91922C16.2842 2.3726 14.1873 1.50258 12 1.5ZM12 12.75C11.4067 12.75 10.8266 12.5741 10.3333 12.2444C9.83995 11.9148 9.45543 11.4462 9.22837 10.8981C9.00131 10.3499 8.9419 9.74667 9.05765 9.16473C9.17341 8.58279 9.45913 8.04824 9.87869 7.62868C10.2982 7.20912 10.8328 6.9234 11.4147 6.80764C11.9967 6.69189 12.5999 6.7513 13.1481 6.97836C13.6962 7.20542 14.1648 7.58994 14.4944 8.08329C14.8241 8.57664 15 9.15666 15 9.75C14.999 10.5453 14.6826 11.3078 14.1202 11.8702C13.5578 12.4326 12.7954 12.749 12 12.75Z"
      fill="white"
    />
  </svg>
);

export const Calender = ({
  size = 24,
  width,
  height,
  ...props
}: IconSvgProps) => (
  <svg
    width="24"
    height="24"
    viewBox="0 0 24 24"
    fill="currentColor"
    xmlns="http://www.w3.org/2000/svg"
  >
    <g clipPath="url(#clip0_988_15814)">
      <path
        d="M5.25 0C5.44891 0 5.63968 0.0790176 5.78033 0.21967C5.92098 0.360322 6 0.551088 6 0.75V1.5H18V0.75C18 0.551088 18.079 0.360322 18.2197 0.21967C18.3603 0.0790176 18.5511 0 18.75 0C18.9489 0 19.1397 0.0790176 19.2803 0.21967C19.421 0.360322 19.5 0.551088 19.5 0.75V1.5H21C21.7956 1.5 22.5587 1.81607 23.1213 2.37868C23.6839 2.94129 24 3.70435 24 4.5V21C24 21.7956 23.6839 22.5587 23.1213 23.1213C22.5587 23.6839 21.7956 24 21 24H3C2.20435 24 1.44129 23.6839 0.87868 23.1213C0.316071 22.5587 0 21.7956 0 21V7.5H24V6H0V4.5C0 3.70435 0.316071 2.94129 0.87868 2.37868C1.44129 1.81607 2.20435 1.5 3 1.5H4.5V0.75C4.5 0.551088 4.57902 0.360322 4.71967 0.21967C4.86032 0.0790176 5.05109 0 5.25 0Z"
        fill="white"
      />
    </g>
    <defs>
      <clipPath id="clip0_988_15814">
        <rect width="24" height="24" fill="white" />
      </clipPath>
    </defs>
  </svg>
);

export const WorldIcon = ({
  size = 24,
  width,
  height,
  ...props
}: IconSvgProps) => (
  <svg
    width="24"
    height="24"
    viewBox="0 0 24 24"
    fill="none"
    xmlns="http://www.w3.org/2000/svg"
  >
    <g clipPath="url(#clip0_1095_7338)">
      <path
        fillRule="evenodd"
        clipRule="evenodd"
        d="M8.65552 0.473048C6.33564 1.14785 4.27321 2.50663 2.73763 4.37189C1.20205 6.23715 0.264727 8.52218 0.0480957 10.9285H5.53381C5.85183 7.26685 6.91347 3.70859 8.65381 0.471334L8.65552 0.473048ZM5.53381 13.0713H0.0480957C0.264274 15.4777 1.2012 17.763 2.73647 19.6285C4.27175 21.4941 6.33399 22.8533 8.65381 23.5285C6.91347 20.2912 5.85183 16.733 5.53381 13.0713ZM11.4035 23.9862C9.32375 20.6904 8.04935 16.9512 7.68352 13.0713H16.315C15.9491 16.9512 14.6747 20.6904 12.595 23.9862C12.198 24.0055 11.8004 24.0055 11.4035 23.9862ZM15.3464 23.5268C17.6659 22.8517 19.728 21.4928 21.2633 19.6275C22.7985 17.7623 23.7356 15.4774 23.9521 13.0713H18.4664C18.1484 16.733 17.0867 20.2912 15.3464 23.5285V23.5268ZM18.4664 10.9285H23.9521C23.7359 8.52209 22.799 6.23684 21.2637 4.37127C19.7284 2.50569 17.6662 1.14653 15.3464 0.471334C17.0868 3.70858 18.1484 7.26684 18.4664 10.9285ZM11.4035 0.0136195C11.801 -0.00584192 12.1992 -0.00584192 12.5967 0.0136195C14.6758 3.30952 15.9496 7.04872 16.315 10.9285H7.68524C8.05724 7.02505 9.33438 3.28276 11.4035 0.0136195Z"
        fill="white"
      />
    </g>
    <defs>
      <clipPath id="clip0_1095_7338">
        <rect width="24" height="24" fill="white" />
      </clipPath>
    </defs>
  </svg>
);

export const Checklist = ({
  size = 24,
  width,
  height,
  ...props
}: IconSvgProps) => (
  <svg
    width="25"
    height="24"
    viewBox="0 0 25 24"
    fill="none"
    xmlns="http://www.w3.org/2000/svg"
  >
    <g clipPath="url(#clip0_681_10672)">
      <path
        fillRule="evenodd"
        clipRule="evenodd"
        d="M22.046 5.111C22.3272 5.39229 22.4852 5.77375 22.4852 6.1715C22.4852 6.56924 22.3272 6.95071 22.046 7.232L10.803 18.475C10.6544 18.6236 10.478 18.7415 10.2839 18.8219C10.0898 18.9024 9.88167 18.9438 9.67153 18.9438C9.46138 18.9438 9.25329 18.9024 9.05915 18.8219C8.865 18.7415 8.6886 18.6236 8.54003 18.475L2.95403 12.89C2.81076 12.7516 2.69649 12.5861 2.61787 12.4031C2.53926 12.2201 2.49788 12.0233 2.49615 11.8241C2.49442 11.6249 2.53237 11.4274 2.60779 11.2431C2.68322 11.0587 2.79459 10.8912 2.93543 10.7504C3.07627 10.6096 3.24375 10.4982 3.42809 10.4228C3.61244 10.3473 3.80996 10.3094 4.00913 10.3111C4.2083 10.3129 4.40513 10.3542 4.58813 10.4328C4.77114 10.5115 4.93666 10.6257 5.07503 10.769L9.67103 15.365L19.924 5.111C20.0633 4.97161 20.2287 4.86103 20.4108 4.78559C20.5928 4.71015 20.788 4.67132 20.985 4.67132C21.1821 4.67132 21.3772 4.71015 21.5593 4.78559C21.7413 4.86103 21.9067 4.97161 22.046 5.111Z"
        fill="#1B59F8"
      />
    </g>
    <defs>
      <clipPath id="clip0_681_10672">
        <rect width="24" height="24" fill="white" transform="translate(0.5)" />
      </clipPath>
    </defs>
  </svg>
);

export const ChevronLeftIcon = ({
  size,
  height = 24,
  width = 24,
  fill = "currentColor",
  ...props
}: IconSvgProps) => (
  <svg
    xmlns="http://www.w3.org/2000/svg"
    height={size || height}
    width={size || width}
    viewBox="0 0 24 24"
    {...props}
  >
    <path fill="currentColor" d="m14 18l-6-6l6-6l1.4 1.4l-4.6 4.6l4.6 4.6z" />
  </svg>
);

export const DotsYIcon = ({
  size,
  height = 24,
  width = 24,
  fill = "currentColor",
  ...props
}: IconSvgProps) => (
  <svg
    xmlns="http://www.w3.org/2000/svg"
    width="1em"
    height="1em"
    viewBox="0 0 24 24"
  >
    <path
      fill="none"
      stroke="currentColor"
      strokeLinecap="round"
      strokeLinejoin="round"
      strokeWidth={1.5}
      d="M12 5.92A.96.96 0 1 0 12 4a.96.96 0 0 0 0 1.92m0 7.04a.96.96 0 1 0 0-1.92a.96.96 0 0 0 0 1.92M12 20a.96.96 0 1 0 0-1.92a.96.96 0 0 0 0 1.92"
    ></path>
  </svg>
);

export const DotsXIcon = ({
  size,
  height = 24,
  width = 24,
  fill = "currentColor",
  ...props
}: IconSvgProps) => (
  <svg
    xmlns="http://www.w3.org/2000/svg"
    width="1em"
    height="1em"
    viewBox="0 0 24 24"
  >
    <path
      fill="none"
      stroke="currentColor"
      strokeLinecap="round"
      strokeLinejoin="round"
      strokeWidth={2}
      d="M4 12a1 1 0 1 0 2 0a1 1 0 1 0-2 0m7 0a1 1 0 1 0 2 0a1 1 0 1 0-2 0m7 0a1 1 0 1 0 2 0a1 1 0 1 0-2 0"
    ></path>
  </svg>
);

export const EyeIconMdi = ({
  size,
  height = 24,
  width = 24,
  fill = "currentColor",
  ...props
}: IconSvgProps) => (
  <svg
    xmlns="http://www.w3.org/2000/svg"
    height={size || height}
    width={size || width}
    viewBox="0 0 24 24"
    fill={fill}
    {...props}
  >
    <path
      fill="currentColor"
      d="M12 9a3 3 0 0 0-3 3a3 3 0 0 0 3 3a3 3 0 0 0 3-3a3 3 0 0 0-3-3m0 8a5 5 0 0 1-5-5a5 5 0 0 1 5-5a5 5 0 0 1 5 5a5 5 0 0 1-5 5m0-12.5C7 4.5 2.73 7.61 1 12c1.73 4.39 6 7.5 11 7.5s9.27-3.11 11-7.5c-1.73-4.39-6-7.5-11-7.5Z"
    />
  </svg>
);

export const OnlineIcon = ({
  size,
  height = 24,
  width = 24,
  fill = "currentColor",
  ...props
}: IconSvgProps) => (
  <svg
    xmlns="http://www.w3.org/2000/svg"
    width="1em"
    height="1em"
    viewBox="0 0 256 256"
  >
    <path
      fill="currentColor"
      d="M128 24a104 104 0 1 0 104 104A104.11 104.11 0 0 0 128 24m0 192a88 88 0 1 1 88-88a88.1 88.1 0 0 1-88 88"
    ></path>
  </svg>
);

export const OfflineIcon = ({
  size,
  height = 24,
  width = 24,
  fill = "currentColor",
  ...props
}: IconSvgProps) => (
  <svg
    xmlns="http://www.w3.org/2000/svg"
    width="1em"
    height="1em"
    viewBox="0 0 32 32"
  >
    <path
      fill="currentColor"
      d="M16 30a14 14 0 1 1 14-14a14 14 0 0 1-14 14m0-26a12 12 0 1 0 12 12A12 12 0 0 0 16 4"
    ></path>
    <path fill="currentColor" d="M20.59 22L15 16.41V7h2v8.58l5 5.01z"></path>
  </svg>
);

export const CreateIconIon = ({
  size,
  height = 24,
  width = 24,
  fill = "currentColor",
  ...props
}: IconSvgProps) => (
  <svg
    xmlns="http://www.w3.org/2000/svg"
    height={size || height}
    width={size || width}
    viewBox="0 0 512 512"
    {...props}
  >
    <path
      fill="currentColor"
      d="M459.94 53.25a16.06 16.06 0 0 0-23.22-.56L424.35 65a8 8 0 0 0 0 11.31l11.34 11.32a8 8 0 0 0 11.34 0l12.06-12c6.1-6.09 6.67-16.01.85-22.38ZM399.34 90L218.82 270.2a9 9 0 0 0-2.31 3.93L208.16 299a3.91 3.91 0 0 0 4.86 4.86l24.85-8.35a9 9 0 0 0 3.93-2.31L422 112.66a9 9 0 0 0 0-12.66l-9.95-10a9 9 0 0 0-12.71 0Z"
    />
    <path
      fill="currentColor"
      d="M386.34 193.66L264.45 315.79A41.08 41.08 0 0 1 247.58 326l-25.9 8.67a35.92 35.92 0 0 1-44.33-44.33l8.67-25.9a41.08 41.08 0 0 1 10.19-16.87l122.13-121.91a8 8 0 0 0-5.65-13.66H104a56 56 0 0 0-56 56v240a56 56 0 0 0 56 56h240a56 56 0 0 0 56-56V199.31a8 8 0 0 0-13.66-5.65Z"
    />
  </svg>
);

export const DeleteIcon = ({
  size,
  height = 12,
  width = 10,
  fill = "none",
  ...props
}: IconSvgProps) => (
  <svg
    height={size || height}
    width={size || width}
    viewBox="0 0 10 12"
    fill={fill}
    xmlns="http://www.w3.org/2000/svg"
    {...props}
  >
    <path
      d="M9.66683 0.666667H7.3335L6.66683 0H3.3335L2.66683 0.666667H0.333496V2H9.66683M1.00016 10.6667C1.00016 11.0203 1.14064 11.3594 1.39069 11.6095C1.64074 11.8595 1.97987 12 2.3335 12H7.66683C8.02045 12 8.35959 11.8595 8.60964 11.6095C8.85969 11.3594 9.00016 11.0203 9.00016 10.6667V2.66667H1.00016V10.6667Z"
      fill="currentColor"
    />
  </svg>
);
export const BannerIcon = ({
  size,
  height = 12,
  width = 10,
  fill = "none",
  ...props
}: IconSvgProps) => (
  <svg
    xmlns="http://www.w3.org/2000/svg"
    height={size || height}
    width={size || width}
    {...props}
    viewBox="0 0 24 24"
  >
    <path
      fill="currentColor"
      d="M6 22q-.825 0-1.412-.587T4 20V4q0-.825.588-1.412T6 2h12q.825 0 1.413.588T20 4v16q0 .825-.587 1.413T18 22zm1-4h10l-3.45-4.5l-2.3 3l-1.55-2z"
    />
  </svg>
);

export const AccIcon = ({
  size,
  height = 12,
  width = 10,
  fill = "none",
  ...props
}: IconSvgProps) => (
  <svg
    xmlns="http://www.w3.org/2000/svg"
    width="1em"
    height="1em"
    viewBox="0 0 2048 2048"
  >
    <path
      fill="currentColor"
      d="M640 1755L19 1133l90-90l531 530L1939 275l90 90z"
    ></path>
  </svg>
);

export const CloseIcon = ({
  size,
  height = 12,
  width = 10,
  fill = "none",
  ...props
}: IconSvgProps) => (
  <svg
    xmlns="http://www.w3.org/2000/svg"
    width="1em"
    height="1em"
    viewBox="0 0 512 512"
  >
    <path
      fill="none"
      stroke="currentColor"
      strokeLinecap="round"
      strokeLinejoin="round"
      strokeWidth={32}
      d="M368 368L144 144m224 0L144 368"
    ></path>
  </svg>
);

export const RefundIcon = ({
  size,
  height = 12,
  width = 10,
  fill = "none",
  ...props
}: IconSvgProps) => (
  <svg
    xmlns="http://www.w3.org/2000/svg"
    width="1em"
    height="1em"
    viewBox="0 0 24 24"
  >
    <path
      fill="currentColor"
      d="m4 8l-.707.707L2.586 8l.707-.707zm5 12a1 1 0 1 1 0-2zm-.707-6.293l-5-5l1.414-1.414l5 5zm-5-6.414l5-5l1.414 1.414l-5 5zM4 7h10.5v2H4zm10.5 13H9v-2h5.5zm6.5-6.5a6.5 6.5 0 0 1-6.5 6.5v-2a4.5 4.5 0 0 0 4.5-4.5zM14.5 7a6.5 6.5 0 0 1 6.5 6.5h-2A4.5 4.5 0 0 0 14.5 9z"
    ></path>
  </svg>
);

export const AddIcon = ({
  size,
  height = 12,
  width = 12,
  fill = "none",
  ...props
}: IconSvgProps) => (
  <svg
    height={size || height}
    width={size || width}
    viewBox="0 0 12 12"
    fill={fill}
    xmlns="http://www.w3.org/2000/svg"
    {...props}
  >
    <path
      d="M5.1665 6.83341H0.166504V5.16675H5.1665V0.166748H6.83317V5.16675H11.8332V6.83341H6.83317V11.8334H5.1665V6.83341Z"
      fill="currentColor"
    />
  </svg>
);

export const CompanyIcon = ({
  size,
  height = 12,
  width = 12,
  fill = "none",
  ...props
}: IconSvgProps) => (
  <svg
    xmlns="http://www.w3.org/2000/svg"
    height={size || height}
    width={size || width}
    viewBox="0 0 24 24"
    {...props}
  >
    <path
      fill="currentColor"
      d="M10 2v2.26l2 1.33V4h10v15h-5v2h7V2zM7.5 5L0 10v11h15V10zM14 6v.93L15.61 8H16V6zm4 0v2h2V6zM7.5 7.5L13 11v8h-3v-6H5v6H2v-8zM18 10v2h2v-2zm0 4v2h2v-2z"
    ></path>
  </svg>
);

export const EmailIcon = ({
  size,
  height = 12,
  width = 12,
  fill = "none",
  ...props
}: IconSvgProps) => (
  <svg
    xmlns="http://www.w3.org/2000/svg"
    height={size || height}
    width={size || width}
    viewBox="0 0 24 24"
    {...props}
  >
    <path
      fill="currentColor"
      d="M22 6c0-1.1-.9-2-2-2H4c-1.1 0-2 .9-2 2v12c0 1.1.9 2 2 2h16c1.1 0 2-.9 2-2zm-2 0l-8 5l-8-5zm0 12H4V8l8 5l8-5z"
    ></path>
  </svg>
);

export const PhoneIcon = ({
  size,
  height = 12,
  width = 12,
  fill = "none",
  ...props
}: IconSvgProps) => (
  <svg
    xmlns="http://www.w3.org/2000/svg"
    height={size || height}
    width={size || width}
    viewBox="0 0 256 256"
    {...props}
  >
    <path
      fill="currentColor"
      d="m222.37 158.46l-47.11-21.11l-.13-.06a16 16 0 0 0-15.17 1.4a8.12 8.12 0 0 0-.75.56L134.87 160c-15.42-7.49-31.34-23.29-38.83-38.51l20.78-24.71c.2-.25.39-.5.57-.77a16 16 0 0 0 1.32-15.06v-.12L97.54 33.64a16 16 0 0 0-16.62-9.52A56.26 56.26 0 0 0 32 80c0 79.4 64.6 144 144 144a56.26 56.26 0 0 0 55.88-48.92a16 16 0 0 0-9.51-16.62M176 208A128.14 128.14 0 0 1 48 80a40.2 40.2 0 0 1 34.87-40a.61.61 0 0 0 0 .12l21 47l-20.67 24.74a6.13 6.13 0 0 0-.57.77a16 16 0 0 0-1 15.7c9.06 18.53 27.73 37.06 46.46 46.11a16 16 0 0 0 15.75-1.14a8.44 8.44 0 0 0 .74-.56L168.89 152l47 21.05h.11A40.21 40.21 0 0 1 176 208"
    ></path>
  </svg>
);

export const MessageIcon = ({
  size,
  height = 12,
  width = 12,
  fill = "none",
  ...props
}: IconSvgProps) => (
  <svg
    xmlns="http://www.w3.org/2000/svg"
    height={size || height}
    width={size || width}
    viewBox="0 0 24 24"
    {...props}
  >
    <path
      fill="currentColor"
      d="M2 6a2 2 0 0 1 2-2h16a2 2 0 0 1 2 2v11a2 2 0 0 1-2 2h-4.586l-2.707 2.707a1 1 0 0 1-1.414 0L8.586 19H4a2 2 0 0 1-2-2zm18 0H4v11h5a1 1 0 0 1 .707.293L12 19.586l2.293-2.293A1 1 0 0 1 15 17h5zM6 9.5a1 1 0 0 1 1-1h10a1 1 0 1 1 0 2H7a1 1 0 0 1-1-1m0 4a1 1 0 0 1 1-1h6a1 1 0 1 1 0 2H7a1 1 0 0 1-1-1"
    ></path>
  </svg>
);

export const UserIcon = ({
  size,
  height = 12,
  width = 12,
  fill = "none",
  ...props
}: IconSvgProps) => (
  <svg
    xmlns="http://www.w3.org/2000/svg"
    height={size || height}
    width={size || width}
    viewBox="0 0 32 32"
    {...props}
  >
    <path
      fill="currentColor"
      d="M16 4a5 5 0 1 1-5 5a5 5 0 0 1 5-5m0-2a7 7 0 1 0 7 7a7 7 0 0 0-7-7m10 28h-2v-5a5 5 0 0 0-5-5h-6a5 5 0 0 0-5 5v5H6v-5a7 7 0 0 1 7-7h6a7 7 0 0 1 7 7z"
    ></path>
  </svg>
);

export const EyeOffIconMdi = ({
  size,
  height = 24,
  width = 24,
  fill = "currentColor",
  ...props
}: IconSvgProps) => (
  <svg
    xmlns="http://www.w3.org/2000/svg"
    height={size || height}
    width={size || width}
    viewBox="0 0 24 24"
    fill={fill}
    {...props}
  >
    <path
      fill="currentColor"
      d="M11.83 9L15 12.16V12a3 3 0 0 0-3-3h-.17m-4.3.8l1.55 1.55c-.05.21-.08.42-.08.65a3 3 0 0 0 3 3c.22 0 .44-.03.65-.08l1.55 1.55c-.67.33-1.41.53-2.2.53a5 5 0 0 1-5-5c0-.79.2-1.53.53-2.2M2 4.27l2.28 2.28l.45.45C3.08 8.3 1.78 10 1 12c1.73 4.39 6 7.5 11 7.5c1.55 0 3.03-.3 4.38-.84l.43.42L19.73 22L21 20.73L3.27 3M12 7a5 5 0 0 1 5 5c0 .64-.13 1.26-.36 1.82l2.93 2.93c1.5-1.25 2.7-2.89 3.43-4.75c-1.73-4.39-6-7.5-11-7.5c-1.4 0-2.74.25-4 .7l2.17 2.15C10.74 7.13 11.35 7 12 7Z"
    />
  </svg>
);

export const DateIcon = ({
  size,
  height = 24,
  width = 24,
  fill = "currentColor",
  ...props
}: IconSvgProps) => (
  <svg
    xmlns="http://www.w3.org/2000/svg"
    height={size || height}
    width={size || width}
    viewBox="0 0 16 16"
    {...props}
  >
    <path
      fill="currentColor"
      d="M14.5 16h-13C.67 16 0 15.33 0 14.5v-12C0 1.67.67 1 1.5 1h13c.83 0 1.5.67 1.5 1.5v12c0 .83-.67 1.5-1.5 1.5M1.5 2c-.28 0-.5.22-.5.5v12c0 .28.22.5.5.5h13c.28 0 .5-.22.5-.5v-12c0-.28-.22-.5-.5-.5z"
    ></path>
    <path
      fill="currentColor"
      d="M4.5 4c-.28 0-.5-.22-.5-.5v-3c0-.28.22-.5.5-.5s.5.22.5.5v3c0 .28-.22.5-.5.5m7 0c-.28 0-.5-.22-.5-.5v-3c0-.28.22-.5.5-.5s.5.22.5.5v3c0 .28-.22.5-.5.5m4 2H.5C.22 6 0 5.78 0 5.5S.22 5 .5 5h15c.28 0 .5.22.5.5s-.22.5-.5.5"
    ></path>
  </svg>
);

export const WarningIcon = ({
  size,
  height = 24,
  width = 24,
  fill = "currentColor",
  ...props
}: IconSvgProps) => (
  <svg
    xmlns="http://www.w3.org/2000/svg"
    height={size || height}
    width={size || width}
    viewBox="0 0 24 24"
    {...props}
  >
    <path
      fill="currentColor"
      d="M12 20a8 8 0 1 0 0-16a8 8 0 0 0 0 16m0 2C6.477 22 2 17.523 2 12S6.477 2 12 2s10 4.477 10 10s-4.477 10-10 10m-1-6h2v2h-2zm0-10h2v8h-2z"
    ></path>
  </svg>
);

export const PasswordIcon = ({
  size,
  height = 24,
  width = 24,
  fill = "currentColor",
  ...props
}: IconSvgProps) => (
  <svg
    xmlns="http://www.w3.org/2000/svg"
    height={size || height}
    width={size || width}
    viewBox="0 0 24 24"
    {...props}
  >
    <path
      fill="currentColor"
      d="M12 17a2 2 0 0 1-2-2c0-1.11.89-2 2-2a2 2 0 0 1 2 2a2 2 0 0 1-2 2m6 3V10H6v10zm0-12a2 2 0 0 1 2 2v10a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2V10c0-1.11.89-2 2-2h1V6a5 5 0 0 1 5-5a5 5 0 0 1 5 5v2zm-6-5a3 3 0 0 0-3 3v2h6V6a3 3 0 0 0-3-3"
    ></path>
  </svg>
);

export const TimeIcon = ({
  size,
  height = 24,
  width = 24,
  fill = "currentColor",
  ...props
}: IconSvgProps) => (
  <svg
    xmlns="http://www.w3.org/2000/svg"
    height={size || height}
    width={size || width}
    viewBox="0 0 32 32"
    {...props}
  >
    <path
      fill="currentColor"
      d="M16 30a14 14 0 1 1 14-14a14 14 0 0 1-14 14m0-26a12 12 0 1 0 12 12A12 12 0 0 0 16 4"
    ></path>
    <path fill="currentColor" d="M20.59 22L15 16.41V7h2v8.58l5 5.01z"></path>
  </svg>
);

export const VolumeLowIcon = ({
  size,
  height = 24,
  width = 24,
  fill = "currentColor",
  ...props
}: IconSvgProps) => (
  <svg
    xmlns="http://www.w3.org/2000/svg"
    height={size || height}
    width={size || width}
    viewBox="0 0 24 24"
    {...props}
  >
    <path
      fill="none"
      stroke="currentColor"
      strokeWidth={2}
      d="M1 8v8h5.099L12 21V3L6 8zm14 8a4 4 0 1 0 0-8"
    ></path>
  </svg>
);

export const VolumeHighIcon = ({
  size,
  height = 24,
  width = 24,
  fill = "currentColor",
  ...props
}: IconSvgProps) => (
  <svg
    xmlns="http://www.w3.org/2000/svg"
    height={size || height}
    width={size || width}
    viewBox="0 0 16 16"
    {...props}
  >
    <path
      fill="currentColor"
      d="M15 8.5c0 2.3-.8 4.5-2 6.2l.7.8c1.5-1.9 2.4-4.4 2.4-7c0-3.1-1.2-5.9-3.2-8l-.5 1C14 3.3 15 5.8 15 8.5"
    ></path>
    <path
      fill="currentColor"
      d="m11.8 2.4l-.5 1C12.4 4.8 13 6.6 13 8.5c0 1.7-.5 3.2-1.3 4.6l.7.8c1.1-1.5 1.7-3.4 1.7-5.4c-.1-2.3-.9-4.4-2.3-6.1"
    ></path>
    <path
      fill="currentColor"
      d="m10.8 4.4l-.5 1.1c.5.9.8 1.9.8 3c0 1-.3 2-.7 2.9l.7.9c.6-1.1 1-2.4 1-3.7c-.1-1.6-.5-3-1.3-4.2M4 5H0v6h4l5 4V1z"
    ></path>
  </svg>
);

export const FormVerticalIcon = ({
  size,
  height = 24,
  width = 24,
  fill = "currentColor",
  ...props
}: IconSvgProps) => (
  <svg
    xmlns="http://www.w3.org/2000/svg"
    height={size || height}
    width={size || width}
    viewBox="0 0 24 24"
    {...props}
  >
    <path
      fill="currentColor"
      d="M8 13q-.425 0-.712-.288T7 12q0-.425.288-.712T8 11q.425 0 .713.288T9 12q0 .425-.288.713T8 13m8 0q-.425 0-.712-.288T15 12q0-.425.288-.712T16 11q.425 0 .713.288T17 12q0 .425-.288.713T16 13M4 5q-.425 0-.712-.288T3 4q0-.425.288-.712T4 3q.425 0 .713.288T5 4q0 .425-.288.713T4 5m4 0q-.425 0-.712-.288T7 4q0-.425.288-.712T8 3q.425 0 .713.288T9 4q0 .425-.288.713T8 5m8 0q-.425 0-.712-.288T15 4q0-.425.288-.712T16 3q.425 0 .713.288T17 4q0 .425-.288.713T16 5m4 0q-.425 0-.712-.288T19 4q0-.425.288-.712T20 3q.425 0 .713.288T21 4q0 .425-.288.713T20 5M4 9q-.425 0-.712-.288T3 8q0-.425.288-.712T4 7q.425 0 .713.288T5 8q0 .425-.288.713T4 9m16 0q-.425 0-.712-.288T19 8q0-.425.288-.712T20 7q.425 0 .713.288T21 8q0 .425-.288.713T20 9M4 13q-.425 0-.712-.288T3 12q0-.425.288-.712T4 11q.425 0 .713.288T5 12q0 .425-.288.713T4 13m16 0q-.425 0-.712-.288T19 12q0-.425.288-.712T20 11q.425 0 .713.288T21 12q0 .425-.288.713T20 13M4 17q-.425 0-.712-.288T3 16q0-.425.288-.712T4 15q.425 0 .713.288T5 16q0 .425-.288.713T4 17m16 0q-.425 0-.712-.288T19 16q0-.425.288-.712T20 15q.425 0 .713.288T21 16q0 .425-.288.713T20 17M4 21q-.425 0-.712-.288T3 20q0-.425.288-.712T4 19q.425 0 .713.288T5 20q0 .425-.288.713T4 21m4 0q-.425 0-.712-.288T7 20q0-.425.288-.712T8 19q.425 0 .713.288T9 20q0 .425-.288.713T8 21m8 0q-.425 0-.712-.288T15 20q0-.425.288-.712T16 19q.425 0 .713.288T17 20q0 .425-.288.713T16 21m4 0q-.425 0-.712-.288T19 20q0-.425.288-.712T20 19q.425 0 .713.288T21 20q0 .425-.288.713T20 21m-9-1V4q0-.425.288-.712T12 3q.425 0 .713.288T13 4v16q0 .425-.288.713T12 21q-.425 0-.712-.288T11 20"
    />
  </svg>
);

export const FormHorizontalIcon = ({
  size,
  height = 24,
  width = 24,
  fill = "currentColor",
  ...props
}: IconSvgProps) => (
  <svg
    xmlns="http://www.w3.org/2000/svg"
    height={size || height}
    width={size || width}
    viewBox="0 0 24 24"
    {...props}
  >
    <path
      fill="currentColor"
      d="M12 9q-.425 0-.712-.288T11 8q0-.425.288-.712T12 7q.425 0 .713.288T13 8q0 .425-.288.713T12 9m0 8q-.425 0-.712-.288T11 16q0-.425.288-.712T12 15q.425 0 .713.288T13 16q0 .425-.288.713T12 17M4 5q-.425 0-.712-.288T3 4q0-.425.288-.712T4 3q.425 0 .713.288T5 4q0 .425-.288.713T4 5m4 0q-.425 0-.712-.288T7 4q0-.425.288-.712T8 3q.425 0 .713.288T9 4q0 .425-.288.713T8 5m4 0q-.425 0-.712-.288T11 4q0-.425.288-.712T12 3q.425 0 .713.288T13 4q0 .425-.288.713T12 5m4 0q-.425 0-.712-.288T15 4q0-.425.288-.712T16 3q.425 0 .713.288T17 4q0 .425-.288.713T16 5m4 0q-.425 0-.712-.288T19 4q0-.425.288-.712T20 3q.425 0 .713.288T21 4q0 .425-.288.713T20 5M4 9q-.425 0-.712-.288T3 8q0-.425.288-.712T4 7q.425 0 .713.288T5 8q0 .425-.288.713T4 9m16 0q-.425 0-.712-.288T19 8q0-.425.288-.712T20 7q.425 0 .713.288T21 8q0 .425-.288.713T20 9M4 17q-.425 0-.712-.288T3 16q0-.425.288-.712T4 15q.425 0 .713.288T5 16q0 .425-.288.713T4 17m16 0q-.425 0-.712-.288T19 16q0-.425.288-.712T20 15q.425 0 .713.288T21 16q0 .425-.288.713T20 17M4 21q-.425 0-.712-.288T3 20q0-.425.288-.712T4 19q.425 0 .713.288T5 20q0 .425-.288.713T4 21m4 0q-.425 0-.712-.288T7 20q0-.425.288-.712T8 19q.425 0 .713.288T9 20q0 .425-.288.713T8 21m4 0q-.425 0-.712-.288T11 20q0-.425.288-.712T12 19q.425 0 .713.288T13 20q0 .425-.288.713T12 21m4 0q-.425 0-.712-.288T15 20q0-.425.288-.712T16 19q.425 0 .713.288T17 20q0 .425-.288.713T16 21m4 0q-.425 0-.712-.288T19 20q0-.425.288-.712T20 19q.425 0 .713.288T21 20q0 .425-.288.713T20 21M4 13q-.425 0-.712-.288T3 12q0-.425.288-.712T4 11h16q.425 0 .713.288T21 12q0 .425-.288.713T20 13z"
    />
  </svg>
);

export const FormCustomIcon = ({
  size,
  height = 24,
  width = 24,
  fill = "currentColor",
  ...props
}: IconSvgProps) => (
  <svg
    xmlns="http://www.w3.org/2000/svg"
    height={size || height}
    width={size || width}
    viewBox="0 0 24 24"
    {...props}
  >
    <path
      fill="currentColor"
      d="M18 20H6v-2H4v2a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2v-2h-2zM14 2H6a2 2 0 0 0-2 2v8h2V4h8v4h4v4h2V8zm-3 14H8v-2h3zm5 0h-3v-2h3zM3 14h3v2H3zm18 2h-3v-2h3z"
    />
  </svg>
);

export const FormLayoutIcon = ({
  size,
  height = 24,
  width = 24,
  fill = "currentColor",
  ...props
}: IconSvgProps) => (
  <svg
    xmlns="http://www.w3.org/2000/svg"
    height={size || height}
    width={size || width}
    viewBox="0 0 24 24"
    {...props}
  >
    <path
      fill="currentColor"
      d="M18 3H6a3 3 0 0 0-3 3v12a3 3 0 0 0 3 3h12a3 3 0 0 0 3-3V6a3 3 0 0 0-3-3M6 5h12a1 1 0 0 1 1 1v2H5V6a1 1 0 0 1 1-1M5 18v-8h6v9H6a1 1 0 0 1-1-1m13 1h-5v-9h6v8a1 1 0 0 1-1 1"
    />
  </svg>
);

export const FormValidationIcon = ({
  size,
  height = 24,
  width = 24,
  fill = "currentColor",
  ...props
}: IconSvgProps) => (
  <svg
    xmlns="http://www.w3.org/2000/svg"
    height={size || height}
    width={size || width}
    viewBox="0 0 24 24"
    {...props}
  >
    <path
      fill="currentColor"
      d="M3.5 3.75a.25.25 0 0 1 .25-.25h13.5a.25.25 0 0 1 .25.25v10a.75.75 0 0 0 1.5 0v-10A1.75 1.75 0 0 0 17.25 2H3.75A1.75 1.75 0 0 0 2 3.75v16.5c0 .966.784 1.75 1.75 1.75h7a.75.75 0 0 0 0-1.5h-7a.25.25 0 0 1-.25-.25z"
    />
    <path
      fill="currentColor"
      d="M6.25 7a.75.75 0 0 0 0 1.5h8.5a.75.75 0 0 0 0-1.5zm-.75 4.75a.75.75 0 0 1 .75-.75h4.5a.75.75 0 0 1 0 1.5h-4.5a.75.75 0 0 1-.75-.75m16.28 4.53a.75.75 0 1 0-1.06-1.06l-4.97 4.97l-1.97-1.97a.75.75 0 1 0-1.06 1.06l2.5 2.5a.75.75 0 0 0 1.06 0z"
    />
  </svg>
);

export const FormWizardIcon = ({
  size,
  height = 24,
  width = 24,
  fill = "currentColor",
  ...props
}: IconSvgProps) => (
  <svg
    xmlns="http://www.w3.org/2000/svg"
    height={size || height}
    width={size || width}
    viewBox="0 0 24 24"
    {...props}
  >
    <path
      fill="currentColor"
      d="M3.5 3.75a.25.25 0 0 1 .25-.25h13.5a.25.25 0 0 1 .25.25v10a.75.75 0 0 0 1.5 0v-10A1.75 1.75 0 0 0 17.25 2H3.75A1.75 1.75 0 0 0 2 3.75v16.5c0 .966.784 1.75 1.75 1.75h7a.75.75 0 0 0 0-1.5h-7a.25.25 0 0 1-.25-.25z"
    />
    <path
      fill="currentColor"
      d="M6.25 7a.75.75 0 0 0 0 1.5h8.5a.75.75 0 0 0 0-1.5zm-.75 4.75a.75.75 0 0 1 .75-.75h4.5a.75.75 0 0 1 0 1.5h-4.5a.75.75 0 0 1-.75-.75m16.28 4.53a.75.75 0 1 0-1.06-1.06l-4.97 4.97l-1.97-1.97a.75.75 0 1 0-1.06 1.06l2.5 2.5a.75.75 0 0 0 1.06 0z"
    />
  </svg>
);

export const FacebookIcon = ({
  size,
  height = 24,
  width = 24,
  fill = "currentColor",
  ...props
}: IconSvgProps) => (
  <svg
    xmlns="http://www.w3.org/2000/svg"
    width="1em"
    height="1em"
    viewBox="0 0 256 256"
  >
    <path
      fill="#1877f2"
      d="M256 128C256 57.308 198.692 0 128 0C57.308 0 0 57.308 0 128c0 63.888 46.808 116.843 108 126.445V165H75.5v-37H108V99.8c0-32.08 19.11-49.8 48.348-49.8C170.352 50 185 52.5 185 52.5V84h-16.14C152.959 84 148 93.867 148 103.99V128h35.5l-5.675 37H148v89.445c61.192-9.602 108-62.556 108-126.445"
    ></path>
    <path
      fill="#fff"
      d="m177.825 165l5.675-37H148v-24.01C148 93.866 152.959 84 168.86 84H185V52.5S170.352 50 156.347 50C127.11 50 108 67.72 108 99.8V128H75.5v37H108v89.445A128.959 128.959 0 0 0 128 256a128.9 128.9 0 0 0 20-1.555V165z"
    ></path>
  </svg>
);

export const GoogleIcon = ({
  size,
  height = 24,
  width = 24,
  fill = "currentColor",
  ...props
}: IconSvgProps) => (
  <svg
    xmlns="http://www.w3.org/2000/svg"
    width="1em"
    height="1em"
    viewBox="0 0 128 128"
  >
    <path
      fill="#fff"
      d="M44.59 4.21a63.28 63.28 0 0 0 4.33 120.9a67.6 67.6 0 0 0 32.36.35a57.13 57.13 0 0 0 25.9-13.46a57.44 57.44 0 0 0 16-26.26a74.33 74.33 0 0 0 1.61-33.58H65.27v24.69h34.47a29.72 29.72 0 0 1-12.66 19.52a36.16 36.16 0 0 1-13.93 5.5a41.29 41.29 0 0 1-15.1 0A37.16 37.16 0 0 1 44 95.74a39.3 39.3 0 0 1-14.5-19.42a38.31 38.31 0 0 1 0-24.63a39.25 39.25 0 0 1 9.18-14.91A37.17 37.17 0 0 1 76.13 27a34.28 34.28 0 0 1 13.64 8q5.83-5.8 11.64-11.63c2-2.09 4.18-4.08 6.15-6.22A61.22 61.22 0 0 0 87.2 4.59a64 64 0 0 0-42.61-.38"
    ></path>
    <path
      fill="#e33629"
      d="M44.59 4.21a64 64 0 0 1 42.61.37a61.22 61.22 0 0 1 20.35 12.62c-2 2.14-4.11 4.14-6.15 6.22Q95.58 29.23 89.77 35a34.28 34.28 0 0 0-13.64-8a37.17 37.17 0 0 0-37.46 9.74a39.25 39.25 0 0 0-9.18 14.91L8.76 35.6A63.53 63.53 0 0 1 44.59 4.21"
    ></path>
    <path
      fill="#f8bd00"
      d="M3.26 51.5a62.93 62.93 0 0 1 5.5-15.9l20.73 16.09a38.31 38.31 0 0 0 0 24.63q-10.36 8-20.73 16.08a63.33 63.33 0 0 1-5.5-40.9"
    ></path>
    <path
      fill="#587dbd"
      d="M65.27 52.15h59.52a74.33 74.33 0 0 1-1.61 33.58a57.44 57.44 0 0 1-16 26.26c-6.69-5.22-13.41-10.4-20.1-15.62a29.72 29.72 0 0 0 12.66-19.54H65.27c-.01-8.22 0-16.45 0-24.68"
    ></path>
    <path
      fill="#319f43"
      d="M8.75 92.4q10.37-8 20.73-16.08A39.3 39.3 0 0 0 44 95.74a37.16 37.16 0 0 0 14.08 6.08a41.29 41.29 0 0 0 15.1 0a36.16 36.16 0 0 0 13.93-5.5c6.69 5.22 13.41 10.4 20.1 15.62a57.13 57.13 0 0 1-25.9 13.47a67.6 67.6 0 0 1-32.36-.35a63 63 0 0 1-23-11.59A63.73 63.73 0 0 1 8.75 92.4"
    ></path>
  </svg>
);

export const TimesIcon = ({
  size,
  height = 24,
  width = 24,
  fill = "currentColor",
  ...props
}: IconSvgProps) => (
  <svg
    xmlns="http://www.w3.org/2000/svg"
    fill="none"
    width={size || width}
    height={size || height}
    viewBox="0 0 24 24"
    strokeWidth="1.5"
    stroke="currentColor"
    {...props}
  >
    <path
      strokeLinecap="round"
      strokeLinejoin="round"
      d="M6 18 18 6M6 6l12 12"
    />
  </svg>
);
export const CalendarIcon = ({
  size,
  height = 24,
  width = 24,
  fill = "currentColor",
  ...props
}: IconSvgProps) => (
  <svg
    xmlns="http://www.w3.org/2000/svg"
    width={size || width}
    height={size || height}
    viewBox="0 0 24 24"
    {...props}
  >
    <g fill="none">
      <path fill="currentColor" d="M4 7v2h16V7a2 2 0 0 0-2-2H6a2 2 0 0 0-2 2" />
      <path
        stroke="currentColor"
        strokeLinecap="round"
        strokeLinejoin="round"
        strokeWidth="2"
        d="M16 5h2a2 2 0 0 1 2 2v2H4V7a2 2 0 0 1 2-2h2m8 0V3m0 2H8m0-2v2M4 9.5V19a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V9.5"
      />
    </g>
  </svg>
);
export const ClockIcon = ({
  size,
  height = 24,
  width = 24,
  fill = "currentColor",
  ...props
}: IconSvgProps) => (
  <svg
    xmlns="http://www.w3.org/2000/svg"
    width={size || width}
    height={size || height}
    viewBox="0 0 24 24"
    {...props}
  >
    <path
      fill="currentColor"
      d="M11.5 3a9.5 9.5 0 0 1 9.5 9.5a9.5 9.5 0 0 1-9.5 9.5A9.5 9.5 0 0 1 2 12.5A9.5 9.5 0 0 1 11.5 3m0 1A8.5 8.5 0 0 0 3 12.5a8.5 8.5 0 0 0 8.5 8.5a8.5 8.5 0 0 0 8.5-8.5A8.5 8.5 0 0 0 11.5 4M11 7h1v5.42l4.7 2.71l-.5.87l-5.2-3z"
    />
  </svg>
);
export const SquareFacebookIcon = ({
  size,
  height = 24,
  width = 24,
  fill = "currentColor",
  ...props
}: IconSvgProps) => (
  <svg
    xmlns="http://www.w3.org/2000/svg"
    width={size || width}
    height={size || height}
    viewBox="0 0 24 24"
    {...props}
  >
    <path
      fill="currentColor"
      fillRule="evenodd"
      d="M15.725 22v-7.745h2.6l.389-3.018h-2.99V9.31c0-.874.243-1.47 1.497-1.47h1.598v-2.7a21 21 0 0 0-2.33-.12c-2.304 0-3.881 1.407-3.881 3.99v2.227H10v3.018h2.607V22H3.104C2.494 22 2 21.506 2 20.896V3.104C2 2.494 2.494 2 3.104 2h17.792C21.506 2 22 2.494 22 3.104v17.792c0 .61-.494 1.104-1.104 1.104z"
    />
  </svg>
);

export const SquareXIcon = ({
  size,
  height = 24,
  width = 24,
  fill = "currentColor",
  ...props
}: IconSvgProps) => (
  <svg
    xmlns="http://www.w3.org/2000/svg"
    width={size || width}
    height={size || height}
    viewBox="0 0 24 24"
    {...props}
  >
    <path
      fill="none"
      stroke="currentColor"
      strokeLinecap="round"
      strokeLinejoin="round"
      strokeWidth="1.5"
      d="m13.081 10.712l-4.786-6.71a.6.6 0 0 0-.489-.252H5.28a.6.6 0 0 0-.488.948l6.127 8.59m2.162-2.576l6.127 8.59a.6.6 0 0 1-.488.948h-2.526a.6.6 0 0 1-.489-.252l-4.786-6.71m2.162-2.576l5.842-6.962m-8.004 9.538L5.077 20.25"
    />
  </svg>
);
export const SquareLinkedInIcon = ({
  size,
  height = 24,
  width = 24,
  fill = "currentColor",
  ...props
}: IconSvgProps) => (
  <svg
    xmlns="http://www.w3.org/2000/svg"
    width={size || width}
    height={size || height}
    viewBox="0 0 24 24"
    {...props}
  >
    <path
      fill="currentColor"
      d="M20.47 2H3.53a1.45 1.45 0 0 0-1.47 1.43v17.14A1.45 1.45 0 0 0 3.53 22h16.94a1.45 1.45 0 0 0 1.47-1.43V3.43A1.45 1.45 0 0 0 20.47 2M8.09 18.74h-3v-9h3ZM6.59 8.48a1.56 1.56 0 1 1 0-3.12a1.57 1.57 0 1 1 0 3.12m12.32 10.26h-3v-4.83c0-1.21-.43-2-1.52-2A1.65 1.65 0 0 0 12.85 13a2 2 0 0 0-.1.73v5h-3v-9h3V11a3 3 0 0 1 2.71-1.5c2 0 3.45 1.29 3.45 4.06Z"
    />
  </svg>
);
export const SquareWhatsappIcon = ({
  size,
  height = 24,
  width = 24,
  fill = "currentColor",
  ...props
}: IconSvgProps) => (
  <svg
    xmlns="http://www.w3.org/2000/svg"
    width={size || width}
    height={size || height}
    viewBox="0 0 24 24"
    {...props}
  >
    <path
      fill="currentColor"
      d="M12.001 2c5.523 0 10 4.477 10 10s-4.477 10-10 10a9.95 9.95 0 0 1-5.03-1.355L2.005 22l1.352-4.968A9.95 9.95 0 0 1 2.001 12c0-5.523 4.477-10 10-10M8.593 7.3l-.2.008a1 1 0 0 0-.372.1a1.3 1.3 0 0 0-.294.228c-.12.113-.188.211-.261.306A2.73 2.73 0 0 0 6.9 9.62c.002.49.13.967.33 1.413c.409.902 1.082 1.857 1.97 2.742c.214.213.424.427.65.626a9.45 9.45 0 0 0 3.84 2.046l.568.087c.185.01.37-.004.556-.013a2 2 0 0 0 .833-.231a5 5 0 0 0 .383-.22q.001.002.125-.09c.135-.1.218-.171.33-.288q.126-.13.21-.302c.078-.163.156-.474.188-.733c.024-.198.017-.306.014-.373c-.004-.107-.093-.218-.19-.265l-.582-.261s-.87-.379-1.402-.621a.5.5 0 0 0-.176-.041a.48.48 0 0 0-.378.127c-.005-.002-.072.055-.795.931a.35.35 0 0 1-.368.13a1.4 1.4 0 0 1-.191-.066c-.124-.052-.167-.072-.252-.108a6 6 0 0 1-1.575-1.003c-.126-.11-.243-.23-.363-.346a6.3 6.3 0 0 1-1.02-1.268l-.059-.095a1 1 0 0 1-.102-.205c-.038-.147.061-.265.061-.265s.243-.266.356-.41c.11-.14.203-.276.263-.373c.118-.19.155-.385.093-.536q-.42-1.026-.868-2.041c-.059-.134-.234-.23-.393-.249q-.081-.01-.162-.016a3 3 0 0 0-.403.004z"
    />
  </svg>
);
export const CloudUploadIcon = ({
  size,
  height = 24,
  width = 24,
  fill = "currentColor",
  ...props
}: IconSvgProps) => (
  <svg
    xmlns="http://www.w3.org/2000/svg"
    width={size || width}
    height={size || height}
    viewBox="0 0 24 24"
    {...props}
  >
    <path
      fill="currentColor"
      d="M17.5 18.25a.75.75 0 0 1 0-1.5c1.66 0 2.25-.83 2.25-3.18a3.57 3.57 0 0 0-3.25-3.25a3.3 3.3 0 0 0-1 .18a.74.74 0 0 1-1-.49a5.25 5.25 0 0 0-10.25 1.56c0 3.44.76 5.18 2.25 5.18a.75.75 0 0 1 0 1.5c-2.5 0-3.75-2.25-3.75-6.68a6.75 6.75 0 0 1 13-2.68a4.4 4.4 0 0 1 .8-.07a5.07 5.07 0 0 1 4.75 4.75c-.05 1.28-.05 4.68-3.8 4.68"
    />
    <path
      fill="currentColor"
      d="M14.83 15.65a.77.77 0 0 1-.53-.22l-2.3-2.3l-2.3 2.3a.75.75 0 0 1-1.06-1.06l2.83-2.83a.74.74 0 0 1 1.06 0l2.83 2.83a.75.75 0 0 1 0 1.06a.8.8 0 0 1-.53.22"
    />
    <path
      fill="currentColor"
      d="M12 19.18a.75.75 0 0 1-.75-.75v-6.36a.75.75 0 0 1 1.5 0v6.36a.75.75 0 0 1-.75.75"
    />
  </svg>
);
export const BurgerButtonIcon = ({
  size,
  height = 24,
  width = 24,
  fill = "currentColor",
  ...props
}: IconSvgProps) => (
  <svg
    xmlns="http://www.w3.org/2000/svg"
    width={size || width}
    height={size || height}
    {...props}
    viewBox="0 0 16 16"
  >
    <path
      fill="currentColor"
      fillRule="evenodd"
      d="M0 3.75A.75.75 0 0 1 .75 3h14.5a.75.75 0 0 1 0 1.5H.75A.75.75 0 0 1 0 3.75M0 8a.75.75 0 0 1 .75-.75h14.5a.75.75 0 0 1 0 1.5H.75A.75.75 0 0 1 0 8m.75 3.5a.75.75 0 0 0 0 1.5h14.5a.75.75 0 0 0 0-1.5z"
      clipRule="evenodd"
    />
  </svg>
);

export const XLandingIcon = ({
  size,
  height = 24,
  width = 24,
  fill = "currentColor",
  ...props
}: IconSvgProps) => (
  <svg
    xmlns="http://www.w3.org/2000/svg"
    width={size || width}
    height={size || height}
    {...props}
    viewBox="0 0 24 24"
  >
    <path
      fill="none"
      stroke="currentColor"
      strokeLinecap="round"
      strokeLinejoin="round"
      strokeWidth="1.5"
      d="m3 21l7.548-7.548M21 3l-7.548 7.548m0 0L8 3H3l7.548 10.452m2.904-2.904L21 21h-5l-5.452-7.548"
      color="currentColor"
    />
  </svg>
);
export const InstagramLandingIcon = ({
  size,
  height = 24,
  width = 24,
  fill = "currentColor",
  ...props
}: IconSvgProps) => (
  <svg
    xmlns="http://www.w3.org/2000/svg"
    width={size || width}
    height={size || height}
    {...props}
    viewBox="0 0 24 24"
  >
    <path
      fill="currentColor"
      d="M12.001 9a3 3 0 1 0 0 6a3 3 0 0 0 0-6m0-2a5 5 0 1 1 0 10a5 5 0 0 1 0-10m6.5-.25a1.25 1.25 0 0 1-2.5 0a1.25 1.25 0 0 1 2.5 0M12.001 4c-2.474 0-2.878.007-4.029.058c-.784.037-1.31.142-1.798.332a2.9 2.9 0 0 0-1.08.703a2.9 2.9 0 0 0-.704 1.08c-.19.49-.295 1.015-.331 1.798C4.007 9.075 4 9.461 4 12c0 2.475.007 2.878.058 4.029c.037.783.142 1.31.331 1.797c.17.435.37.748.702 1.08c.337.336.65.537 1.08.703c.494.191 1.02.297 1.8.333C9.075 19.994 9.461 20 12 20c2.475 0 2.878-.007 4.029-.058c.782-.037 1.308-.142 1.797-.331a2.9 2.9 0 0 0 1.08-.703c.337-.336.538-.649.704-1.08c.19-.492.296-1.018.332-1.8c.052-1.103.058-1.49.058-4.028c0-2.474-.007-2.878-.058-4.029c-.037-.782-.143-1.31-.332-1.798a2.9 2.9 0 0 0-.703-1.08a2.9 2.9 0 0 0-1.08-.704c-.49-.19-1.016-.295-1.798-.331C14.926 4.006 14.54 4 12 4m0-2c2.717 0 3.056.01 4.123.06c1.064.05 1.79.217 2.427.465c.66.254 1.216.598 1.772 1.153a4.9 4.9 0 0 1 1.153 1.772c.247.637.415 1.363.465 2.428c.047 1.066.06 1.405.06 4.122s-.01 3.056-.06 4.122s-.218 1.79-.465 2.428a4.9 4.9 0 0 1-1.153 1.772a4.9 4.9 0 0 1-1.772 1.153c-.637.247-1.363.415-2.427.465c-1.067.047-1.406.06-4.123.06s-3.056-.01-4.123-.06c-1.064-.05-1.789-.218-2.427-.465a4.9 4.9 0 0 1-1.772-1.153a4.9 4.9 0 0 1-1.153-1.772c-.248-.637-.415-1.363-.465-2.428C2.012 15.056 2 14.717 2 12s.01-3.056.06-4.122s.217-1.79.465-2.428a4.9 4.9 0 0 1 1.153-1.772A4.9 4.9 0 0 1 5.45 2.525c.637-.248 1.362-.415 2.427-.465C8.945 2.013 9.284 2 12.001 2"
    />
  </svg>
);
export const FacebookLandingIcon = ({
  size,
  height = 24,
  width = 24,
  fill = "currentColor",
  ...props
}: IconSvgProps) => (
  <svg
    xmlns="http://www.w3.org/2000/svg"
    width={size || width}
    height={size || height}
    {...props}
    viewBox="0 0 24 24"
  >
    <path
      fill="currentColor"
      d="M20.9 2H3.1A1.1 1.1 0 0 0 2 3.1v17.8A1.1 1.1 0 0 0 3.1 22h9.58v-7.75h-2.6v-3h2.6V9a3.64 3.64 0 0 1 3.88-4a20 20 0 0 1 2.33.12v2.7H17.3c-1.26 0-1.5.6-1.5 1.47v1.93h3l-.39 3H15.8V22h5.1a1.1 1.1 0 0 0 1.1-1.1V3.1A1.1 1.1 0 0 0 20.9 2"
    />
  </svg>
);
export const TiktokLandingIcon = ({
  size,
  height = 24,
  width = 24,
  fill = "currentColor",
  ...props
}: IconSvgProps) => (
  <svg
    xmlns="http://www.w3.org/2000/svg"
    width={size || width}
    height={size || height}
    {...props}
    viewBox="0 0 24 24"
  >
    <path
      fill="currentColor"
      d="M16.6 5.82s.51.5 0 0A4.28 4.28 0 0 1 15.54 3h-3.09v12.4a2.59 2.59 0 0 1-2.59 2.5c-1.42 0-2.6-1.16-2.6-2.6c0-1.72 1.66-3.01 3.37-2.48V9.66c-3.45-.46-6.47 2.22-6.47 5.64c0 3.33 2.76 5.7 5.69 5.7c3.14 0 5.69-2.55 5.69-5.7V9.01a7.35 7.35 0 0 0 4.3 1.38V7.3s-1.88.09-3.24-1.48"
    />
  </svg>
);
export const YoutubeLandingIcon = ({
  size,
  height = 24,
  width = 24,
  fill = "currentColor",
  ...props
}: IconSvgProps) => (
  <svg
    xmlns="http://www.w3.org/2000/svg"
    width={size || width}
    height={size || height}
    {...props}
    viewBox="0 0 24 24"
  >
    <path
      fill="currentColor"
      d="M12.244 4c.534.003 1.87.016 3.29.073l.504.022c1.429.067 2.857.183 3.566.38c.945.266 1.687 1.04 1.938 2.022c.4 1.56.45 4.602.456 5.339l.001.152v.174c-.007.737-.057 3.78-.457 5.339c-.254.985-.997 1.76-1.938 2.022c-.709.197-2.137.313-3.566.38l-.504.023c-1.42.056-2.756.07-3.29.072l-.235.001h-.255c-1.13-.007-5.856-.058-7.36-.476c-.944-.266-1.687-1.04-1.938-2.022c-.4-1.56-.45-4.602-.456-5.339v-.326c.006-.737.056-3.78.456-5.339c.254-.985.997-1.76 1.939-2.021c1.503-.419 6.23-.47 7.36-.476zM9.999 8.5v7l6-3.5z"
    />
  </svg>
);
export const LandingEmailIcon = ({
  size,
  height = 24,
  width = 24,
  fill = "currentColor",
  ...props
}: IconSvgProps) => (
  <svg
    xmlns="http://www.w3.org/2000/svg"
    width={size || width}
    height={size || height}
    {...props}
    viewBox="0 0 24 24"
  >
    <path
      fill="currentColor"
      d="M20 4H4c-1.1 0-1.99.9-1.99 2L2 18c0 1.1.9 2 2 2h16c1.1 0 2-.9 2-2V6c0-1.1-.9-2-2-2m0 4l-8 5l-8-5V6l8 5l8-5z"
    />
  </svg>
);
export const LandingCallIcon = ({
  size,
  height = 24,
  width = 24,
  fill = "currentColor",
  ...props
}: IconSvgProps) => (
  <svg
    xmlns="http://www.w3.org/2000/svg"
    width={size || width}
    height={size || height}
    {...props}
    viewBox="0 0 512 512"
  >
    <path
      fill="currentColor"
      d="M391 480c-19.52 0-46.94-7.06-88-30c-49.93-28-88.55-53.85-138.21-103.38C116.91 298.77 93.61 267.79 61 208.45c-36.84-67-30.56-102.12-23.54-117.13C45.82 73.38 58.16 62.65 74.11 52a176.3 176.3 0 0 1 28.64-15.2c1-.43 1.93-.84 2.76-1.21c4.95-2.23 12.45-5.6 21.95-2c6.34 2.38 12 7.25 20.86 16c18.17 17.92 43 57.83 52.16 77.43c6.15 13.21 10.22 21.93 10.23 31.71c0 11.45-5.76 20.28-12.75 29.81c-1.31 1.79-2.61 3.5-3.87 5.16c-7.61 10-9.28 12.89-8.18 18.05c2.23 10.37 18.86 41.24 46.19 68.51s57.31 42.85 67.72 45.07c5.38 1.15 8.33-.59 18.65-8.47c1.48-1.13 3-2.3 4.59-3.47c10.66-7.93 19.08-13.54 30.26-13.54h.06c9.73 0 18.06 4.22 31.86 11.18c18 9.08 59.11 33.59 77.14 51.78c8.77 8.84 13.66 14.48 16.05 20.81c3.6 9.53.21 17-2 22c-.37.83-.78 1.74-1.21 2.75a176.5 176.5 0 0 1-15.29 28.58c-10.63 15.9-21.4 28.21-39.38 36.58A67.4 67.4 0 0 1 391 480"
    />
  </svg>
);
export const LandingLocationIcon = ({
  size,
  height = 24,
  width = 24,
  fill = "currentColor",
  ...props
}: IconSvgProps) => (
  <svg
    xmlns="http://www.w3.org/2000/svg"
    width={size || width}
    height={size || height}
    {...props}
    viewBox="0 0 24 24"
  >
    <path
      fill="currentColor"
      d="M12 11.5A2.5 2.5 0 0 1 9.5 9A2.5 2.5 0 0 1 12 6.5A2.5 2.5 0 0 1 14.5 9a2.5 2.5 0 0 1-2.5 2.5M12 2a7 7 0 0 0-7 7c0 5.25 7 13 7 13s7-7.75 7-13a7 7 0 0 0-7-7"
    />
  </svg>
);
export const LandingAppleIcon = ({
  size,
  height = 24,
  width = 24,
  fill = "currentColor",
  ...props
}: IconSvgProps) => (
  <svg
    xmlns="http://www.w3.org/2000/svg"
    width={size || width}
    height={size || height}
    {...props}
    viewBox="0 0 24 24"
  >
    <path
      fill="currentColor"
      d="M17.05 20.28c-.98.95-2.05.8-3.08.35c-1.09-.46-2.09-.48-3.24 0c-1.44.62-2.2.44-3.06-.35C2.79 15.25 3.51 7.59 9.05 7.31c1.35.07 2.29.74 3.08.8c1.18-.24 2.31-.93 3.57-.84c1.51.12 2.65.72 3.4 1.8c-3.12 1.87-2.38 5.98.48 7.13c-.57 1.5-1.31 2.99-2.54 4.09zM12.03 7.25c-.15-2.23 1.66-4.07 3.74-4.25c.29 2.58-2.34 4.5-3.74 4.25"
    />
  </svg>
);
export const LandingPlayStoreIcon = ({
  size,
  height = 24,
  width = 24,
  fill = "currentColor",
  ...props
}: IconSvgProps) => (
  <svg
    xmlns="http://www.w3.org/2000/svg"
    width={size || width}
    height={size || height}
    {...props}
    viewBox="0 0 24 24"
  >
    <path
      fill="currentColor"
      d="M3.61 1.814L13.793 12L3.611 22.186a1 1 0 0 1-.61-.92V2.735a1 1 0 0 1 .609-.921M14.5 12.707l2.302 2.302l-10.937 6.333zm3.199-3.198l2.807 1.626a1 1 0 0 1 0 1.73l-2.808 1.626L15.207 12zM5.865 2.658L16.803 8.99L14.5 11.293z"
    />
  </svg>
);
export const LandingAnalyticIcon = ({
  size,
  height = 24,
  width = 24,
  fill = "currentColor",
  ...props
}: IconSvgProps) => (
  <svg
    xmlns="http://www.w3.org/2000/svg"
    width={size || width}
    height={size || height}
    {...props}
    viewBox="0 0 24 24"
  >
    <path
      fill="currentColor"
      d="M19 3H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2M9 17H7v-7h2zm4 0h-2V7h2zm4 0h-2v-4h2z"
    />
  </svg>
);
export const CopyIcon = ({
  size,
  height = 24,
  width = 24,
  fill = "currentColor",
  ...props
}: IconSvgProps) => (
  <svg
    xmlns="http://www.w3.org/2000/svg"
    width={size || width}
    height={size || height}
    {...props}
    viewBox="0 0 36 36"
  >
    <path
      fill="currentColor"
      d="M27 3.56A1.56 1.56 0 0 0 25.43 2H5.57A1.56 1.56 0 0 0 4 3.56v24.88A1.56 1.56 0 0 0 5.57 30h.52V4.07H27Z"
      className="clr-i-solid clr-i-solid-path-1"
    />
    <rect
      width="23"
      height="28"
      x="8"
      y="6"
      fill="currentColor"
      className="clr-i-solid clr-i-solid-path-2"
      rx="1.5"
      ry="1.5"
    />
    <path fill="none" d="M0 0h36v36H0z" />
  </svg>
);
export const PlayIcon = ({
  size,
  height = 24,
  width = 24,
  fill = "currentColor",
  ...props
}: IconSvgProps) => (
  <svg
    xmlns="http://www.w3.org/2000/svg"
    width={size || width}
    height={size || height}
    {...props}
    viewBox="0 0 16 16"
  >
    <g fill="none">
      <g clip-path="url(#gravityUiPlayFill0)">
        <path
          fill="currentColor"
          fillRule="evenodd"
          d="M14.756 10.164c1.665-.962 1.665-3.366 0-4.329L6.251.918C4.585-.045 2.5 1.158 2.5 3.083v9.834c0 1.925 2.085 3.128 3.751 2.164z"
          clipRule="evenodd"
        />
      </g>
      <defs>
        <clipPath id="gravityUiPlayFill0">
          <path fill="currentColor" d="M0 0h16v16H0z" />
        </clipPath>
      </defs>
    </g>
  </svg>
);
export const ExportIcon = ({
  size,
  height = 24,
  width = 24,
  fill = "currentColor",
  ...props
}: IconSvgProps) => (
  <svg
    xmlns="http://www.w3.org/2000/svg"
    width={size || width}
    height={size || height}
    {...props}
    viewBox="0 0 36 36"
  >
    <path
      fill="currentColor"
      d="M17 22a1 1 0 0 1 1-1h8V6a2 2 0 0 0-2-2H10.87L4 10.86V30a2 2 0 0 0 2 2h18a2 2 0 0 0 2-2v-7h-8a1 1 0 0 1-1-1m-5-10H6v-.32L11.69 6H12Z"
      className="clr-i-solid clr-i-solid-path-1"
    />
    <path
      fill="currentColor"
      d="M29.32 16.35a1 1 0 0 0-1.41 1.41L31.16 21H26v2h5.19l-3.28 3.28a1 1 0 1 0 1.41 1.41L35 22Z"
      className="clr-i-solid clr-i-solid-path-2"
    />
    <path fill="none" d="M0 0h36v36H0z" />
  </svg>
);
export const VideoIcon = ({
  size,
  height = 37,
  width = 32,
  fill = "currentColor",
  ...props
}: IconSvgProps) => (
  <svg
    xmlns="http://www.w3.org/2000/svg"
    width={size || width}
    height={size || height}
    {...props}
    viewBox="0 0 37 32"
  >
    <g fill="currentColor">
      <path d="M7.5 0h-6C.631 0 0 .631 0 1.5v29c0 .869.631 1.5 1.5 1.5h34c.869 0 1.5-.631 1.5-1.5v-29c0-.869-.631-1.5-1.5-1.5zM1 30.5v-29c0-.313.187-.5.5-.5H7v30H1.5c-.313 0-.5-.187-.5-.5m7 .5V1h21v30zM36 1.5v29c0 .313-.187.5-.5.5H30V1h5.5c.313 0 .5.187.5.5" />
      <path d="M14.777 10.084a.5.5 0 0 0-.514-.025a.5.5 0 0 0-.263.441v12a.5.5 0 0 0 .777.416l9-6a.5.5 0 0 0 0-.832zM15 21.566V11.434l7.599 5.066zM5 8H3a.5.5 0 0 0 0 1h2a.5.5 0 0 0 0-1M3 5h2a.5.5 0 0 0 0-1H3a.5.5 0 0 0 0 1m2 7H3a.5.5 0 0 0 0 1h2a.5.5 0 0 0 0-1m0 4H3a.5.5 0 0 0 0 1h2a.5.5 0 0 0 0-1m0 4H3a.5.5 0 0 0 0 1h2a.5.5 0 0 0 0-1m0 4H3a.5.5 0 0 0 0 1h2a.5.5 0 0 0 0-1m0 4H3a.5.5 0 0 0 0 1h2a.5.5 0 0 0 0-1M32 9h2a.5.5 0 0 0 0-1h-2a.5.5 0 0 0 0 1m0-4h2a.5.5 0 0 0 0-1h-2a.5.5 0 0 0 0 1m0 8h2a.5.5 0 0 0 0-1h-2a.5.5 0 0 0 0 1m0 4h2a.5.5 0 0 0 0-1h-2a.5.5 0 0 0 0 1m0 4h2a.5.5 0 0 0 0-1h-2a.5.5 0 0 0 0 1m0 4h2a.5.5 0 0 0 0-1h-2a.5.5 0 0 0 0 1m2 3h-2a.5.5 0 0 0 0 1h2a.5.5 0 0 0 0-1" />
    </g>
  </svg>
);