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

export const IconAlignCenterVerticallyOutline = 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-align-center-vertically-outline`,
  };
  return (
    <svg
      viewBox="0 0 20 20"
      fill="none"
      xmlns="http://www.w3.org/2000/svg"
      {...props}
      ref={forwardedRef}
    >
      <path
        d="M9.25003 2.07031 9.25003 5.71034 8.42788 4.88819C8.13499 4.59529 7.66012 4.59529 7.36722 4.88819 7.07433 5.18108 7.07433 5.65595 7.36722 5.94885L9.4697 8.05133C9.76259 8.34422 10.2375 8.34422 10.5304 8.05133L12.6328 5.94885C12.9257 5.65595 12.9257 5.18108 12.6328 4.88819 12.3399 4.59529 11.8651 4.59529 11.5722 4.88819L10.75 5.71034 10.75 2.07031C10.75 1.6561 10.4142 1.32031 10 1.32031 9.58582 1.32031 9.25003 1.6561 9.25003 2.07031ZM8.42923 15.1105 9.25003 14.2897 9.25003 17.9296C9.25003 18.3438 9.58582 18.6796 10 18.6796 10.4142 18.6796 10.75 18.3438 10.75 17.9296L10.75 14.2897 11.5708 15.1105C11.8637 15.4034 12.3386 15.4034 12.6315 15.1105 12.9244 14.8176 12.9244 14.3427 12.6315 14.0498L10.5304 11.9487C10.2375 11.6558 9.76259 11.6558 9.4697 11.9487L7.36857 14.0498C7.07567 14.3427 7.07567 14.8176 7.36857 15.1105 7.66146 15.4034 8.13633 15.4034 8.42923 15.1105ZM4.00003 9.25C3.58582 9.25 3.25003 9.58579 3.25003 10 3.25003 10.4142 3.58582 10.75 4.00003 10.75H16C16.4142 10.75 16.75 10.4142 16.75 10 16.75 9.58579 16.4142 9.25 16 9.25H4.00003Z"
        fill={color}
      />
    </svg>
  );
});

IconAlignCenterVerticallyOutline.displayName =
  "IconAlignCenterVerticallyOutline";

export default IconAlignCenterVerticallyOutline;