import React, { SVGAttributes } from 'react';

type ArrowDownIconProps = SVGAttributes<SVGElement>;

export const ArrowDownIcon = (props: ArrowDownIconProps) => {
    return (
        <svg fill="#4f4f4f" height="25" width="24" viewBox="0 0 24 25" xmlns="http://www.w3.org/2000/svg" {...props}>
            <path d="M8.12459 9.49953L12.0046 13.3795L15.8846 9.49953C16.2746 9.10953 16.9046 9.10953 17.2946 9.49953C17.6846 9.88953 17.6846 10.5195 17.2946 10.9095L12.7046 15.4995C12.3146 15.8895 11.6846 15.8895 11.2946 15.4995L6.70459 10.9095C6.51734 10.7227 6.41211 10.469 6.41211 10.2045C6.41211 9.94001 6.51734 9.68636 6.70459 9.49953C7.09459 9.11953 7.73459 9.10953 8.12459 9.49953Z" />
        </svg>
    );
};