import React from 'react';

type MessagesIconProps = {
    color?: string
}

const MessagesIcon = ({color='#fff'}: MessagesIconProps) => {

    return (
        <svg xmlns="http://www.w3.org/2000/svg" width="19.515" height="20.735" viewBox="0 0 19.515 20.735">
            <g id="notify" transform="translate(-2.106 -2.5)">
                <path id="Path_9502" data-name="Path 9502" d="M21.121,15.682a2.661,2.661,0,0,0-2.127-2.6V10.137a7.13,7.13,0,1,0-14.261,0V13.08a2.661,2.661,0,0,0-2.127,2.6s0,0,0,.1a2.636,2.636,0,0,0,2.654,2.549h13.2a2.656,2.656,0,0,0,2.655-2.649Z" fill={color} stroke={color} strokeWidth="1"/>
                <path id="Path_9503" data-name="Path 9503" d="M14.407,29.927a3.854,3.854,0,0,0,3.565-2.4h-7.13a3.854,3.854,0,0,0,3.565,2.4Z" transform="translate(-2.543 -7.192)" fill={color} stroke={color} strokeWidth="1"/>
            </g>
        </svg>


    );
}

export default MessagesIcon;