import { forwardRef } from "react";
import type { IconProps } from "../../types";

export const IconNumberSortedOutline = forwardRef<SVGSVGElement, IconProps>(
  ({ color = "currentColor", ...props }, forwardedRef) => {
    const { className } = props;
    props = {
      ...props,
      width: `${props.width || props.size || 20}`,
      height: `${props.height || props.size || 20}`,
      className: `${
        className ? className + " " : ""
      }customeow-icon customeow-icon-icon-number-sorted-outline`,
    };
    return (
      <svg
        viewBox="0 0 20 20"
        fill="none"
        xmlns="http://www.w3.org/2000/svg"
        {...props}
        ref={forwardedRef}
      >
        <path
          d="M4.54129 11.8428C4.90152 11.8859 5.24311 12.0383 5.52567 12.2822C5.80825 12.5262 6.02024 12.852 6.13699 13.2207C6.24734 13.6812 6.23031 14.1672 6.08719 14.6172C5.94405 15.0671 5.68083 15.4623 5.33133 15.7539L4.68973 16.3945H5.57059C5.66975 16.3924 5.76844 16.4119 5.86063 16.4512C5.9528 16.4905 6.03688 16.5494 6.1077 16.624C6.1784 16.6986 6.23437 16.7876 6.27274 16.8858C6.31106 16.9838 6.33127 17.089 6.33133 17.1953C6.33133 17.3019 6.31112 17.4076 6.27274 17.5059C6.23437 17.604 6.17841 17.693 6.1077 17.7676C6.03688 17.8422 5.9528 17.9011 5.86063 17.9404C5.76844 17.9798 5.66975 17.9992 5.57059 17.9971H2.82645C2.66457 18.0122 2.50208 17.9699 2.36453 17.877C2.22709 17.7841 2.12123 17.6456 2.06375 17.4824C2.00631 17.3192 2.00038 17.1401 2.04617 16.9727C2.09205 16.8052 2.18799 16.6585 2.31863 16.5547L4.31766 14.5039C4.64562 14.1832 4.72 13.8624 4.72 13.6377C4.69193 13.5581 4.64276 13.4886 4.57938 13.4375C4.51606 13.3867 4.44043 13.3562 4.3616 13.3496C4.18777 13.3521 4.0185 13.4117 3.87723 13.5205C3.73612 13.6293 3.62949 13.7821 3.57156 13.958C3.45672 14.1105 3.29369 14.2131 3.11356 14.2451C2.93329 14.2771 2.74756 14.2366 2.59305 14.1319C2.43876 14.0271 2.32532 13.8652 2.27469 13.6768C2.22405 13.4883 2.24 13.2864 2.31863 13.1094C2.53573 12.6905 2.86096 12.3477 3.25516 12.1231C3.6495 11.8984 4.09667 11.8008 4.54129 11.8428ZM14.2405 15.8389C14.5505 15.839 14.802 16.0904 14.802 16.4004V16.8789C14.802 17.1889 14.5505 17.4403 14.2405 17.4404H9.19754C8.8876 17.4403 8.63609 17.1889 8.63602 16.8789V16.4004C8.63602 16.0904 8.88755 15.8391 9.19754 15.8389H14.2405ZM17.4153 12.6338C17.7382 12.6341 18.0001 12.9926 18.0003 13.4346C18.0003 13.8768 17.7384 14.2361 17.4153 14.2363H9.22196C8.89874 14.2363 8.63602 13.8769 8.63602 13.4346C8.63619 12.9924 8.89884 12.6338 9.22196 12.6338H17.4153ZM4.09305 2.03615C4.20946 1.99677 4.33363 1.98949 4.4534 2.01466C4.57304 2.03988 4.68467 2.09715 4.7786 2.18068C4.8762 2.25532 4.95552 2.35416 5.01004 2.46877C5.06455 2.58336 5.09293 2.71019 5.09207 2.83888V7.38869C5.09402 7.4952 5.07591 7.60119 5.03934 7.70021C5.00275 7.79923 4.94859 7.88976 4.87918 7.96584C4.80974 8.04193 4.72649 8.10231 4.63504 8.14357C4.54364 8.18479 4.44511 8.20607 4.34598 8.20607C4.24703 8.20601 4.14914 8.1847 4.05789 8.14357C3.96645 8.10231 3.88319 8.04193 3.81375 7.96584C3.74432 7.88975 3.69019 7.79925 3.6536 7.70021C3.61701 7.60118 3.59891 7.49521 3.60086 7.38869V3.99123C3.4205 4.04018 3.22965 4.01536 3.06571 3.92091C2.90158 3.82622 2.77579 3.66839 2.71414 3.47951C2.65262 3.29079 2.65969 3.08434 2.7327 2.90041C2.80582 2.71636 2.9401 2.5682 3.10965 2.48537L4.09305 2.03615ZM14.2405 6.0049C14.5505 6.00503 14.802 6.25637 14.802 6.56642V7.04494C14.802 7.35499 14.5505 7.60633 14.2405 7.60646H9.19754C8.88755 7.60629 8.63602 7.35497 8.63602 7.04494V6.56642C8.63602 6.25639 8.88755 6.00507 9.19754 6.0049H14.2405ZM17.4153 2.8008C17.7384 2.80109 18.0003 3.1594 18.0003 3.60158C18.0003 4.04374 17.7383 4.40207 17.4153 4.40236H9.22196C8.89875 4.40236 8.63603 4.04392 8.63602 3.60158C8.63602 3.15922 8.89874 2.8008 9.22196 2.8008H17.4153Z"
          fill={color}
        />
      </svg>
    );
  }
);

IconNumberSortedOutline.displayName = "IconNumberSortedOutline";

export default IconNumberSortedOutline;
