import "./custom.icons.scss";

const ArrowDownChevron = () => {
    return (
        <svg
            width="12"
            height="12"
            viewBox="0 0 12 12"
            fill="none"
            xmlns="http://www.w3.org/2000/svg"
             className='ArrowDownChevron custom-icons'
        >
            <g id="arrows/down-chevron">
                <path
                    id="Vector"
                    d="M0.707476 3.00014C1.09821 2.60942 1.73171 2.60943 2.12244 3.00016L5.99995 6.87767L9.87746 3.00016C10.2682 2.60943 10.9017 2.60942 11.2924 3.00014C11.6832 3.39088 11.6832 4.0244 11.2924 4.41514L6.53028 9.1773C6.23739 9.4702 5.76251 9.4702 5.46962 9.1773L0.707458 4.41514C0.316715 4.0244 0.316723 3.39088 0.707476 3.00014Z"
                    fill="#287FCE"
                />
            </g>
        </svg>
    );
};

export default ArrowDownChevron;