import type { SVGProps } from "react";

export interface FigmaOriginalProps extends SVGProps<SVGSVGElement> {
  /**
   * Icon size (width and height)
   * @default 16
   */
  size?: number | string;
}

/**
 * FigmaOriginal icon from social-media category
 *
 * @example
 * <FigmaOriginal size={16} />
 * <FigmaOriginal size={32} className="text-primary" />
 */
export const FigmaOriginal = ({ size = 16, ...props }: FigmaOriginalProps) => (
  <svg
    fill="none"
    height={size}
    viewBox="0 0 24 24"
    width={size}
    xmlns="http://www.w3.org/2000/svg"
    {...props}
  >
    <g clipPath="url(#clip0_43_443)">
<path d="M8.00006 24C10.2081 24 12.0001 22.208 12.0001 20V15.9999H8.00006C5.79205 15.9999 4 17.792 4 20C4 22.208 5.79205 24 8.00006 24Z" fill="#0ACF83"/>
<path d="M4 12C4 9.79197 5.79205 7.99994 8.00006 7.99994H12.0001V15.9999H8.00006C5.79205 16 4 14.208 4 12Z" fill="#A259FF"/>
<path d="M4 4.00003C4 1.79203 5.79205 0 8.00006 0H12.0001V7.99997H8.00006C5.79205 7.99997 4 6.20803 4 4.00003Z" fill="#F24E1E"/>
<path d="M11.9999 0H15.9999C18.208 0 20 1.79203 20 4.00003C20 6.20803 18.208 7.99997 15.9999 7.99997H11.9999V0Z" fill="#FF7262"/>
<path d="M20 12C20 14.208 18.208 16 15.9999 16C13.7919 16 11.9999 14.208 11.9999 12C11.9999 9.79197 13.7919 7.99994 15.9999 7.99994C18.208 7.99994 20 9.79197 20 12Z" fill="#1ABCFE"/>
</g>
<defs>
<clipPath id="clip0_43_443">
<rect fill="white" height="24" width="24"/>
</clipPath>
</defs>
  </svg>
);
