// AUTO-GENERATED by scripts/gen-file-icons.mjs — do not edit by hand.
// File-type glyphs: the shared paper, the tintable category badges drawn on it,
// and the fixed-colour brand logos (PDF, MS Office, Flash, AI, Video).
import { useId } from 'react';
import {
  Svg,
  Circle as SvgCircle,
  ClipPath as SvgClipPath,
  Defs as SvgDefs,
  Ellipse as SvgEllipse,
  FeGaussianBlur as SvgFeGaussianBlur,
  Filter as SvgFilter,
  G as SvgG,
  LinearGradient as SvgLinearGradient,
  Path as SvgPath,
  Rect as SvgRect,
  Stop as SvgStop,
} from 'react-native-svg';

type BadgeProps = { color: string };
/** The drawn box. Both are given: a glyph's viewBox is its ink, so it has an aspect ratio of its own. */
type GlyphProps = { width: number; height: number };

/**
 * The empty page every category badge is drawn on: gradient sheet, blurred drop
 * shadow, curled corner. Drawn in its own 128-square by the render layer,
 * which supplies the enclosing `<Svg>` and crops it to `FILE_PAPER_INK`.
 */
export function FilePaperGlyph() {
  const id = useId();
  return (
    <SvgG>
      <SvgDefs>
        <SvgLinearGradient id={`${id}-0`} gradientUnits="userSpaceOnUse" x1="64" y1="6" x2="64" y2="120">
          <SvgStop stopColor="#e5e5e5" />
          <SvgStop offset="0.5" stopColor="#f6f6f6" />
          <SvgStop offset="0.85" stopColor="#ffffff" />
          <SvgStop offset="1" stopColor="#ffffff" />
        </SvgLinearGradient>
        <SvgLinearGradient id={`${id}-1`} gradientUnits="userSpaceOnUse" x1="97.5" y1="28.4" x2="92.2" y2="33.7">
          <SvgStop stopColor="#d0d0d0" />
          <SvgStop offset="0.55" stopColor="#e6e6e6" />
          <SvgStop offset="1" stopColor="#fbfbfb" />
        </SvgLinearGradient>
        <SvgLinearGradient id={`${id}-2`} gradientUnits="userSpaceOnUse" x1="95.3" y1="31.6" x2="91.8" y2="44.7">
          <SvgStop stopColor="#000" stopOpacity="0.5" />
          <SvgStop offset="0.5" stopColor="#000" stopOpacity="0.16" />
          <SvgStop offset="1" stopColor="#000" stopOpacity="0" />
        </SvgLinearGradient>
        <SvgFilter id={`${id}-3`} x="-15%" y="-15%" width="130%" height="130%">
          <SvgFeGaussianBlur stdDeviation="0.9" />
        </SvgFilter>
        <SvgFilter id={`${id}-4`} x="-20%" y="-20%" width="140%" height="140%">
          <SvgFeGaussianBlur stdDeviation="2.2" />
        </SvgFilter>
        <SvgFilter id={`${id}-5`} x="-40%" y="-40%" width="180%" height="180%">
          <SvgFeGaussianBlur stdDeviation="2" />
        </SvgFilter>
        <SvgFilter id={`${id}-6`} x="-30%" y="-30%" width="160%" height="160%">
          <SvgFeGaussianBlur stdDeviation="0.8" />
        </SvgFilter>
        <SvgFilter id={`${id}-7`} x="-40%" y="-40%" width="180%" height="180%">
          <SvgFeGaussianBlur stdDeviation="1" />
        </SvgFilter>
        <SvgClipPath id={`${id}-8`}>
          <SvgPath d="M21 6H75.1L104.2 35.1Q107 37.9 107 41.9V120H21Z" />
        </SvgClipPath>
        <SvgClipPath id={`${id}-9`}>
          <SvgPath d="M75.1 6C80 12.4 84.7 23 85.2 30.6 92 30.6 101 32.2 105.46 36.36Z" />
        </SvgClipPath>
      </SvgDefs>
      <SvgPath
        fill="#000"
        opacity="0.2"
        filter={`url(#${id}-4)`}
        d="M21 6H75.1L104.2 35.1Q107 37.9 107 41.9V120H21Z"
        transform="translate(0 2.2)"
      />
      <SvgPath
        fill="#000"
        opacity="0.38"
        filter={`url(#${id}-3)`}
        d="M21 6H75.1L104.2 35.1Q107 37.9 107 41.9V120H21Z"
        transform="translate(0 .9)"
      />
      <SvgPath fill={`url(#${id}-0)`} d="M21 6H75.1L104.2 35.1Q107 37.9 107 41.9V120H21Z" />
      <SvgG clipPath={`url(#${id}-8)`}>
        <SvgPath
          fill="#000"
          opacity="0.32"
          filter={`url(#${id}-5)`}
          d="M75.1 6C80 12.4 84.7 23 85.2 30.6 92 30.6 101 32.2 105.46 36.36Z"
          transform="translate(-.8 1.2)"
        />
        <SvgPath
          fill={`url(#${id}-2)`}
          filter={`url(#${id}-6)`}
          d="M85.2 30.6C92 30.6 101 32.2 105.46 36.36Q107 37.9 107 41.9V52H84Z"
        />
      </SvgG>
      <SvgPath fill={`url(#${id}-1)`} d="M75.1 6C80 12.4 84.7 23 85.2 30.6 92 30.6 101 32.2 105.46 36.36Z" />
      <SvgG clipPath={`url(#${id}-9)`}>
        <SvgPath
          fill="none"
          stroke="#fff"
          strokeWidth="3"
          opacity="0.85"
          filter={`url(#${id}-7)`}
          d="M75.1 6C80 12.4 84.7 23 85.2 30.6 92 30.6 101 32.2 105.46 36.36"
        />
      </SvgG>
    </SvgG>
  );
}

