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

export const IconDpiOutline = 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-dpi-outline`,
    };
    return (
      <svg
        viewBox="0 0 20 20"
        fill="none"
        xmlns="http://www.w3.org/2000/svg"
        {...props}
        ref={forwardedRef}
      >
        <path
          d="M13.1875 4.35732C15.1205 4.35766 16.6884 5.9252 16.6885 7.85829C16.6883 9.79128 15.1204 11.3579 13.1875 11.3583H11V14.9003C10.9999 15.3141 10.6637 15.6498 10.25 15.6503C9.83582 15.6503 9.49909 15.3144 9.49902 14.9003V5.10732C9.49907 4.69315 9.83582 4.35732 10.25 4.35732C10.2643 4.35735 10.2789 4.35847 10.293 4.35927V4.35732H13.1875ZM18.5625 4.24794C18.9765 4.24821 19.3125 4.58393 19.3125 4.99794V14.9003L19.3086 14.9765C19.2704 15.3547 18.9508 15.65 18.5625 15.6503C18.174 15.6503 17.8546 15.3549 17.8164 14.9765L17.8125 14.9003V4.99794C17.8125 4.58377 18.1483 4.24794 18.5625 4.24794ZM1.375 4.24892C2.05001 4.24894 2.83091 4.23616 3.58789 4.30165C4.34879 4.36753 5.14674 4.51584 5.87109 4.87001C6.61088 5.23183 7.25552 5.79931 7.7041 6.65712C8.14561 7.50161 8.37499 8.58416 8.375 9.95009C8.37499 11.3161 8.14569 12.3987 7.7041 13.2431C7.2555 14.1007 6.61086 14.6676 5.87109 15.0292C5.14669 15.3831 4.34878 15.5319 3.58789 15.5976C2.83094 15.6629 2.04995 15.6493 1.375 15.6493C0.960824 15.6493 0.624072 15.3135 0.624023 14.8993V4.99892C0.624048 4.80004 0.704097 4.60928 0.844727 4.46865C0.98535 4.32818 1.17623 4.24892 1.375 4.24892ZM2.125 14.1474C2.5776 14.1461 3.02269 14.1401 3.45898 14.1024C4.13003 14.0445 4.7223 13.9212 5.21289 13.6815C5.68778 13.4493 6.08505 13.1001 6.37402 12.5477C6.67009 11.9816 6.87499 11.1578 6.875 9.95009C6.87499 8.7424 6.67015 7.91881 6.37402 7.35243C6.08491 6.79957 5.6871 6.4501 5.21191 6.21767C4.72139 5.97787 4.1298 5.85389 3.45898 5.79579C3.02278 5.75805 2.57753 5.75122 2.125 5.7499V14.1474ZM11 9.85829H13.1875C14.292 9.85795 15.1883 8.96285 15.1885 7.85829C15.1884 6.75363 14.2921 5.85766 13.1875 5.85732H11V9.85829Z"
          fill={color}
        />
      </svg>
    );
  }
);

IconDpiOutline.displayName = "IconDpiOutline";

export default IconDpiOutline;