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

export const IconVideoPhotoPlusSolid = 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-video-photo-plus-solid`,
    };
    return (
      <svg
        viewBox="0 0 20 20"
        fill="none"
        xmlns="http://www.w3.org/2000/svg"
        {...props}
        ref={forwardedRef}
      >
        <path
          d="M2.75 3C1.50736 3 0.5 4.00736 0.5 5.25V14.75C0.5 15.9926 1.50736 17 2.75 17H13.75C12.5074 17 11.5 15.9926 11.5 14.75C11.5 13.5074 12.5074 12.5 13.75 12.5H14V12.25C14 11.0074 15.0074 10 16.25 10C17.4877 10 18.492 10.9994 18.5 12.2352V5.25C18.5 4.00736 17.4926 3 16.25 3H2.75ZM8.17016 6.61056C7.69812 6.31244 7.08325 6.65227 7.08325 7.21128V12.7887C7.08325 13.3477 7.69812 13.6876 8.17016 13.3894L12.5858 10.6007C13.0269 10.3221 13.0269 9.67786 12.5858 9.39928L8.17016 6.61056Z"
          fill={color}
          fillRule="evenodd"
          clipRule="evenodd"
        />
        <path
          d="M17.0001 12.25C17.0001 11.8358 16.6643 11.5 16.2501 11.5C15.8358 11.5 15.5001 11.8358 15.5001 12.25V14H13.75C13.3358 14 13 14.3358 13 14.75C13 15.1642 13.3358 15.5 13.75 15.5H15.5001V17.25C15.5001 17.6642 15.8358 18 16.2501 18C16.6643 18 17.0001 17.6642 17.0001 17.25L17.0001 15.5H18.75C19.1642 15.5 19.5 15.1642 19.5 14.75C19.5 14.3358 19.1642 14 18.75 14H17.0001V12.25Z"
          fill={color}
        />
      </svg>
    );
  }
);

IconVideoPhotoPlusSolid.displayName = "IconVideoPhotoPlusSolid";

export default IconVideoPhotoPlusSolid;