import React from 'react';

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

export const LinkedInIcon = forwardRef<typeof Icon>(
  function LinkedInIcon(props, ref) {
    return (
      <Icon ref={ref} {...props}>
        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20">
          <path
            fill="currentColor"
            d="M17.31 1H2.7A1.7 1.7 0 001 2.69V17.3c0 .93.76 1.69 1.69 1.69H17.3a1.7 1.7 0 001.7-1.68V2.7A1.7 1.7 0 0017.31 1zM7.75 15.62H5.5V7.75h2.25v7.87zm-1.13-9a1.12 1.12 0 110-2.24 1.12 1.12 0 010 2.24zm9 9h-2.24v-4.5a1.12 1.12 0 10-2.25 0v4.5H8.88V7.75h2.25v1.4c.46-.64 1.17-1.4 1.97-1.4 1.4 0 2.53 1.26 2.53 2.81v5.06z"
          />
        </svg>
      </Icon>
    );
  },
);
