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

export const IconDistortionOutline = 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-outline`,
    };
    return (
      <svg
        viewBox="0 0 20 20"
        fill="none"
        xmlns="http://www.w3.org/2000/svg"
        {...props}
        ref={forwardedRef}
      >
        <path
          d="M3.73677 0.418386C4.24874 0.211773 4.83168 0.459178 5.03852 0.97112L5.74165 2.71331L10.6303 4.84514C10.6237 4.85548 10.6173 4.866 10.6108 4.87639C11.3183 3.74959 12.5717 3.00042 14.0004 3.00042C16.2094 3.00064 18.0004 4.79142 18.0004 7.00042C18.0003 8.49963 17.1742 9.80485 15.9535 10.4897L17.0166 14.5C17.0799 14.5154 17.1428 14.5378 17.2041 14.5664L19.0166 15.4111C19.517 15.6446 19.7334 16.2398 19.5 16.7402L18.6553 18.5527C18.4219 19.0532 17.8267 19.2694 17.3262 19.0361L15.5137 18.1914C15.0132 17.958 14.7961 17.3628 15.0293 16.8623L15.7246 15.3701L14.5297 10.9633C14.4238 10.9773 14.3168 10.988 14.2084 10.9936C14.0734 12.0762 13.8396 12.9693 13.6723 13.7709C13.5209 14.4964 13.4276 15.135 13.475 15.8139C13.522 16.4861 13.7106 17.2373 14.1723 18.1655C14.3566 18.5361 14.2049 18.9867 13.8344 19.1713C13.4637 19.3557 13.0131 19.205 12.8285 18.8344C12.2905 17.7528 12.0413 16.8104 11.9789 15.9184C11.9172 15.0336 12.0426 14.2356 12.2035 13.4643C12.382 12.6092 12.6 11.7696 12.7221 10.7895C11.4122 10.3479 10.4066 9.24815 10.0991 7.88225L9.38518 7.76409C5.90428 7.25887 3.70244 7.98683 2.33538 8.67034C1.96499 8.85538 1.51477 8.70569 1.32952 8.33538C1.14443 7.96495 1.29507 7.51475 1.66546 7.32952C3.37432 6.47514 6.01751 5.67045 10.0532 6.351C10.0594 6.31272 10.0663 6.27466 10.0737 6.23675L5.23677 4.12542L5.23481 4.12737L3.38032 4.87639C2.86832 5.08317 2.28547 4.83561 2.07856 4.32366L1.32954 2.46917C1.12275 1.95714 1.37027 1.37429 1.88227 1.16741L3.73677 0.418386ZM14.0004 4.50042C12.6197 4.50042 11.5004 5.61971 11.5004 7.00042C11.5006 8.38096 12.6198 9.50042 14.0004 9.50042C15.3808 9.50019 16.5002 8.38082 16.5004 7.00042C16.5004 5.61984 15.3809 4.50064 14.0004 4.50042Z"
          fill={color}
          fillRule="evenodd"
          clipRule="evenodd"
        />
      </svg>
    );
  }
);

IconDistortionOutline.displayName = "IconDistortionOutline";

export default IconDistortionOutline;