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


export const Alert: 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'>
    <path
      id={id}
      // eslint-disable-next-line
      d='M21.8239844,18.1588281 L13.049375,3.60691406 C12.8276172,3.23914063 12.4294531,3.01425781 11.9999609,3.01425781 C11.5704687,3.01425781 11.1723047,3.23910156 10.9505469,3.60691406 L2.17601563,18.1588281 C1.9478125,18.5373047 1.94105469,19.009375 2.15839844,19.3941797 C2.37574219,19.7790234 2.7834375,20.0169922 3.22539063,20.0169922 L20.7745703,20.0169922 C21.2165234,20.0169922 21.6242188,19.7789844 21.8415625,19.3941797 C22.0589063,19.0093359 22.0521875,18.5373047 21.8239844,18.1588281 Z M12.0065234,8.04792969 C12.5104688,8.04792969 12.936875,8.33222656 12.936875,8.83613281 C12.936875,10.37375 12.7559766,12.5833594 12.7559766,14.1209766 C12.7559766,14.5215625 12.3166406,14.6894922 12.0065234,14.6894922 C11.5930859,14.6894922 11.2441797,14.5215234 11.2441797,14.1209766 C11.2441797,12.5833594 11.0633203,10.37375 11.0633203,8.83613281 C11.0633203,8.33222656 11.4767578,8.04792969 12.0065234,8.04792969 Z M12.0194531,17.5710156 C11.4509375,17.5710156 11.0244922,17.1058594 11.0244922,16.5760938 C11.0244922,16.0333984 11.4508984,15.5811719 12.0194531,15.5811719 C12.5492187,15.5811719 13.0014844,16.0333984 13.0014844,16.5760938 C13.0014844,17.1058594 12.5492187,17.5710156 12.0194531,17.5710156 Z'
      fill={fill}
      fillRule='nonzero'
    />
  </svg>
)

export default Alert
