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

export const Icon3DCubeTransparentOutline = 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-3-d-cube-transparent-outline`,
  };
  return (
    <svg
      viewBox="0 0 20 20"
      fill="none"
      xmlns="http://www.w3.org/2000/svg"
      {...props}
      ref={forwardedRef}
    >
      <path
        d="M9.63769 1.09332C9.86321 0.968894 10.1368 0.968894 10.3623 1.09332L12.3623 2.19676C12.725 2.39686 12.8568 2.85308 12.6567 3.21576C12.4566 3.57843 12.0004 3.71023 11.6377 3.51013L10 2.60658L8.36231 3.51013C7.99963 3.71023 7.54341 3.57843 7.34332 3.21576C7.14322 2.85308 7.27502 2.39686 7.63769 2.19676L9.63769 1.09332ZM5.40258 4.28651C5.60268 4.64918 5.47088 5.1054 5.10821 5.3055L4.30255 5.75L5.10821 6.1945C5.47088 6.3946 5.60268 6.85082 5.40258 7.21349C5.20248 7.57617 4.74627 7.70797 4.38359 7.50787L3.5 7.02037V7.75C3.5 8.16421 3.16421 8.5 2.75 8.5C2.33579 8.5 2 8.16421 2 7.75V5.75C2 5.47684 2.14852 5.22528 2.38769 5.09332L4.38359 3.99213C4.74627 3.79203 5.20248 3.92383 5.40258 4.28651ZM14.5974 4.28651C14.7975 3.92383 15.2537 3.79203 15.6164 3.99213L17.6123 5.09332C17.8515 5.22528 18 5.47684 18 5.75V7.75C18 8.16421 17.6642 8.5 17.25 8.5C16.8358 8.5 16.5 8.16421 16.5 7.75V7.02037L15.6164 7.50787C15.2537 7.70797 14.7975 7.57617 14.5974 7.21349C14.3973 6.85082 14.5291 6.3946 14.8918 6.1945L15.6975 5.75L14.8918 5.3055C14.5291 5.1054 14.3973 4.64918 14.5974 4.28651ZM7.34332 8.28424C7.54341 7.92157 7.99963 7.78977 8.36231 7.98987L10 8.89342L11.6377 7.98987C12.0004 7.78977 12.4566 7.92157 12.6567 8.28424C12.8568 8.64692 12.725 9.10314 12.3623 9.30324L10.75 10.1928V11.75C10.75 12.1642 10.4142 12.5 10 12.5C9.58579 12.5 9.25 12.1642 9.25 11.75V10.1928L7.63769 9.30324C7.27502 9.10314 7.14322 8.64692 7.34332 8.28424ZM2.75 11.5C3.16421 11.5 3.5 11.8358 3.5 12.25V13.8072L5.10821 14.6945C5.47088 14.8946 5.60268 15.3508 5.40258 15.7135C5.20248 16.0762 4.74627 16.208 4.38359 16.0079L2.38769 14.9067C2.14852 14.7747 2 14.5232 2 14.25V12.25C2 11.8358 2.33579 11.5 2.75 11.5ZM17.25 11.5C17.6642 11.5 18 11.8358 18 12.25V14.25C18 14.5232 17.8515 14.7747 17.6123 14.9067L15.6164 16.0079C15.2537 16.208 14.7975 16.0762 14.5974 15.7135C14.3973 15.3508 14.5291 14.8946 14.8918 14.6945L16.5 13.8072V12.25C16.5 11.8358 16.8358 11.5 17.25 11.5ZM10 15.5C10.4142 15.5 10.75 15.8358 10.75 16.25V16.9796L11.6377 16.4899C12.0004 16.2898 12.4566 16.4216 12.6567 16.7842C12.8568 17.1469 12.725 17.6031 12.3623 17.8032L10.3623 18.9067C10.1368 19.0311 9.86321 19.0311 9.63769 18.9067L7.63769 17.8032C7.27501 17.6031 7.14322 17.1469 7.34332 16.7842C7.54341 16.4216 7.99963 16.2898 8.36231 16.4899L9.25 16.9796V16.25C9.25 15.8358 9.58579 15.5 10 15.5Z"
        fill={color}
        fillRule="evenodd"
        clipRule="evenodd"
      />
    </svg>
  );
});

Icon3DCubeTransparentOutline.displayName = "Icon3DCubeTransparentOutline";

export default Icon3DCubeTransparentOutline;