Design System
Playground Zur Vorlage

Elemente · ZeichenDatei-Icon

Element · 6 Varianten

Datei-Icon

elements/DateiIcon.astro

Acht Dateiformate in der Icon-Grammatik: Blatt mit geknickter Ecke, darin ein Zeichen je Format, ein Punkt. PDF, Text, Tabelle, Archiv, Vektor, Bild, Video, Extern.

Notizen

  • Bestand Icon-Set: 48er-Raster, Strich 1,5, eckige Enden, Punkt r 3,25. Blatt und Ordner existieren, Formate nicht.
  • Kein Format-Schriftzug im Icon; das Kürzel steht als Mono-Label daneben.
  • Wenn Approved: Icons wandern als Gruppe Datei ins Werk-Set (icon.ts), Element entfällt.

Props

Name Typ Default Notiz
variant "set" | "gross" | "label" | "zeile" | "fond" | "karte" "set" 01–06.
surface "nacht" | "paper" "nacht" Pflicht-Paar.
<DateiIcon variant="set" surface="nacht" />

01 · Set

Acht Formate, 24 px

Icon Grammatik. Name darunter.

Nacht

  • PDF
  • Text
  • Tabelle
  • Archiv
  • Vektor
  • Bild
  • Video
  • Extern

Paper

  • PDF
  • Text
  • Tabelle
  • Archiv
  • Vektor
  • Bild
  • Video
  • Extern

02 · Groß

Vier Formate, 64 px

Icon lg. —

Nacht

  • PDF · 64
  • Tabelle · 64
  • Bild · 64
  • Video · 64

Paper

  • PDF · 64
  • Tabelle · 64
  • Bild · 64
  • Video · 64

03 · Label

Icon, Kürzel, Größe

Ressourcen-Grid. Mono xs.

Nacht

  • pdf· 1,2 MB
  • docx· 1,2 MB
  • zip· 1,2 MB

Paper

  • pdf· 1,2 MB
  • docx· 1,2 MB
  • zip· 1,2 MB

04 · Zeile

In Listen-Zeilen

Ressourcen-Grid liste. Kürzel rechts.

Nacht

  • Briefing-Vorlagepdf
  • Briefing-Vorlagexlsx
  • Briefing-Vorlagezip
  • Briefing-Vorlageurl

Paper

  • Briefing-Vorlagepdf
  • Briefing-Vorlagexlsx
  • Briefing-Vorlagezip
  • Briefing-Vorlageurl

05 · Fond

Im 48er-Quadrat

Icon-Feld quadrat. —

Nacht

Paper

06 · Karte

Ressourcen-Karte mit Icon 64

Ressourcen-Grid karten. —

Nacht

PDF · 1,2 MB

Briefing-Vorlage

Paper

PDF · 1,2 MB

Briefing-Vorlage