import React from 'react';
import PropTypes from 'prop-types';
import Icon40PropValues from '../_defaultIconPropValues.ts';

const ArrowUp = (props) => {
    const {
        width = Icon40PropValues.width,
        height = Icon40PropValues.height,
        fill = Icon40PropValues.fill,
        ...restProps
    } = props;

    return (
        <svg
            width={width}
            height={height}
            {...restProps}
            viewBox="0 0 24 24"
            fill="none"
            xmlns="http://www.w3.org/2000/svg"
        >
            <path
                d="M13.0025 2.47504L13.0025 22C13.0025 22.55 12.5525 23 12.0025 23C11.4525 23 11.0025 22.55 11.0025 22L11.0025 2.47504C11.0025 1.92504 11.4525 1.47504 12.0025 1.47504C12.5525 1.47504 13.0025 1.92504 13.0025 2.47504Z"
                fill={fill}
                stroke="none"
            />
            <path
                d="M19.1925 8.19004C19.1925 8.44504 19.0925 8.70004 18.8975 8.89504C18.5075 9.28504 17.8725 9.28504 17.4825 8.89504L11.2925 2.70504C10.9025 2.31504 10.9025 1.68004 11.2925 1.29004C11.6825 0.900039 12.3175 0.900039 12.7075 1.29004L18.8975 7.48004C19.0925 7.67504 19.1925 7.93004 19.1925 8.18504V8.19004Z"
                fill={fill}
                stroke="none"
            />
            <path
                d="M13.0025 2.00004C13.0025 2.25504 12.9025 2.51004 12.7075 2.70504L6.5175 8.89504C6.1275 9.28504 5.4925 9.28504 5.1025 8.89504C4.7125 8.50504 4.7125 7.87004 5.1025 7.48004L11.2925 1.29004C11.6825 0.900039 12.3175 0.900039 12.7075 1.29004C12.9025 1.48504 13.0025 1.74004 13.0025 1.99504V2.00004Z"
                fill={fill}
                stroke="none"
            />
        </svg>
    );
};

ArrowUp.propTypes = {
    width: PropTypes.string,
    height: PropTypes.string,
    fill: PropTypes.string,
    stroke: PropTypes.string,
};
export default ArrowUp;
