import React, { FC } from 'react';

import { WfoIconProps } from './WfoIconProps';

export const WfoSortAsc: FC<WfoIconProps> = ({
    width = 24,
    height = 24,
    color = '#000000',
}) => (
    <svg
        width={width}
        height={height}
        viewBox="0 0 24 24"
        version="1.1"
        xmlns="http://www.w3.org/2000/svg"
    >
        <title>icon/sort-asc</title>
        <g
            id="Symbols"
            stroke="none"
            strokeWidth="1"
            fill="none"
            fillRule="evenodd"
        >
            <g id="icon/sort-asc" fill={color} fillRule="nonzero">
                <path
                    d="M5,5 C4.44772,5 4,5.44772 4,6 C4,6.55228 4.44772,7 5,7 L16,7 C16.5523,7 17,6.55228 17,6 C17,5.44772 16.5523,5 16,5 L5,5 Z M5,9 C4.44772,9 4,9.44772 4,10 C4,10.55228 4.44772,11 5,11 L10,11 C10.55228,11 11,10.55228 11,10 C11,9.44772 10.55228,9 10,9 L5,9 Z M5,13 C4.44772,13 4,13.4477 4,14 C4,14.5523 4.44772,15 5,15 L9,15 C9.55228,15 10,14.5523 10,14 C10,13.4477 9.55228,13 9,13 L5,13 Z M15.0000025,18 C15.0000025,18.5523 15.4477,19 16.0000025,19 C16.5523,19 17.0000025,18.5523 17.0000025,18 L17.0000025,12.4142 L18.2929,13.7071 C18.6834,14.0976 19.3166,14.0976 19.7071,13.7071 C20.0976,13.3166 20.0976,12.6834 19.7071,12.2929 L16.7071,9.29289 C16.5196,9.10536 16.2652,9 16.0000025,9 C15.7348,9 15.4804,9.10536 15.2929,9.29289 L12.2929,12.2929 C11.90237,12.6834 11.90237,13.3166 12.2929,13.7071 C12.6834,14.0976 13.3166,14.0976 13.7071,13.7071 L15.0000025,12.4142 L15.0000025,18 Z"
                    id="Combined-Shape"
                ></path>
            </g>
        </g>
    </svg>
);