/** Tintable category badge (paper is drawn by the render layer). */
export function FileAudioBadge({ color }: BadgeProps) {
  return (
    <SvgG>
      <SvgPath
        d="M193 292v-72l106-26v72"
        fill="none"
        stroke={color}
        strokeWidth="18"
        strokeLinecap="round"
        strokeLinejoin="round"
      />
      <SvgCircle cx="176" cy="300" r="25" fill={color} />
      <SvgCircle cx="282" cy="274" r="25" fill={color} />
      <SvgPath
        d="M325 239c20 15 20 43 0 58M351 216c39 29 39 75 0 104"
        fill="none"
        stroke={color}
        strokeWidth="15"
        strokeLinecap="round"
      />
    </SvgG>
  );
}

/** Tintable category badge (paper is drawn by the render layer). */
export function FileApkBadge({ color }: BadgeProps) {
  return (
    <SvgG>
      <SvgPath d="M184 289c0-47 35-84 72-84s72 37 72 84v24H184z" fill={color} />
      <SvgPath d="m204 213-20-25m124 25 20-25" fill="none" stroke={color} strokeWidth="13" strokeLinecap="round" />
      <SvgCircle cx="226" cy="255" r="7" fill="#fff" />
      <SvgCircle cx="286" cy="255" r="7" fill="#fff" />
      <SvgPath d="M207 313v20m98-20v20" stroke={color} strokeWidth="15" strokeLinecap="round" />
    </SvgG>
  );
}

/** Tintable category badge (paper is drawn by the render layer). */
export function FileArchiveBadge({ color }: BadgeProps) {
  return (
    <SvgG>
      <SvgPath d="M174 210h164v32H174zm8 32h148v84H182z" fill="none" stroke={color} strokeWidth="16" strokeLinejoin="round" />
      <SvgPath d="M244 262h24m-12 0v40" stroke={color} strokeWidth="16" strokeLinecap="round" />
    </SvgG>
  );
}

/** Tintable category badge (paper is drawn by the render layer). */
export function FileCertificateBadge({ color }: BadgeProps) {
  return (
    <SvgG>
      <SvgCircle cx="256" cy="255" r="57" fill="none" stroke={color} strokeWidth="16" />
      <SvgPath d="m222 299-10 43 44-19 44 19-10-43" fill="none" stroke={color} strokeWidth="16" strokeLinejoin="round" />
      <SvgPath d="m256 218 11 22 25 4-18 18 4 25-22-12-22 12 4-25-18-18 25-4z" fill={color} />
    </SvgG>
  );
}

/** Tintable category badge (paper is drawn by the render layer). */
export function FileCodeBadge({ color }: BadgeProps) {
  return (
    <SvgG>
      <SvgPath
        d="m220 211-49 45 49 45m72-90 49 45-49 45m-22-113-28 136"
        fill="none"
        stroke={color}
        strokeWidth="17"
        strokeLinecap="round"
        strokeLinejoin="round"
      />
    </SvgG>
  );
}

/** Tintable category badge (paper is drawn by the render layer). */
export function FileConfigBadge({ color }: BadgeProps) {
  return (
    <SvgG>
      <SvgCircle cx="256" cy="256" r="29" fill="none" stroke={color} strokeWidth="18" />
      <SvgPath
        d="M256 187v25m0 88v25m69-69h-25m-88 0h-25m93-49-18 18m-44 62-18 18m80 0-18-18m-44-62-18-18"
        stroke={color}
        strokeWidth="18"
        strokeLinecap="round"
      />
    </SvgG>
  );
}

/** Tintable category badge (paper is drawn by the render layer). */
export function FileDatabaseBadge({ color }: BadgeProps) {
  return (
    <SvgG>
      <SvgEllipse cx="256" cy="205" rx="72" ry="27" fill="none" stroke={color} strokeWidth="16" />
      <SvgPath
        d="M184 205v94c0 15 32 27 72 27s72-12 72-27v-94m-144 47c0 15 32 27 72 27s72-12 72-27"
        fill="none"
        stroke={color}
        strokeWidth="16"
      />
    </SvgG>
  );
}

/** Tintable category badge (paper is drawn by the render layer). */
export function FileDiskImageBadge({ color }: BadgeProps) {
  return (
    <SvgG>
      <SvgRect x="178" y="191" width="156" height="130" rx="12" fill="none" stroke={color} strokeWidth="16" />
      <SvgCircle cx="256" cy="256" r="35" fill="none" stroke={color} strokeWidth="15" />
      <SvgCircle cx="256" cy="256" r="8" fill={color} />
      <SvgPath d="M198 301h31" stroke={color} strokeWidth="14" strokeLinecap="round" />
    </SvgG>
  );
}

