import React from 'react';

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

export const PencilIcon = forwardRef<typeof Icon>(
  function PencilIcon(props, ref) {
    return (
      <Icon ref={ref} {...props}>
        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20">
          <path
            fill="currentColor"
            d="m10.616 4.677-6.97 6.97a.5.5 0 0 0-.128.221l-1.5 5.5a.5.5 0 0 0 .614.614l5.5-1.5a.499.499 0 0 0 .222-.128l6.969-6.97-4.707-4.707ZM17.56 5.025 14.976 2.44a1.5 1.5 0 0 0-2.121 0l-1.177 1.177 4.707 4.707 1.177-1.177a1.5 1.5 0 0 0 0-2.12Z"
          />
        </svg>
      </Icon>
    );
  },
);
