import { SvgProps } from "./";

export const TwitterBird: React.FunctionComponent<SvgProps & { size?: number }> = (props) => {
  return (
    <svg
      width={props.size || "16"}
      height={(props.size && props.size * 0.8125) || "13"}
      viewBox="0 0 16 13"
      fill="none"
      xmlns="http://www.w3.org/2000/svg"
    >
      <path
        d="M5.03168 13C11.0694 13 14.3718 7.99808 14.3718 3.66044C14.3718 3.51837 14.3718 3.37694 14.3622 3.23615C15.0047 2.77148 15.5593 2.19613 16 1.53705C15.4009 1.80264 14.7654 1.97673 14.1146 2.0535C14.7999 1.64332 15.3128 0.99809 15.5578 0.237937C14.9134 0.620318 14.2084 0.88978 13.4733 1.03469C12.9783 0.508438 12.3237 0.15997 11.6108 0.0432057C10.8978 -0.073558 10.1663 0.0478922 9.52931 0.388763C8.89234 0.729633 8.38548 1.27092 8.08716 1.92886C7.78884 2.5868 7.71569 3.32472 7.87904 4.02841C6.57393 3.96295 5.29717 3.62379 4.13164 3.03296C2.9661 2.44213 1.93784 1.61282 1.1136 0.598874C0.693819 1.32149 0.565248 2.17692 0.754066 2.991C0.942885 3.80508 1.43489 4.51659 2.12992 4.98067C1.60749 4.96537 1.09643 4.82444 0.64 4.56982V4.61142C0.640207 5.36927 0.902567 6.10372 1.38258 6.6902C1.86259 7.27667 2.53071 7.67907 3.2736 7.82913C2.79032 7.96095 2.28325 7.98021 1.79136 7.88545C2.00121 8.53762 2.40962 9.10793 2.95949 9.51663C3.50937 9.92534 4.17322 10.152 4.85824 10.165C4.17763 10.6999 3.39821 11.0954 2.56458 11.3289C1.73096 11.5624 0.859476 11.6292 0 11.5255C1.50122 12.4888 3.24795 12.9998 5.03168 12.9974"
        fill={props.color || "#1DA1F2"}
      />
    </svg>
  );
};