/** Tintable category badge (paper is drawn by the render layer). */
export function FileDocumentBadge({ color }: BadgeProps) {
  return (
    <SvgG>
      <SvgPath d="M206 190h76l38 38v94H206z" fill="none" stroke={color} strokeWidth="16" strokeLinejoin="round" />
      <SvgPath
        d="M282 190v39h38m-82 46h51m-51 25h51"
        stroke={color}
        strokeWidth="15"
        strokeLinecap="round"
        strokeLinejoin="round"
      />
    </SvgG>
  );
}

/** Tintable category badge (paper is drawn by the render layer). */
export function FileExecutableBadge({ color }: BadgeProps) {
  return (
    <SvgG>
      <SvgRect x="181" y="203" width="150" height="106" rx="12" fill="none" stroke={color} strokeWidth="16" />
      <SvgPath
        d="m211 238 25 18-25 18m49 0h38"
        fill="none"
        stroke={color}
        strokeWidth="16"
        strokeLinecap="round"
        strokeLinejoin="round"
      />
    </SvgG>
  );
}

/** Tintable category badge (paper is drawn by the render layer). */
export function FileFontBadge({ color }: BadgeProps) {
  return (
    <SvgG>
      <SvgPath
        d="m205 320 44-128h15l44 128m-77-43h52"
        fill="none"
        stroke={color}
        strokeWidth="17"
        strokeLinecap="round"
        strokeLinejoin="round"
      />
      <SvgPath d="M315 219h31m-15-15v30" stroke={color} strokeWidth="14" strokeLinecap="round" />
    </SvgG>
  );
}

/** Tintable category badge (paper is drawn by the render layer). */
export function FileImageBadge({ color }: BadgeProps) {
  return (
    <SvgG>
      <SvgRect x="178" y="194" width="156" height="122" rx="12" fill="none" stroke={color} strokeWidth="16" />
      <SvgCircle cx="291" cy="228" r="14" fill={color} />
      <SvgPath
        d="m191 300 43-43 29 28 21-21 37 36"
        fill="none"
        stroke={color}
        strokeWidth="16"
        strokeLinecap="round"
        strokeLinejoin="round"
      />
    </SvgG>
  );
}

/** Tintable category badge (paper is drawn by the render layer). */
export function FileLibraryBadge({ color }: BadgeProps) {
  return (
    <SvgG>
      <SvgPath
        d="M201 207h31v98h-31zm40-21h31v119h-31zm40 21h31v98h-31z"
        fill="none"
        stroke={color}
        strokeWidth="15"
        strokeLinejoin="round"
      />
      <SvgPath d="M191 319h130" stroke={color} strokeWidth="16" strokeLinecap="round" />
    </SvgG>
  );
}

/** Tintable category badge (paper is drawn by the render layer). */
export function FileScriptBadge({ color }: BadgeProps) {
  return (
    <SvgG>
      <SvgPath d="M191 197h82l48 48v70H191z" fill="none" stroke={color} strokeWidth="16" strokeLinejoin="round" />
      <SvgPath
        d="M273 197v48h48m-96 43h62m-62 25h45"
        stroke={color}
        strokeWidth="14"
        strokeLinecap="round"
        strokeLinejoin="round"
      />
    </SvgG>
  );
}

/** Tintable category badge (paper is drawn by the render layer). */
export function FileTerminalBadge({ color }: BadgeProps) {
  return (
    <SvgG>
      <SvgRect x="175" y="203" width="162" height="106" rx="12" fill={color} />
      <SvgPath
        d="m206 235 29 21-29 21m51 0h43"
        fill="none"
        stroke="#fff"
        strokeWidth="15"
        strokeLinecap="round"
        strokeLinejoin="round"
      />
    </SvgG>
  );
}

/** Tintable category badge (paper is drawn by the render layer). */
export function File3dBadge({ color }: BadgeProps) {
  return (
    <SvgG>
      <SvgPath d="m256 189 69 40v79l-69 40-69-40v-79z" fill="none" stroke={color} strokeWidth="16" strokeLinejoin="round" />
      <SvgPath d="m187 229 69 40 69-40m-69 40v79" fill="none" stroke={color} strokeWidth="16" strokeLinejoin="round" />
    </SvgG>
  );
}

