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

export const IconDistortion2Outline = 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-distortion-2-outline`,
    };
    return (
      <svg
        viewBox="0 0 20 20"
        fill="none"
        xmlns="http://www.w3.org/2000/svg"
        {...props}
        ref={forwardedRef}
      >
        <path
          d="M1.25 4C1.25 3.0335 2.0335 2.25 3 2.25H17C17.9665 2.25 18.75 3.0335 18.75 4V16C18.75 16.9665 17.9665 17.75 17 17.75H3C2.0335 17.75 1.25 16.9665 1.25 16V4ZM3 3.75C2.86193 3.75 2.75 3.86193 2.75 4V6.09804C3.97479 5.61671 5.01778 5.47771 5.98739 5.5832C6.57991 5.64767 7.1265 5.80283 7.64484 6.00179C7.59572 4.95279 7.19039 4.17994 6.83547 3.75H3ZM5.82514 7.0744C6.39013 7.13588 6.90916 7.30695 7.46577 7.54998C7.29697 8.17535 7.00026 8.85957 6.52823 9.59485C6.3759 9.83214 6.23464 10.0663 6.10383 10.2971C6.06521 10.2921 6.0264 10.2875 5.98739 10.2832C5.01778 10.1777 3.97479 10.3167 2.75 10.7981V7.72985C4.06834 7.11706 5.0258 6.98743 5.82514 7.0744ZM7.79051 10.4052C7.72913 10.5008 7.66989 10.5956 7.61272 10.6895C8.1635 10.8985 8.68213 11.1579 9.18967 11.4116L9.2251 11.4294C9.74049 11.6871 10.2606 11.9471 10.8264 12.1794C11.1202 11.3743 11.5423 10.5076 12.1283 9.59485C12.1513 9.55901 12.1739 9.52329 12.1961 9.48769C10.8303 9.17597 9.75715 8.66984 8.83569 8.21151C8.61994 8.90475 8.28239 9.639 7.79051 10.4052ZM13.785 9.73827C13.6663 9.95767 13.5351 10.1801 13.3905 10.4052C12.8679 11.2193 12.5003 11.9734 12.2476 12.6566C12.3531 12.6839 12.4605 12.7099 12.5702 12.7344C13.7773 13.0047 15.273 13.1074 17.25 12.8225V9.63683C15.933 9.81224 14.7928 9.82975 13.785 9.73827ZM10.4137 13.6303C9.73342 13.3607 9.1365 13.0622 8.59116 12.7894L8.53961 12.7637C7.93905 12.4634 7.41796 12.2073 6.905 12.0276C6.00994 14.0245 6.07855 15.5077 6.27146 16.25H10.3367C10.214 15.5548 10.2046 14.6662 10.4137 13.6303ZM11.8715 16.25C11.7533 15.7951 11.6817 15.0621 11.85 14.1031C11.9781 14.1365 12.1089 14.1683 12.2424 14.1982C13.5976 14.5017 15.2123 14.6082 17.25 14.3368V16C17.25 16.1381 17.1381 16.25 17 16.25H11.8715ZM14.4145 8.27853C15.0111 6.42195 14.7333 4.85516 14.1982 3.75H17C17.1381 3.75 17.25 3.86193 17.25 4V8.12251C16.1722 8.27782 15.2375 8.31795 14.4145 8.27853ZM12.4355 3.75C12.997 4.43012 13.6846 5.96836 12.8886 8.1004C12.7803 8.07974 12.6741 8.0577 12.5702 8.03442C11.2391 7.73636 10.2233 7.22844 9.2251 6.72935L9.13257 6.68309C9.22018 5.51919 8.97192 4.52197 8.59818 3.75H12.4355ZM2.75 12.4299C3.83924 11.9236 4.68212 11.7471 5.39302 11.7501C4.6299 13.6051 4.5449 15.1636 4.73666 16.25H3C2.86193 16.25 2.75 16.1381 2.75 16V12.4299Z"
          fill={color}
          fillRule="evenodd"
          clipRule="evenodd"
        />
      </svg>
    );
  }
);

IconDistortion2Outline.displayName = "IconDistortion2Outline";

export default IconDistortion2Outline;