import React from 'react';

type BellIconProps = {
    color?: string
}

const BellIcon = ({color}: BellIconProps) => {

    return (
        <svg xmlns="http://www.w3.org/2000/svg" width="30.477" height="32.387" viewBox="0 0 30.477 32.387">
        <g id="notify" transform="translate(-1.856 -2.25)">
          <path id="Path_9502" data-name="Path 9502" d="M31.583,22.848a4.165,4.165,0,0,0-3.329-4.072V14.17a11.159,11.159,0,1,0-22.319,0v4.606a4.165,4.165,0,0,0-3.329,4.072s0,0,0,.156a4.125,4.125,0,0,0,4.153,3.99H27.427a4.157,4.157,0,0,0,4.156-4.145Z" transform="translate(0 0)" fill="none" stroke={color} strokeWidth="1.5"/>
          <path id="Path_9503" data-name="Path 9503" d="M16.422,31.284A6.032,6.032,0,0,0,22,27.526H10.842a6.032,6.032,0,0,0,5.58,3.758Z" transform="translate(0.673 2.603)" fill="none" stroke={color} strokeWidth="1.5"/>
        </g>
      </svg>
    );
}

export default BellIcon;