/** Fixed-colour brand glyph. */
export function FilePdfGlyph({ width, height }: GlyphProps) {
  return (
    <Svg width={width} height={height} viewBox="0 0 256 256">
      <SvgPath
        fill="#FA0F00"
        d="M45.257 0h165.485C235.886 0 256 20.114 256 45.257v165.486C256 235.886 235.886 256 210.742 256H45.257C20.114 256 0 235.886 0 210.743V45.257C0 20.114 20.114 0 45.257 0z"
      />
      <SvgPath
        fill="#FFF"
        d="M204.144 147.657c-11.887-12.343-44.344-7.314-52.115-6.4-11.428-10.972-19.199-24.229-21.942-28.8 4.114-12.343 6.856-24.686 7.314-37.942 0-11.429-4.571-23.771-17.372-23.771-4.571 0-8.686 2.742-10.972 6.399-5.485 9.601-3.2 28.801 5.486 48.458-5.028 14.171-9.6 27.885-22.4 52.114-13.257 5.484-41.143 18.285-43.429 32-.914 4.113.457 8.229 3.657 11.428 3.2 2.743 7.314 4.114 11.429 4.114 16.914 0 33.371-23.313 44.8-42.972 9.6-3.199 24.686-7.771 39.772-10.514 17.828 15.543 33.371 17.828 41.6 17.828 10.971 0 15.086-4.571 16.457-8.686 2.285-4.57.914-9.599-2.285-13.256zm-11.43 7.772c-.457 3.2-4.57 6.399-11.885 4.571-8.686-2.285-16.457-6.4-23.314-11.886 5.943-.915 19.199-2.286 28.8-.457 3.657.914 7.314 3.2 6.399 7.772zm-76.342-94.172c.914-1.371 2.286-2.285 3.657-2.285 4.114 0 5.028 5.028 5.028 9.143-.457 9.601-2.286 19.2-5.485 28.343-6.858-18.286-5.486-31.087-3.2-35.201zm-.914 88.686c3.657-7.314 8.686-20.115 10.514-25.601 4.114 6.856 10.971 15.086 14.629 18.743 0 .458-14.172 3.2-25.143 6.858zm-26.972 18.286C77.972 185.6 67 196.571 61.057 196.571c-.914 0-1.829-.457-2.743-.914-1.372-.915-1.829-2.286-1.372-4.114 1.372-6.4 13.258-15.086 31.544-23.314z"
      />
    </Svg>
  );
}

/** Fixed-colour brand glyph. */
export function FileWordGlyph({ width, height }: GlyphProps) {
  const id = useId();
  return (
    <Svg width={width} height={height} viewBox="0 0 1881.25 1750">
      <SvgPath
        fill="#41A5EE"
        d="M1801.056,0H517.694C473.404,0,437.5,35.904,437.5,80.194c0,0,0,0,0,0V437.5l743.75,218.75l700-218.75
	V80.194C1881.25,35.904,1845.346,0,1801.056,0L1801.056,0z"
      />
      <SvgPath fill="#2B7CD3" d="M1881.25,437.5H437.5V875l743.75,131.25l700-131.25V437.5z" />
      <SvgPath fill="#185ABD" d="M437.5,875v437.5l700,87.5l743.75-87.5V875H437.5z" />
      <SvgPath
        fill="#103F91"
        d="M517.694,1750h1283.363c44.29,0,80.194-35.904,80.194-80.194l0,0V1312.5H437.5v357.306
	C437.5,1714.096,473.404,1750,517.694,1750L517.694,1750z"
      />
      <SvgPath
        opacity="0.1"
        d="M969.806,350H437.5v1093.75h532.306c44.23-0.144,80.05-35.964,80.194-80.194
	V430.194C1049.856,385.964,1014.036,350.144,969.806,350z"
      />
      <SvgPath
        opacity="0.2"
        d="M926.056,393.75H437.5V1487.5h488.556c44.23-0.144,80.05-35.964,80.194-80.194
	V473.944C1006.106,429.714,970.286,393.894,926.056,393.75z"
      />
      <SvgPath
        opacity="0.2"
        d="M926.056,393.75H437.5V1400h488.556c44.23-0.144,80.05-35.964,80.194-80.194
	V473.944C1006.106,429.714,970.286,393.894,926.056,393.75z"
      />
      <SvgPath
        opacity="0.2"
        d="M882.306,393.75H437.5V1400h444.806c44.23-0.144,80.05-35.964,80.194-80.194
	V473.944C962.356,429.714,926.536,393.894,882.306,393.75z"
      />
      <SvgLinearGradient
        id={`${id}-0`}
        gradientUnits="userSpaceOnUse"
        x1="167.2057"
        y1="1420.9117"
        x2="795.2943"
        y2="333.0883"
        gradientTransform="matrix(1 0 0 -1 0 1752)"
      >
        <SvgStop offset="0" stopColor="#2368C4" />
        <SvgStop offset="0.5" stopColor="#1A5DBE" />
        <SvgStop offset="1" stopColor="#1146AC" />
      </SvgLinearGradient>
      <SvgPath
        fill={`url(#${id}-0)`}
        d="M80.194,393.75h802.112c44.29,0,80.194,35.904,80.194,80.194v802.113
	c0,44.29-35.904,80.194-80.194,80.194H80.194c-44.29,0-80.194-35.904-80.194-80.194V473.944C0,429.654,35.904,393.75,80.194,393.75z
	"
      />
      <SvgPath
        fill="#FFFFFF"
        d="M329.088,1008.788c1.575,12.381,2.625,23.144,3.106,32.375h1.837c0.7-8.75,2.158-19.294,4.375-31.631
	c2.217-12.338,4.215-22.765,5.994-31.281l84.35-363.913h109.069l87.5,358.444c5.084,22.288,8.723,44.881,10.894,67.637h1.444
	c1.631-22.047,4.671-43.966,9.1-65.625l69.781-360.631h99.269l-122.588,521.5H577.238L494.113,790.3
	c-2.406-9.931-5.162-22.925-8.181-38.894c-3.019-15.969-4.9-27.65-5.644-35h-1.444c-0.962,8.487-2.844,21.088-5.644,37.8
	c-2.8,16.713-5.046,29.079-6.738,37.1l-78.138,344.269h-117.95L147.131,614.337h101.062l75.994,364.656
	C325.894,986.475,327.513,996.45,329.088,1008.788z"
      />
    </Svg>
  );
}

