Twitter.tsx

import React, {SVGProps} from 'react';

type TwitterLogoProps = {
  className?: string;
} & SVGProps<SVGSVGElement>;

function TwitterLogo(props: TwitterLogoProps) {
  return (
    <svg
      width="16"
      height="16"
      viewBox="0 0 16 16"
      fill="none"
      xmlns="http://www.w3.org/2000/svg"
      {...props}
    >
      <g clipPath="url(#clip0_3_18)">
        <path
          d="M16 2.49075C15.4117 2.78045 14.7796 2.97619 14.1151 3.06466C14.7929 2.61368 15.313 1.89806 15.5582 1.0462C14.924 1.4643 14.2215 1.76809 13.4738 1.93095C12.8749 1.22315 12.0222 0.779999 11.078 0.779999C9.26559 0.779999 7.79568 2.41324 7.79568 4.42857C7.79568 4.71357 7.82527 4.99074 7.88024 5.25851C5.15108 5.10583 2.73338 3.65344 1.11407 1.44708C0.8322 1.98732 0.670131 2.61368 0.670131 3.28076C0.670131 4.54602 1.25007 5.6633 2.1302 6.31707C1.59183 6.2975 1.08589 6.13385 0.643358 5.86061V5.90759C0.643358 7.67471 1.77434 9.14903 3.27667 9.48413C3.00045 9.56713 2.71084 9.61097 2.41206 9.61097C2.20066 9.61097 1.99419 9.58904 1.79407 9.54677C2.21193 10.9953 3.42396 12.0506 4.86076 12.0788C3.73683 13.0576 2.32115 13.6408 0.783589 13.6408C0.518632 13.6408 0.257201 13.6237 0 13.59C1.45301 14.6258 3.17803 15.2287 5.03128 15.2287C11.0702 15.2287 14.3716 9.67126 14.3716 4.85137C14.3716 4.69478 14.368 4.53662 14.3617 4.38003C15.0029 3.86484 15.5597 3.2236 15.9986 2.4931L16 2.49075Z"
          fill="currentColor"
        />
      </g>
      <defs>
        <clipPath id="clip0_3_18">
          <rect width="16" height="16" fill="currentColor" />
        </clipPath>
      </defs>
    </svg>
  );
}

export default TwitterLogo;