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

export const IconToolDpiOutline = 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-tool-dpi-outline`,
    };
    return (
      <svg
        viewBox="0 0 20 20"
        fill="none"
        xmlns="http://www.w3.org/2000/svg"
        {...props}
        ref={forwardedRef}
      >
        <path
          d="M17 3.5H3C2.72386 3.5 2.5 3.72386 2.5 4V13C2.5 13.2761 2.72386 13.5 3 13.5H17C17.2761 13.5 17.5 13.2761 17.5 13V4C17.5 3.72386 17.2761 3.5 17 3.5ZM3 2C1.89543 2 1 2.89543 1 4V13C1 14.1046 1.89543 15 3 15H17C18.1046 15 19 14.1046 19 13V4C19 2.89543 18.1046 2 17 2H3Z"
          fill={color}
          fillRule="evenodd"
          clipRule="evenodd"
        />
        <path
          d="M15.6664 5C16.0163 5 16.3 5.2837 16.3 5.63366V11.1663C16.3 11.5163 16.0163 11.8 15.6664 11.8 15.3164 11.8 15.0327 11.5163 15.0327 11.1663V5.63366C15.0327 5.2837 15.3164 5 15.6664 5ZM10.33 11.8C9.98001 11.8 9.69632 11.5073 9.69632 11.1462V6C9.69632 5.44772 10.1303 5 10.6655 5H12.0612C12.5158 5 12.9031 5.0985 13.2231 5.29551 13.5431 5.4903 13.787 5.76146 13.9549 6.10898 14.1246 6.4543 14.2095 6.85273 14.2095 7.3043 14.2095 7.75586 14.1236 8.1543 13.9519 8.49961 13.7802 8.84492 13.5314 9.11387 13.2056 9.30645 12.8817 9.49902 12.4895 9.59531 12.029 9.59531H11.08C10.7717 9.59531 10.5217 9.3374 10.5217 9.01924 10.5217 8.70108 10.7717 8.44316 11.08 8.44316H11.8241C12.068 8.44316 12.269 8.39557 12.427 8.30039 12.587 8.20299 12.7061 8.06908 12.7841 7.89863 12.8641 7.72598 12.9041 7.52786 12.9041 7.3043 12.9041 7.07852 12.8641 6.88151 12.7841 6.71328 12.7061 6.54284 12.587 6.41113 12.427 6.31816 12.267 6.22298 12.0641 6.17539 11.8183 6.17539H11.1575C11.0504 6.17539 10.9636 6.26493 10.9636 6.37539V11.1462C10.9636 11.5073 10.6799 11.8 10.33 11.8ZM5.82489 11.8H4.70001C4.14773 11.8 3.70001 11.3523 3.70001 10.8V6C3.70001 5.44772 4.14773 5 4.70001 5H5.84245C6.44538 5 6.9644 5.13613 7.39953 5.4084 7.83465 5.67845 8.16928 6.06693 8.40343 6.57383 8.63953 7.08073 8.75758 7.68724 8.75758 8.39336 8.75758 9.10169 8.63953 9.71042 8.40343 10.2195 8.16928 10.7286 7.8327 11.1193 7.39367 11.3916 6.9566 11.6639 6.43367 11.8 5.82489 11.8ZM4.96733 10.3682C4.96733 10.4786 5.05687 10.5682 5.16733 10.5682H5.77221C6.14684 10.5682 6.46196 10.4929 6.71757 10.3424 6.97514 10.1896 7.16831 9.95391 7.29709 9.63516 7.42782 9.31419 7.49319 8.90026 7.49319 8.39336 7.49319 7.89089 7.42782 7.48027 7.29709 7.16152 7.16831 6.84277 6.97611 6.60814 6.7205 6.45762 6.46489 6.3071 6.14977 6.23184 5.77514 6.23184H5.16733C5.05687 6.23184 4.96733 6.32138 4.96733 6.43184V10.3682ZM5.75 16C5.33579 16 5 16.3358 5 16.75 5 17.1642 5.33579 17.5 5.75 17.5H14.25C14.6642 17.5 15 17.1642 15 16.75 15 16.3358 14.6642 16 14.25 16H5.75Z"
          fill={color}
        />
      </svg>
    );
  }
);

IconToolDpiOutline.displayName = "IconToolDpiOutline";

export default IconToolDpiOutline;