import type { SVGProps } from "react";

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

/**
 * NotionNeutral icon from social-media category
 *
 * @example
 * <NotionNeutral size={16} />
 * <NotionNeutral size={32} className="text-primary" />
 */
export const NotionNeutral = ({ size = 16, ...props }: NotionNeutralProps) => (
  <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_441)">
<path d="M4.45901 4.208C5.20501 4.814 5.48501 4.768 6.88701 4.674L20.102 3.881C20.382 3.881 20.149 3.601 20.056 3.555L17.86 1.968C17.44 1.642 16.879 1.268 15.805 1.361L3.01001 2.295C2.54401 2.341 2.45001 2.575 2.63601 2.761L4.45901 4.208ZM5.25201 7.288V21.192C5.25201 21.939 5.62501 22.219 6.46601 22.172L20.989 21.332C21.83 21.286 21.924 20.772 21.924 20.165V6.354C21.924 5.748 21.691 5.421 21.176 5.467L5.99901 6.354C5.43901 6.401 5.25201 6.681 5.25201 7.287V7.288ZM19.589 8.033C19.682 8.453 19.589 8.873 19.169 8.921L18.469 9.061V19.325C17.861 19.652 17.301 19.839 16.834 19.839C16.086 19.839 15.899 19.605 15.339 18.906L10.762 11.72V18.672L12.21 19C12.21 19 12.21 19.84 11.042 19.84L7.82001 20.026C7.72701 19.84 7.82001 19.373 8.14701 19.28L8.98701 19.047V9.854L7.82201 9.76C7.72801 9.34 7.96201 8.734 8.61501 8.687L12.071 8.454L16.835 15.733V9.293L15.62 9.154C15.527 8.64 15.9 8.267 16.367 8.221L19.589 8.033ZM1.93601 1.035L15.246 0.0549961C16.88 -0.0850039 17.301 0.0079961 18.328 0.754996L22.577 3.741C23.277 4.254 23.511 4.394 23.511 4.954V21.332C23.511 22.358 23.138 22.966 21.831 23.058L6.37301 23.992C5.39301 24.039 4.92501 23.899 4.41101 23.245L1.28201 19.185C0.722014 18.438 0.489014 17.879 0.489014 17.225V2.667C0.489014 1.828 0.863014 1.127 1.93601 1.035Z" fill="#111412"/>
</g>
<defs>
<clipPath id="clip0_43_441">
<rect fill="white" height="24" width="24"/>
</clipPath>
</defs>
  </svg>
);
