export const YouTubeIcon: React.FC<React.SVGAttributes<{}>> = (props) => {
  return (
    <svg
      width="1em"
      height="1em"
      viewBox="0 0 24 24"
      fill="none"
      xmlns="http://www.w3.org/2000/svg"
      {...props}
    >
      <circle cx={12} cy={12} r={12} fill="red" />
      <path
        d="M18.69 8.56a1.794 1.794 0 00-.454-.797 1.754 1.754 0 00-.784-.462C16.365 7 11.992 7 11.992 7s-4.372.01-5.458.31c-.297.082-.568.24-.785.462-.217.22-.374.495-.454.797-.329 1.96-.456 4.949.009 6.832.08.301.237.576.454.797.218.22.488.38.785.461 1.086.301 5.459.301 5.459.301s4.372 0 5.459-.3c.297-.082.567-.241.784-.462.218-.221.374-.496.455-.797.346-1.964.453-4.95-.01-6.841z"
        fill="#fff"
      />
      <path d="M10.602 14.114l3.627-2.134-3.627-2.134v4.268z" fill="red" />
    </svg>
  );
};