import React, { FC } from 'react'
import { I_ICON_PROPS } from '../types'


export const Pencil: FC<I_ICON_PROPS> = ({
  id,
  width,
  height,
  fill,
}) => (
  <svg width={width} height={height} viewBox='0 0 24 24' version='1.1' xmlns='http://www.w3.org/2000/svg'>
    <g id={id} fill={fill}>
      <path d='M0 0h24v24H0z' fill='none'/>
      <path
        /* eslint-disable-next-line */
        d='M3 17.25V21h3.75L17.81 9.94l-3.75-3.75L3 17.25zM20.71 7.04c.39-.39.39-1.02 0-1.41l-2.34-2.34c-.39-.39-1.02-.39-1.41 0l-1.83 1.83 3.75 3.75 1.83-1.83z'
      />
    </g>
  </svg>
)

export default Pencil
