import React from 'react';

type NoteIconProps = {
    color?: string
}

const NoteIcon = ({color='#040059'}: NoteIconProps) => {

    return (
        <svg xmlns="http://www.w3.org/2000/svg" width="19" height="24" viewBox="0 0 19 24">
            <g id="notes" transform="translate(-2)">
                <path id="Path_22246" data-name="Path 22246" d="M6.75,5.5a1,1,0,0,1-1-1V1a1,1,0,0,1,2,0V4.5A1,1,0,0,1,6.75,5.5Z" fill={color}/>
                <path id="Path_22247" data-name="Path 22247" d="M11.5,5.5a1,1,0,0,1-1-1V1a1,1,0,0,1,2,0V4.5A1,1,0,0,1,11.5,5.5Z" fill={color}/>
                <path id="Path_22248" data-name="Path 22248" d="M16.25,5.5a1,1,0,0,1-1-1V1a1,1,0,0,1,2,0V4.5A1,1,0,0,1,16.25,5.5Z" fill={color}/>
                <path id="Path_22249" data-name="Path 22249" d="M18.25,2.25H4.75A2.752,2.752,0,0,0,2,5V21.25A2.752,2.752,0,0,0,4.75,24h13.5A2.752,2.752,0,0,0,21,21.25V5A2.752,2.752,0,0,0,18.25,2.25ZM7,8h5a1,1,0,0,1,0,2H7A1,1,0,0,1,7,8ZM17,18H7a1,1,0,0,1,0-2H17a1,1,0,0,1,0,2Zm0-4H7a1,1,0,0,1,0-2H17a1,1,0,0,1,0,2Z" fill={color}/>
            </g>
        </svg>



    );
}

export default NoteIcon;