Design System
Playground Zur Vorlage

Elemente · ZeichenIcon

Element · 168 Zeichen

Icon

elements/Icon.astro

Haarlinie, offene Enden, Punkt als Blick. App-Satz und Werk-Zeichen. Eine SVG-Komponente, Katalog in icon.ts. Stats-Marke bleibt die vier Beleg-Zeichen.

Grammatik

  • Offene Enden. Der Punkt sieht dich — oft im Zentrum, sonst an der Öffnung. Strich 1,5, square, miter, viewBox 48.
  • Beim Reinscrollen zeichnet der Punkt den Pfad (Motion). Hover spielt ihn noch einmal. Reduced motion: das Zeichen steht.
  • Kein Fill außer dem Punkt. currentColor. Feature-Card, Service-Card, Bento-Tile.
  • 40 App, 128 Werk. Runen nur als Haltung: Stave, Bindung, Gabel. Stats-Marke bleibt eck, orbit, bogen, hex — am Stats-Band und an den Review-Badges.

Props

Name Typ Default Notiz
id IconId — Katalog in icon.ts. 40 App, 128 Werk.
size "sm" | "lg" | "xl" "sm" 24 / 64 / 96px. Feature-Card lg, Bento-Marke xl.
<Icon id="auge" size="lg" />
<Icon id="eid" size="sm" />

App

Steuerung, Ort, Datei

Standard-Satz für die Fläche. Offene Enden, ein Punkt.

Nacht

  • Suche

  • Leiste

  • Person

  • Brief

  • Schließen

  • Plus

  • Minus

  • Haken

  • Weiter

  • Zurück

  • Hinauf

  • Hinab

  • Pfeil

  • Heim

  • Personen

  • Ruf

  • Schloss

  • Zahn

  • Teilen

  • Laden

  • Senden

  • Stift

  • Korb

  • Auge

  • Stern

  • Glocke

  • Kalender

  • Uhr

  • Nadel

  • Kette

  • Bild

  • Blatt

  • Ordner

  • Sieb

  • Mehr

  • Spiel

  • Pause

  • Außen

  • Kopie

  • Info

Paper

  • Suche

  • Leiste

  • Person

  • Brief

  • Schließen

  • Plus

  • Minus

  • Haken

  • Weiter

  • Zurück

  • Hinauf

  • Hinab

  • Pfeil

  • Heim

  • Personen

  • Ruf

  • Schloss

  • Zahn

  • Teilen

  • Laden

  • Senden

  • Stift

  • Korb

  • Auge

  • Stern

  • Glocke

  • Kalender

  • Uhr

  • Nadel

  • Kette

  • Bild

  • Blatt

  • Ordner

  • Sieb

  • Mehr

  • Spiel

  • Pause

  • Außen

  • Kopie

  • Info

Werk A

Marke, Fläche, Inhalt, Suche

Nacht

Werk · Marke

  • Marke

  • Zeichen

  • Wort

  • Palette

  • Schnitt

  • Klang

  • Wappen

  • Stempel

Werk · Fläche

  • Fläche

  • Seite

  • Start

  • Deckel

  • Rahmen

  • Formular

  • Knopf

  • Pille

Werk · Inhalt

  • Satz

  • Artikel

  • Liste

  • Zitat

  • Kopfzeile

  • Lead

  • Caption

  • Beleg

Werk · Suche

  • Index

  • Query

  • Sitemap

  • Snippet

  • Schema

  • Crawl

  • Kanon

  • Locale

Paper

Werk · Marke

  • Marke

  • Zeichen

  • Wort

  • Palette

  • Schnitt

  • Klang

  • Wappen

  • Stempel

Werk · Fläche

  • Fläche

  • Seite

  • Start

  • Deckel

  • Rahmen

  • Formular

  • Knopf

  • Pille

Werk · Inhalt

  • Satz

  • Artikel

  • Liste

  • Zitat

  • Kopfzeile

  • Lead

  • Caption

  • Beleg

Werk · Suche

  • Index

  • Query

  • Sitemap

  • Snippet

  • Schema

  • Crawl

  • Kanon

  • Locale

Werk B

Stimme, Bewegung, Mandat, Nachweis

