Blank/Empty/Null Icon about homepage HOT 6 CLOSED

import React, { forwardRef, memo, useContext } from "react";
import { IconProps, IconContext } from "phosphor-react";

const EmptyIcon = memo(
  forwardRef<SVGSVGElement, IconProps>((props, ref) => {
    const { color, size, weight, mirrored, children, ...restProps } = props;
    const {
      color: contextColor,
      size: contextSize,
      weight: contextWeight,
      mirrored: contextMirrored,
      ...restContext
    } = useContext(IconContext);

    return (
      <svg
        ref={ref}
        xmlns="http://www.w3.org/2000/svg"
        width={size ?? contextSize}
        height={size ?? contextSize}
        fill={color ?? contextColor}
        viewBox="0 0 256 256"
        transform={mirrored || contextMirrored ? "scale(-1, 1)" : undefined}
        {...restContext}
        {...restProps}
      >
        {children}
        <rect width="256" height="256" fill="none" />
      </svg>
    );
  })
);

export default EmptyIcon;

import React, { forwardRef, memo, useContext } from "react";
import { IconProps, IconContext } from "phosphor-react";

const EmptyIcon = memo(
  forwardRef<SVGSVGElement, IconProps>(({ size }, ref) => {
    const { size: contextSize } = useContext(IconContext);

    return (
      <svg
        ref={ref}
        xmlns="http://www.w3.org/2000/svg"
        width={size ?? contextSize}
        height={size ?? contextSize}
        fill="none"
      />
    );
  })
);

export default EmptyIcon;