/** Fixed-colour brand glyph. */
export function FileExcelGlyph({ width, height }: GlyphProps) {
  const id = useId();
  return (
    <Svg width={width} height={height} viewBox="0 0 2289.75 2130">
      <SvgPath
        fill="#185C37"
        d="M1437.75,1011.75L532.5,852v1180.393c0,53.907,43.7,97.607,97.607,97.607l0,0h1562.036
	c53.907,0,97.607-43.7,97.607-97.607l0,0V1597.5L1437.75,1011.75z"
      />
      <SvgPath
        fill="#21A366"
        d="M1437.75,0H630.107C576.2,0,532.5,43.7,532.5,97.607c0,0,0,0,0,0V532.5l905.25,532.5L1917,1224.75
	L2289.75,1065V532.5L1437.75,0z"
      />
      <SvgPath fill="#107C41" d="M532.5,532.5h905.25V1065H532.5V532.5z" />
      <SvgPath
        opacity="0.1"
        d="M1180.393,426H532.5v1331.25h647.893c53.834-0.175,97.432-43.773,97.607-97.607
	V523.607C1277.825,469.773,1234.227,426.175,1180.393,426z"
      />
      <SvgPath
        opacity="0.2"
        d="M1127.143,479.25H532.5V1810.5h594.643
	c53.834-0.175,97.432-43.773,97.607-97.607V576.857C1224.575,523.023,1180.977,479.425,1127.143,479.25z"
      />
      <SvgPath
        opacity="0.2"
        d="M1127.143,479.25H532.5V1704h594.643c53.834-0.175,97.432-43.773,97.607-97.607
	V576.857C1224.575,523.023,1180.977,479.425,1127.143,479.25z"
      />
      <SvgPath
        opacity="0.2"
        d="M1073.893,479.25H532.5V1704h541.393c53.834-0.175,97.432-43.773,97.607-97.607
	V576.857C1171.325,523.023,1127.727,479.425,1073.893,479.25z"
      />
      <SvgLinearGradient
        id={`${id}-0`}
        gradientUnits="userSpaceOnUse"
        x1="203.5132"
        y1="1729.0183"
        x2="967.9868"
        y2="404.9817"
        gradientTransform="matrix(1 0 0 -1 0 2132)"
      >
        <SvgStop offset="0" stopColor="#18884F" />
        <SvgStop offset="0.5" stopColor="#117E43" />
        <SvgStop offset="1" stopColor="#0B6631" />
      </SvgLinearGradient>
      <SvgPath
        fill={`url(#${id}-0)`}
        d="M97.607,479.25h976.285c53.907,0,97.607,43.7,97.607,97.607v976.285
	c0,53.907-43.7,97.607-97.607,97.607H97.607C43.7,1650.75,0,1607.05,0,1553.143V576.857C0,522.95,43.7,479.25,97.607,479.25z"
      />
      <SvgPath
        fill="#FFFFFF"
        d="M302.3,1382.264l205.332-318.169L319.5,747.683h151.336l102.666,202.35
	c9.479,19.223,15.975,33.494,19.49,42.919h1.331c6.745-15.336,13.845-30.228,21.3-44.677L725.371,747.79h138.929l-192.925,314.548
	L869.2,1382.263H721.378L602.79,1160.158c-5.586-9.45-10.326-19.376-14.164-29.66h-1.757c-3.474,10.075-8.083,19.722-13.739,28.755
	l-122.102,223.011H302.3z"
      />
      <SvgPath fill="#33C481" d="M2192.143,0H1437.75v532.5h852V97.607C2289.75,43.7,2246.05,0,2192.143,0L2192.143,0z" />
      <SvgPath fill="#107C41" d="M1437.75,1065h852v532.5h-852V1065z" />
    </Svg>
  );
}

