import React from 'react';

type NotificationSettingsIconProps = {
    color?: string
}

const NotificationSettingsIcon = ({color}: NotificationSettingsIconProps) => {

    return (
        <svg xmlns="http://www.w3.org/2000/svg" width="32.895" height="25.107" viewBox="0 0 32.895 25.107">
            <path id="email" d="M12.589,80.636a1,1,0,0,1-1,1H5.266a1,1,0,0,1,0-1.993h6.326a1,1,0,0,1,1,1ZM3.224,64.482H28.67l-12.723,11ZM29.34,84.6a.56.56,0,0,0,.561-.561V66.053l-13.3,11.5a.99.99,0,0,1-1.3,0l-13.3-11.5V84.04a.56.56,0,0,0,.561.561ZM2.554,86.595H29.34a2.556,2.556,0,0,0,2.554-2.554v-19a2.559,2.559,0,0,0-2.554-2.554H2.554A2.558,2.558,0,0,0,0,65.042v19a2.556,2.556,0,0,0,2.554,2.554Z" transform="translate(0.5 -61.988)" fill={color} stroke="#fff" strokeWidth="1" fillRule="evenodd"/>
        </svg>
    );
}

export default NotificationSettingsIcon;