Nacht

Werk · Stimme

  • Stimme

  • Echo

  • Meinung

  • Gespräch

  • Sendung

  • Transkript

  • Chor

  • Stille

Werk · Bewegung

  • Takt

  • Scroll

  • Wechsel

  • Wisch

  • Loop

  • Eintritt

  • Geste

  • Dauer

Werk · Mandat

  • Eid

  • Slot

  • Retainer

  • Auftrag

  • Sprint

  • Review

  • Abnahme

  • Ruhe

Werk · Nachweis

  • Zahl

  • Trichter

  • Quelle

  • Kohorte

  • Report

  • Tafel

  • Alarm

  • Ziel

Paper

Werk · Stimme

  • Stimme

  • Echo

  • Meinung

  • Gespräch

  • Sendung

  • Transkript

  • Chor

  • Stille

Werk · Bewegung

  • Takt

  • Scroll

  • Wechsel

  • Wisch

  • Loop

  • Eintritt

  • Geste

  • Dauer

Werk · Mandat

  • Eid

  • Slot

  • Retainer

  • Auftrag

  • Sprint

  • Review

  • Abnahme

  • Ruhe

Werk · Nachweis

  • Zahl

  • Trichter

  • Quelle

  • Kohorte

  • Report

  • Tafel

  • Alarm

  • Ziel

Werk C

Bild, System, Launch, Betreuung

Nacht

Werk · Bild

  • Foto

  • Beschnitt

  • Kasten

  • ASCII

  • Diagramm

  • Piktogramm

  • Lockup

  • Leere

Werk · System

  • Token

  • Baustein

  • Band

  • Gerüst

  • Dossier

  • Version

  • Stand

  • Sandkasten

Werk · Launch

  • Startschuss

  • Domain

  • Host

  • DNS

  • TLS

  • Umleitung

  • Karte XML

  • Indexierung

Werk · Betreuung

  • Wache

  • Flicken

  • Standkopie

  • Uptime

  • Ticket

  • Leitung

  • Übergabe

  • Lehre

Paper

Werk · Bild

  • Foto

  • Beschnitt

  • Kasten

  • ASCII

  • Diagramm

  • Piktogramm

  • Lockup

  • Leere

Werk · System

  • Token

  • Baustein

  • Band

  • Gerüst

  • Dossier

  • Version

  • Stand

  • Sandkasten

Werk · Launch

  • Startschuss

  • Domain

  • Host

  • DNS

  • TLS

  • Umleitung

  • Karte XML

  • Indexierung

Werk · Betreuung

  • Wache

  • Flicken

  • Standkopie

  • Uptime

  • Ticket

  • Leitung

  • Übergabe

  • Lehre

Werk D

Markt, Recht, Industrie, Verbindung

Nacht

Werk · Markt

  • Feld

  • Lage

  • Persona

  • Weg

  • Angebot

  • Preis

  • Pitch

  • Lasten

Werk · Recht

  • Schild

  • Keks

  • Impressum

  • Barriere

  • Consent

  • Vertrag

  • Lizenz

  • Archiv

Werk · Industrie

  • Werk

  • Handwerk

  • Maschine

  • Charge

  • Lager

  • Flotte

  • Strom

  • Bau

Werk · Verbindung

  • Brücke

  • API

  • CMS

  • CRM

  • Shop

  • Verteiler

  • Kasse

  • Feed

Paper

Werk · Markt

  • Feld

  • Lage

  • Persona

  • Weg

  • Angebot

  • Preis

  • Pitch

  • Lasten

Werk · Recht

  • Schild

  • Keks

  • Impressum

  • Barriere

  • Consent

  • Vertrag

  • Lizenz

  • Archiv

Werk · Industrie

  • Werk

  • Handwerk

  • Maschine

  • Charge

  • Lager

  • Flotte

  • Strom

  • Bau

Werk · Verbindung

  • Brücke

  • API

  • CMS

  • CRM

  • Shop

  • Verteiler

  • Kasse

  • Feed

Maß

24 und 96

Haarlinie sitzt klein. Punkt bleibt Punkt, groß.

Nacht

sm · 24

xl · 96

Paper

sm · 24

xl · 96