/** Fixed-colour brand glyph. */
export function FilePowerPointGlyph({ width, height }: GlyphProps) {
  const id = useId();
  return (
    <Svg width={width} height={height} viewBox="0 0 1919.95 1786">
      <SvgPath
        fill="#ED6C47"
        d="M1160.9,982.3L1026.95,0h-10.002C529.872,1.422,135.372,395.922,133.95,882.998V893L1160.9,982.3z"
      />
      <SvgPath
        fill="#FF8F6B"
        d="M1036.952,0h-10.002v893l446.5,178.6l446.5-178.6v-10.002C1918.528,395.922,1524.028,1.422,1036.952,0z"
      />
      <SvgPath
        fill="#D35230"
        d="M1919.95,893v9.823c-1.398,487.185-395.992,881.779-883.177,883.177h-19.646
	c-487.185-1.398-881.779-395.992-883.177-883.177V893H1919.95z"
      />
      <SvgPath
        opacity="0.1"
        d="M1071.6,438.909v952.831c-0.222,33.109-20.286,62.852-50.901,75.458
	c-9.748,4.123-20.224,6.249-30.809,6.251H344.698c-12.502-14.288-24.557-29.469-35.72-44.65
	c-113.755-151.749-175.176-336.324-175.028-525.977v-19.646c-0.261-171.062,49.733-338.433,143.773-481.327
	c9.823-15.181,20.092-30.362,31.255-44.65h680.912C1034.876,357.54,1071.26,393.924,1071.6,438.909z"
      />
      <SvgPath
        opacity="0.2"
        d="M1026.95,483.56v952.831c-0.002,10.584-2.128,21.061-6.251,30.808
	c-12.606,30.615-42.35,50.679-75.459,50.901H385.329c-14.127-14.342-27.682-29.237-40.632-44.65
	c-12.502-14.288-24.557-29.469-35.72-44.65c-113.755-151.749-175.176-336.325-175.028-525.977v-19.646
	c-0.261-171.062,49.733-338.433,143.773-481.327H945.24C990.226,402.19,1026.61,438.574,1026.95,483.56z"
      />
      <SvgPath
        opacity="0.2"
        d="M1026.95,483.56v863.531c-0.34,44.985-36.724,81.369-81.709,81.71H308.978
	c-113.755-151.749-175.176-336.325-175.028-525.977v-19.646c-0.261-171.062,49.733-338.433,143.773-481.327H945.24
	C990.226,402.19,1026.61,438.574,1026.95,483.56z"
      />
      <SvgPath
        opacity="0.2"
        d="M982.3,483.56v863.531c-0.34,44.985-36.724,81.369-81.709,81.71H308.978
	c-113.755-151.749-175.176-336.325-175.028-525.977v-19.646c-0.261-171.062,49.733-338.433,143.773-481.327h622.867
	C945.576,402.19,981.96,438.574,982.3,483.56z"
      />
      <SvgLinearGradient
        id={`${id}-0`}
        gradientUnits="userSpaceOnUse"
        x1="170.6454"
        y1="1450.1008"
        x2="811.6547"
        y2="339.8992"
        gradientTransform="matrix(1 0 0 -1 0 1788)"
      >
        <SvgStop offset="0" stopColor="#CA4C28" />
        <SvgStop offset="0.5" stopColor="#C5401E" />
        <SvgStop offset="1" stopColor="#B62F14" />
      </SvgLinearGradient>
      <SvgPath
        fill={`url(#${id}-0)`}
        d="M81.843,401.85h818.613c45.201,0,81.843,36.643,81.843,81.843v818.613
	c0,45.201-36.643,81.844-81.843,81.844H81.843C36.643,1384.15,0,1347.507,0,1302.307V483.693C0,438.493,36.643,401.85,81.843,401.85
	z"
      />
      <SvgPath
        fill="#FFFFFF"
        d="M500.08,620.144c53.289-3.596,106.119,11.883,149.042,43.668c35.8,31.961,54.929,78.599,51.883,126.493
	c0.585,33.294-8.287,66.071-25.584,94.524c-17.512,27.964-42.742,50.263-72.646,64.207c-34.187,15.9-71.564,23.751-109.259,22.95
	H389.973v192.441H283.929V620.144H500.08z M389.884,888.848h91.265c28.933,2.125,57.641-6.438,80.683-24.066
	c19.058-18.282,29.047-44.063,27.281-70.413c0-59.98-34.857-89.97-104.57-89.97h-94.658V888.848z"
      />
    </Svg>
  );
}

/** Fixed-colour brand glyph. */
export function FileOneNoteGlyph({ width, height }: GlyphProps) {
  const id = useId();
  return (
    <Svg width={width} height={height} viewBox="0 0 2744.833 2553.333">
      <SvgPath
        fill="#CA64EA"
        d="M2106.5,2553.333H755.212c-64.55,0-116.879-52.328-116.879-116.879l0,0V116.879
	C638.333,52.328,690.662,0,755.212,0l0,0h1872.742c64.551,0,116.879,52.328,116.879,116.879c0,0,0,0,0,0v521.454L2106.5,2553.333z"
      />
      <SvgPath fill="#AE4BD5" d="M2744.833,1276.667l-319.167,191.5l-319.167-191.5V638.333h638.333V1276.667z" />
      <SvgPath fill="#9332BF" d="M2744.833,1915l-319.167,191.5L2106.5,1915v-638.333h638.333V1915z" />
      <SvgPath fill="#7719AA" d="M2106.5,1915h638.333v518.646c0,66.102-53.586,119.688-119.688,119.688H2106.5V1915z" />
      <SvgPath
        opacity="0.2"
        d="M1414.994,510.667h-776.66V2106.5h776.66
	c64.534-0.21,116.796-52.473,117.006-117.006V627.673C1531.79,563.14,1479.527,510.877,1414.994,510.667z"
      />
      <SvgPath
        opacity="0.2"
        d="M1351.16,574.5H638.333v1595.833h712.827
	c64.534-0.21,116.796-52.473,117.006-117.006V691.507C1467.957,626.973,1415.694,574.71,1351.16,574.5z"
      />
      <SvgPath
        opacity="0.5"
        d="M1351.16,574.5H638.333v1468.167h712.827
	c64.534-0.21,116.796-52.473,117.006-117.006V691.507C1467.957,626.973,1415.694,574.71,1351.16,574.5z"
      />
      <SvgPath
        opacity="0.5"
        d="M1287.327,574.5H638.333v1468.167h648.993
	c64.534-0.21,116.796-52.473,117.007-117.006V691.507C1404.123,626.973,1351.86,574.71,1287.327,574.5z"
      />
      <SvgLinearGradient
        id={`${id}-0`}
        gradientUnits="userSpaceOnUse"
        x1="243.9611"
        y1="2072.2598"
        x2="1160.3723"
        y2="485.0735"
        gradientTransform="matrix(1 0 0 -1 0 2555.3333)"
      >
        <SvgStop offset="0" stopColor="#8324B3" />
        <SvgStop offset="0.5" stopColor="#7A1BAC" />
        <SvgStop offset="1" stopColor="#621197" />
      </SvgLinearGradient>
      <SvgPath
        fill={`url(#${id}-0)`}
        d="M117.007,574.5h1170.32c64.621,0,117.007,52.386,117.007,117.007v1170.32
	c0,64.621-52.386,117.007-117.007,117.007H117.007C52.386,1978.833,0,1926.448,0,1861.827V691.507
	C0,626.886,52.386,574.5,117.007,574.5z"
      />
      <SvgPath
        fill="#FFFFFF"
        d="M384.66,896.348h158.626l311.698,504.283c14.171,22.597,24.81,40.789,31.917,54.577h2.043
	c-3.856-34.327-5.391-68.876-4.596-103.41V896.348h135.327v760.638H871.197l-323.38-518.263
	c-10.953-17.099-20.598-35.003-28.853-53.556h-2.553c3.26,37.74,4.602,75.62,4.021,113.496v458.323H384.66V896.348z"
      />
    </Svg>
  );
}

