import React from 'react';

import { forwardRef } from '../../utils/react';
import { Icon } from '../../icon';

export const TwitterIcon = forwardRef<typeof Icon>(
  function TwitterIcon(props, ref) {
    return (
      <Icon ref={ref} {...props}>
        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20">
          <path
            fill="currentColor"
            d="M14.015 7.94c.004.09.005.18.005.27 0 2.736-2.082 5.892-5.894 5.892a5.848 5.848 0 01-3.175-.93 4.157 4.157 0 003.067-.857 2.075 2.075 0 01-1.935-1.44 2.063 2.063 0 00.935-.035 2.073 2.073 0 01-1.662-2.03c0-.01 0-.018.002-.027.278.156.598.248.938.258a2.067 2.067 0 01-.643-2.764 5.884 5.884 0 004.27 2.165 2.072 2.072 0 013.53-1.89 4.087 4.087 0 001.316-.503c-.155.484-.483.89-.911 1.146.42-.049.82-.16 1.19-.325a4.214 4.214 0 01-1.033 1.07zM10 1c-4.963 0-9 4.038-9 9 0 4.963 4.037 9 8.999 9C14.962 19 19 14.963 19 10c0-4.962-4.038-9-9.001-9z"
          />
        </svg>
      </Icon>
    );
  },
);
