ArrowDivideDown.tsx

import React from 'react';

import { IconProps } from '../IconRoot';

export const ArrowDivideDown: React.FC<IconProps> = (props) => (
    <svg width="100%" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" {...props}>
        <path
            fillRule="evenodd"
            clipRule="evenodd"
            d="M17 21L20.5 17L18 17L18 15.9155C18 13.7555 16.8667 11.7538 15.0145 10.6425C13.7647 9.89263 13 8.54201 13 7.08452L13 4C13 3.44772 12.5523 3 12 3C11.4477 3 11 3.44771 11 4L11 7.08452C11 8.54201 10.2353 9.89263 8.98551 10.6425C7.13331 11.7538 6 13.7555 6 15.9155L6 17L3.5 17L7 21L10.5 17L8 17L8 15.9155C8 14.458 8.76471 13.1074 10.0145 12.3575C10.8259 11.8706 11.4994 11.2129 12 10.4459C12.5006 11.2129 13.1741 11.8706 13.9855 12.3575C15.2353 13.1074 16 14.458 16 15.9155L16 17L13.5 17L17 21Z"
            fill="currentColor"
        />
    </svg>
);