/** Fixed-colour brand glyph. */
export function FileFlashGlyph({ width, height }: GlyphProps) {
  const id = useId();
  return (
    <Svg width={width} height={height} viewBox="2 2.328 28 27.344">
      <SvgDefs>
        <SvgLinearGradient id={`${id}-0`} x1="28.841" x2="3.828" y1="29.545" y2="3.161" gradientUnits="userSpaceOnUse">
          <SvgStop offset="0" stopColor="#b42025" />
          <SvgStop offset="1" stopColor="#d42027" />
        </SvgLinearGradient>
      </SvgDefs>
      <SvgPath fill={`url(#${id}-0)`} d="M2 2.328h28v27.344H2z" />
      <SvgPath
        fill="#000000"
        fillRule="evenodd"
        d="M21.56 10.892a4.655 4.655 0 0 1 1.546-.243V7.122a7.439 7.439 0 0 0-6.115 2.884a11.422 11.422 0 0 0-1.529 2.571l-1.147 2.8a23.24 23.24 0 0 1-1.025 2.519a9.844 9.844 0 0 1-1.06 1.876a4.02 4.02 0 0 1-1.39 1.147a4.525 4.525 0 0 1-1.946.4v3.561a7.487 7.487 0 0 0 6.115-2.884a13.442 13.442 0 0 0 1.251-2.015l.973-2.224h4.082v-3.546h-2.692a11.3 11.3 0 0 1 .8-1.529a4.6 4.6 0 0 1 .938-1.095a3.613 3.613 0 0 1 1.2-.695Z"
      />
    </Svg>
  );
}

/** Fixed-colour brand glyph. */
export function FileAiGlyph({ width, height }: GlyphProps) {
  return (
    <Svg width={width} height={height} viewBox="2 2.35 28 27.3">
      <SvgPath fill="#1c0a00" d="M3.169 3.517h25.666v24.966H3.169Z" />
      <SvgPath
        fill="#ff7f18"
        d="M3.169 3.517h25.666v24.966H3.169ZM2 29.65h28V2.35H2Zm18.34-17.57c0-.093.035-.14.14-.14h1.832c.093 0 .14.035.14.14v9.205c0 .093-.023.14-.14.14h-1.807c-.117 0-.152-.058-.152-.152V12.08h-.012Zm-.128-2.648a1.19 1.19 0 0 1 2.38 0a1.115 1.115 0 0 1-1.213 1.19a1.1 1.1 0 0 1-1.165-1.19Zm-5.25 6.487c-.327-1.3-1.1-4.118-1.388-5.483h-.023c-.245 1.365-.863 3.675-1.353 5.483Zm-3.243 1.89l-.922 3.5c-.023.093-.058.117-.175.117H8.909c-.117 0-.14-.035-.117-.175l3.313-11.6a3.779 3.779 0 0 0 .117-.968c0-.082.035-.117.093-.117h2.45c.082 0 .117.023.14.117l3.71 12.588c.023.093 0 .152-.093.152h-1.937c-.093 0-.152-.023-.175-.1l-.957-3.512H11.72Z"
      />
    </Svg>
  );
}

