import { ComponentProps } from "react";

export const Tiktok = (props: ComponentProps<"svg">) => {
  return (
    <svg
      xmlns="http://www.w3.org/2000/svg"
      width="27"
      height="31"
      viewBox="0 0 27 31"
      fill="none"
      {...props}
    >
      <path
        d="M22.8212 7.22877C22.6182 7.12647 22.4206 7.01433 22.2291 6.89276C21.6722 6.53382 21.1617 6.11087 20.7084 5.63304C19.5743 4.36782 19.1508 3.08427 18.9948 2.1856H19.001C18.8707 1.43966 18.9246 0.957031 18.9328 0.957031H13.7674V20.432C13.7674 20.6935 13.7674 20.9519 13.7561 21.2073C13.7561 21.2391 13.753 21.2684 13.7511 21.3026C13.7511 21.3167 13.7511 21.3313 13.748 21.346C13.748 21.3497 13.748 21.3533 13.748 21.357C13.6935 22.0557 13.4638 22.7308 13.079 23.3226C12.6942 23.9145 12.1662 24.4051 11.5413 24.7513C10.89 25.1125 10.1534 25.3021 9.40407 25.3011C6.99746 25.3011 5.04699 23.3877 5.04699 21.0246C5.04699 18.6616 6.99746 16.7482 9.40407 16.7482C9.85963 16.7478 10.3124 16.8177 10.7455 16.9553L10.7518 11.8272C9.43688 11.6616 8.10103 11.7635 6.82852 12.1264C5.55602 12.4894 4.37447 13.1056 3.35842 13.9361C2.46812 14.6903 1.71964 15.5903 1.14667 16.5954C0.928628 16.962 0.105958 18.4349 0.00633566 20.8255C-0.0563201 22.1823 0.361594 23.5881 0.560839 24.1691V24.1813C0.68615 24.5234 1.17173 25.6909 1.96307 26.6751C2.60118 27.4645 3.35509 28.1581 4.20051 28.7333V28.7211L4.21304 28.7333C6.71363 30.3901 9.48615 30.2814 9.48615 30.2814C9.96609 30.2624 11.5738 30.2814 13.3996 29.4377C15.4247 28.5023 16.5775 27.1088 16.5775 27.1088C17.314 26.2762 17.8997 25.3273 18.3093 24.3029C18.7767 23.1048 18.9328 21.6679 18.9328 21.0937V10.7617C18.9954 10.7984 19.83 11.3366 19.83 11.3366C19.83 11.3366 21.0323 12.0881 22.9083 12.5774C24.2541 12.9256 26.0674 12.9989 26.0674 12.9989V7.99914C25.432 8.06635 24.142 7.87085 22.8212 7.22877Z"
        fill="white"
      />
    </svg>
  );
};