import type { SVGProps } from "react";

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

/**
 * DevianartNeutral icon from social-media category
 *
 * @example
 * <DevianartNeutral size={16} />
 * <DevianartNeutral size={32} className="text-primary" />
 */
export const DevianartNeutral = ({ size = 16, ...props }: DevianartNeutralProps) => (
  <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_758)">
<path d="M19.4466 4.13794V0H14.8948L14.6466 0.455156L12.5776 3.72412L11.9155 4.5517H4.55V10.7586H8.68794L9.10175 11.2138L4.55 19.6138V24H9.10175L9.35 23.5448L11.5845 19.6138L11.9983 19.0345H19.4466V13.2414H15.3087L14.8948 12.8276L19.4466 4.13794Z" fill="#111412"/>
</g>
<defs>
<clipPath id="clip0_43_758">
<rect fill="white" height="24" width="24"/>
</clipPath>
</defs>
  </svg>
);
