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

export const IconToolFontSizeRatioOutline = 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-font-size-ratio-outline`,
  };
  return (
    <svg
      viewBox="0 0 20 20"
      fill="none"
      xmlns="http://www.w3.org/2000/svg"
      {...props}
      ref={forwardedRef}
    >
      <path
        d="M15.1182 3.28551C15.2535 3.10124 15.5161 3.10116 15.6514 3.28551L17.3486 5.60192C17.5214 5.83793 17.3633 6.18196 17.082 6.182H16.0146V13.8177H17.082C17.3632 13.8178 17.5212 14.1618 17.3486 14.3978L15.6514 16.7142C15.5161 16.8988 15.2535 16.8986 15.1182 16.7142L13.4199 14.3978C13.2476 14.162 13.4057 13.8182 13.6865 13.8177H14.7451V6.182H13.6865C13.4056 6.18157 13.2473 5.83779 13.4199 5.60192L15.1182 3.28551ZM11.9521 3.59997C12.3662 3.59997 12.7019 3.93593 12.7021 4.34997V5.91149C12.702 6.32555 12.3662 6.66149 11.9521 6.66149 11.5381 6.66145 11.2023 6.32552 11.2021 5.91149V5.09997H8.1377V14.9955H9.91992C10.3341 14.9955 10.6699 15.3313 10.6699 15.7455 10.6696 16.1594 10.334 16.4955 9.91992 16.4955H4.85547C4.4415 16.4954 4.10577 16.1594 4.10547 15.7455 4.10547 15.3313 4.44131 14.9955 4.85547 14.9955H6.6377V5.09997H3.57324V5.91149C3.57306 6.32555 3.23734 6.66149 2.82324 6.66149 2.40923 6.66139 2.07343 6.32549 2.07324 5.91149V4.34997C2.07345 3.93599 2.40924 3.60007 2.82324 3.59997H11.9521Z"
        fill={color}
      />
    </svg>
  );
});

IconToolFontSizeRatioOutline.displayName = "IconToolFontSizeRatioOutline";

export default IconToolFontSizeRatioOutline;