import { FC, SVGProps } from "react";

export const EmojiIcons: FC<SVGProps<SVGSVGElement>> = (props) => (
  <svg {...props} height="1em" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
    <path
      d="M12 23C13.0949 22.9993 14.1837 22.8371 15.2313 22.5187L23 12C23 9.82441 22.3549 7.69767 21.1462 5.88873C19.9375 4.07979 18.2195 2.66989 16.2095 1.83733C14.1995 1.00477 11.9878 0.786929 9.85401 1.21137C7.72022 1.6358 5.76021 2.68345 4.22183 4.22183C2.68345 5.76021 1.6358 7.72022 1.21137 9.85401C0.786929 11.9878 1.00477 14.1995 1.83733 16.2095C2.66989 18.2195 4.07979 19.9375 5.88873 21.1462C7.69767 22.3549 9.82441 23 12 23Z"
      stroke="currentColor"
      strokeWidth="2"
      strokeLinecap="round"
      strokeLinejoin="round"
    />
    <path
      d="M7.875 11.084C8.63439 11.084 9.25 10.4684 9.25 9.70898C9.25 8.94959 8.63439 8.33398 7.875 8.33398C7.11561 8.33398 6.5 8.94959 6.5 9.70898C6.5 10.4684 7.11561 11.084 7.875 11.084Z"
      fill="currentColor"
    />
    <path
      d="M16.125 11.084C16.8844 11.084 17.5 10.4684 17.5 9.70898C17.5 8.94959 16.8844 8.33398 16.125 8.33398C15.3656 8.33398 14.75 8.94959 14.75 9.70898C14.75 10.4684 15.3656 11.084 16.125 11.084Z"
      fill="currentColor"
    />
    <path
      d="M16.7677 14.75C16.2831 15.5849 15.5878 16.2778 14.7512 16.7595C13.9147 17.2412 12.9663 17.4947 12.001 17.4947C11.0357 17.4947 10.0874 17.2412 9.25084 16.7595C8.41431 16.2778 7.71896 15.5849 7.23438 14.75"
      stroke="currentColor"
      strokeWidth="2"
      strokeLinecap="round"
      strokeLinejoin="round"
    />
  </svg>
);
