const CalendarIcon = () => {
    return (
        <svg
            width="14"
            height="14"
            viewBox="0 0 14 14"
            fill="none"
            xmlns="http://www.w3.org/2000/svg"
            className='CalendarIcon custom-icons'
        >
            <g id="icon/system/calendar_date">
                <g id="Vector">
                    <path
                        d="M12.1953 1.09375C13.1904 1.09375 14 1.90333 14 2.89844V12.1953C14 13.1904 13.1904 14 12.1953 14H1.80469C0.80958 14 0 13.1904 0 12.1953V2.89844C0 1.90333 0.80958 1.09375 1.80469 1.09375H3.0625V0.4375C3.0625 0.195891 3.25836 0 3.5 0C3.74164 0 3.9375 0.195891 3.9375 0.4375V1.09375H10.0625V0.4375C10.0625 0.195891 10.2584 0 10.5 0C10.7416 0 10.9375 0.195891 10.9375 0.4375V1.09375H12.1953ZM13.125 12.1953V4.94922C13.125 4.87374 13.0638 4.8125 12.9883 4.8125H1.01172C0.936236 4.8125 0.875 4.87374 0.875 4.94922V12.1953C0.875 12.7088 1.29121 13.125 1.80469 13.125H12.1953C12.7088 13.125 13.125 12.7088 13.125 12.1953Z"
                        fill="#287FCE"
                    />
                    <path
                        fillRule="evenodd"
                        clipRule="evenodd"
                        d="M10.9375 8.3125C11.1791 8.3125 11.375 8.50838 11.375 8.75V11.375C11.375 11.6166 11.1791 11.8125 10.9375 11.8125H8.3125C8.07088 11.8125 7.875 11.6166 7.875 11.375V8.75C7.875 8.50838 8.07088 8.3125 8.3125 8.3125H10.9375Z"
                        fill="#287FCE"
                    />
                </g>
            </g>
        </svg>
    );
};

export default CalendarIcon;