/** Fixed-colour brand glyph. */
export function FileVideoGlyph({ width, height }: GlyphProps) {
  return (
    <Svg width={width} height={height} viewBox="2 1 20 22">
      <SvgG transform="translate(0 -1028.4)">
        <SvgPath
          d="m4 1c-1.1046 0-2 0.8954-2 2v3 11 3 1c0 1.105 0.8954 2 2 2h2 12 2c1.105 0 2-0.895 2-2v-1-3-11-3c0-1.1046-0.895-2-2-2h-2-12-2zm-0.5 2h1c0.2761 0 0.5 0.2238 0.5 0.5v1c0 0.2762-0.2239 0.5-0.5 0.5h-1c-0.2761 0-0.5-0.2238-0.5-0.5v-1c0-0.2762 0.2239-0.5 0.5-0.5zm16 0h1c0.276 0 0.5 0.2238 0.5 0.5v1c0 0.2762-0.224 0.5-0.5 0.5h-1c-0.276 0-0.5-0.2238-0.5-0.5v-1c0-0.2762 0.224-0.5 0.5-0.5zm-16 3h1c0.2761 0 0.5 0.2238 0.5 0.5v1c0 0.2762-0.2239 0.5-0.5 0.5h-1c-0.2761 0-0.5-0.2238-0.5-0.5v-1c0-0.2762 0.2239-0.5 0.5-0.5zm16 0h1c0.276 0 0.5 0.2238 0.5 0.5v1c0 0.2762-0.224 0.5-0.5 0.5h-1c-0.276 0-0.5-0.2238-0.5-0.5v-1c0-0.2762 0.224-0.5 0.5-0.5zm-16 3h1c0.2761 0 0.5 0.2238 0.5 0.5v1c0 0.276-0.2239 0.5-0.5 0.5h-1c-0.2761 0-0.5-0.224-0.5-0.5v-1c0-0.2762 0.2239-0.5 0.5-0.5zm16 0h1c0.276 0 0.5 0.2238 0.5 0.5v1c0 0.276-0.224 0.5-0.5 0.5h-1c-0.276 0-0.5-0.224-0.5-0.5v-1c0-0.2762 0.224-0.5 0.5-0.5zm-16 3h1c0.2761 0 0.5 0.224 0.5 0.5v1c0 0.276-0.2239 0.5-0.5 0.5h-1c-0.2761 0-0.5-0.224-0.5-0.5v-1c0-0.276 0.2239-0.5 0.5-0.5zm16 0h1c0.276 0 0.5 0.224 0.5 0.5v1c0 0.276-0.224 0.5-0.5 0.5h-1c-0.276 0-0.5-0.224-0.5-0.5v-1c0-0.276 0.224-0.5 0.5-0.5zm-16 3h1c0.2761 0 0.5 0.224 0.5 0.5v1c0 0.276-0.2239 0.5-0.5 0.5h-1c-0.2761 0-0.5-0.224-0.5-0.5v-1c0-0.276 0.2239-0.5 0.5-0.5zm16 0h1c0.276 0 0.5 0.224 0.5 0.5v1c0 0.276-0.224 0.5-0.5 0.5h-1c-0.276 0-0.5-0.224-0.5-0.5v-1c0-0.276 0.224-0.5 0.5-0.5zm-16 3h1c0.2761 0 0.5 0.224 0.5 0.5v1c0 0.276-0.2239 0.5-0.5 0.5h-1c-0.2761 0-0.5-0.224-0.5-0.5v-1c0-0.276 0.2239-0.5 0.5-0.5zm16 0h1c0.276 0 0.5 0.224 0.5 0.5v1c0 0.276-0.224 0.5-0.5 0.5h-1c-0.276 0-0.5-0.224-0.5-0.5v-1c0-0.276 0.224-0.5 0.5-0.5z"
          transform="translate(0 1028.4)"
          fill="#e74c3c"
        />
        <SvgPath
          d="m2 1040.4v5 3 1c0 1.1 0.8954 2 2 2h2 12 2c1.105 0 2-0.9 2-2v-1-3-5h-1.5c0.276 0 0.5 0.2 0.5 0.5v1c0 0.2-0.224 0.5-0.5 0.5h-1c-0.276 0-0.5-0.3-0.5-0.5v-1c0-0.3 0.224-0.5 0.5-0.5h-15c0.2761 0 0.5 0.2 0.5 0.5v1c0 0.2-0.2239 0.5-0.5 0.5h-1c-0.2761 0-0.5-0.3-0.5-0.5v-1c0-0.3 0.2239-0.5 0.5-0.5h-1.5zm1.5 3h1c0.2761 0 0.5 0.2 0.5 0.5v1c0 0.2-0.2239 0.5-0.5 0.5h-1c-0.2761 0-0.5-0.3-0.5-0.5v-1c0-0.3 0.2239-0.5 0.5-0.5zm16 0h1c0.276 0 0.5 0.2 0.5 0.5v1c0 0.2-0.224 0.5-0.5 0.5h-1c-0.276 0-0.5-0.3-0.5-0.5v-1c0-0.3 0.224-0.5 0.5-0.5zm-16 3h1c0.2761 0 0.5 0.2 0.5 0.5v1c0 0.2-0.2239 0.5-0.5 0.5h-1c-0.2761 0-0.5-0.3-0.5-0.5v-1c0-0.3 0.2239-0.5 0.5-0.5zm16 0h1c0.276 0 0.5 0.2 0.5 0.5v1c0 0.2-0.224 0.5-0.5 0.5h-1c-0.276 0-0.5-0.3-0.5-0.5v-1c0-0.3 0.224-0.5 0.5-0.5z"
          fill="#c0392b"
        />
        <SvgPath d="m5 22v-20.196l17.66 10.098z" transform="matrix(.28312 0 0 .29709 8.5844 1036.8)" fill="#ecf0f1" />
      </SvgG>
    </Svg>
  );
}