import PropTypes from "prop-types";
import { SVGProps } from "react";
interface SVGRProps {
  title?: string;
  titleId?: string;
  size?: string;
}
const KoFi = ({
  title,
  titleId,
  ...props
}: SVGProps<SVGSVGElement> & SVGRProps) => {
  return (
    <svg
      xmlns="http://www.w3.org/2000/svg"
      width={props.size || 16}
      height={props.size || 16}
      viewBox="0 0 1239 853"
      aria-labelledby={titleId}
      {...props}
    >
      {title ? <title id={titleId}>{title}</title> : null}
      <path d="M107.5 53c-25.3 5.3-45.4 25.5-52.6 52.8-2 7.5-2.1 10.6-2.6 149.2-.5 140.1.9 363.3 2.7 402 1.3 29.3 5.6 47.7 16.2 68.3 17.5 34.1 50.2 58.8 91.3 69 21.9 5.5 8.6 5.2 239.5 4.9 251.4-.4 344.2-1.3 354.1-3.6 20.2-4.7 42.5-14.1 58.8-25 38.2-25.4 63.6-70.1 70.7-124.1.9-6.6 1.7-13 2-14.1.3-2 1.2-2.2 11.6-2.8 72.5-4.4 136.5-27.3 188.8-67.6 13.5-10.4 38.9-36.3 49.4-50.2 28-37.6 45-78.9 52.3-127.3 2.7-18.2 2.5-63.7-.5-83.2-8.6-56.9-28.2-104.6-59.2-143.8-9-11.4-30.8-32.7-42.5-41.6-43.6-33.2-86.9-51.6-143.5-61.2l-12.5-2.1-410-.2c-225.5-.1-411.8.2-414 .6zM929 111.5c39.9 4.7 72.9 16.6 106 38.2 16.2 10.7 22.1 15.3 33.9 26.7 33.5 32.6 54.1 75.5 62.6 130.6 2.2 14.3 3.1 46.8 1.6 61.1-5.1 49.5-24.8 92.7-57.6 126.8-39.7 41.3-91.1 65.8-156 74.7-7 .9-23.6 1.9-40 2.3l-28 .6-5.4 3c-10.1 5.6-15.1 14.9-15.1 28 0 12.5-2 32.4-4.5 45.1-9.3 46.3-33 74.7-73.5 87.9l-8.5 2.8-62 .8c-34.1.4-159.2.9-278 1.1l-216 .3-8.8-2.3c-34.2-8.7-54.5-26.9-63.2-56.7-2.1-7.2-2.8-12.5-3.5-26-1.7-31.5-3.2-252.8-2.8-395.5.4-150.5.2-143.4 5.1-148.8l2-2.2h399.6c344.8 0 401.3.2 412.1 1.5z" />
      <path d="M855.3 184.5c-10.8 3-18 10.3-20.8 21.1-2.3 8.8-2.3 261 0 269.8 3 11.3 11.3 19.4 22.3 21.7 7 1.4 64 .7 78.1-1.1 11.3-1.4 22.7-5.2 38.6-13 44.8-21.9 70.7-55.3 81.3-105 5-22.8 5.5-59.4 1.3-79.1-5.8-26.7-15.8-46.9-33.4-67-21.5-24.6-49.7-40.4-83.2-46.5-13-2.4-76.6-3.1-84.2-.9zM925 242c26.5 3.2 48.2 16.8 62.7 39.2 9.6 14.8 13.3 29.8 13.3 53.7 0 51.6-18.4 82.3-59.5 99.2-7.8 3.2-11.1 4-20.6 4.9-6.3.5-15.6 1-20.6 1H891V241h12.8c7 0 16.6.5 21.2 1z" />
      <path
        fill="#FF504F"
        d="M561.8 245.6c-28.7 5.2-60.3 22.1-83.5 44.7l-6.2 6-9.8-9.4c-20.6-19.7-46.1-33.2-74.3-39.4-11.6-2.5-36.4-3.1-49-1.1-41.8 6.6-73 31-84.8 66.1-6 17.6-7.4 42.4-3.8 63 4.9 27.5 17.3 56.3 32.4 75.3C302 475 359.3 531.2 433 598c37.5 34 35.1 32.4 42 29.3 7.5-3.4 96.9-88.3 144.9-137.7 38.7-39.7 49.3-52.6 59-71.7 11.8-23.2 16.7-44.3 15.8-68.7-.7-22.4-6.3-40.4-17.7-57.1-16.1-23.8-44.3-41.1-75.7-46.6-10.5-1.8-29.2-1.8-39.5.1z"
      />
    </svg>
  );
};
KoFi.propTypes = {
  title: PropTypes.string,
};
export default KoFi;
