UI-Packs

Mint Menü-Icons — 16px zweifarbiges Set

Sechs zweifarbige Menü-Icons in kühler Schiefer auf einem 16×16-Raster: Play, Pause, Einstellungen, Karte, Bestätigen und Schließen. Blatt plus Einzeldateien.

  • ui
  • svg
  • transparentes png
  • Icons
  • 16px
  • Menü
  • Zweifarbig
  • flach
  • dunkle UI
  • Strategie
  • Werkzeuge
Sechs zweifarbige Menü-Icons auf kühler Schiefer-Kacheln, groß gezeigt, auf einem Blattraster angeordnet und noch einmal in echter Größe von 16 Pixeln
1600×635 VorschauTransparenz als Schachbrett dargestellt

Über dieses Pack

Zweifarbige Icons auf einem 16px-Raster mit 1.5px Stamm — das dichteste Set hier. Eine Werkzeugoberfläche setzt Icons in Tabellenzeilen und Leisten, wo 24px die Zeilenhöhe hochtreiben würde; zwei Töne halten sie in dieser Größe ohne Kontur lesbar.

Alle sechs Icons sitzen auf einem strengen 16×16-Raster mit einheitlicher 1.5 px Strichstärke und teilen dasselbe optische Gewicht, eine Reihe davon sieht also aus wie ein Set und nicht wie sechs Zeichnungen, die zufällig gleich groß sind. Das Set umfasst Play, Pause, Einstellungen, Karte, Bestätigen und Schließen.

Jedes Icon trägt genau zwei Werte: eine Körperfarbe und ein Akzentdetail, das darin herausgehoben ist. Das ist die ganze Palette — keine Schatten, keine Verläufe, keine Abschrägungen — das Umfärben des Sets ist also zweimal Suchen-und-Ersetzen, und der Akzent bleibt frei für das, wofür deine Oberfläche ihn sonst nutzt.

Das Set kommt in drei Formen. Einzelne SVGs sind die richtige Wahl, wenn deine Engine Vektoren rastert oder du sie bearbeiten willst. Das 96×16-Blatt legt alle sechs auf dasselbe Raster, für Engines, die eine Textur und einen Rechteck-Offset bevorzugen — Zelle N beginnt bei x = N × 16. Die PNG-Exporte decken 1x, 2x und 4x mit sauberen transparenten Kanten ab.

Download

Direkter Link · keine Anmeldung · keine Warteseite
ZIP herunterladen20 kB

Komplettes Set — einzelne SVGs, Blatt, PNG-Exporte in 1x/2x/4x

Dateien in diesem Pack
DateiFormatGrößeDownload
Komplettes Set — einzelne SVGs, Blatt, PNG-Exporte in 1x/2x/4xZIP20 kB Holen →
Icon-Blatt, bearbeitbares SVGSVG1.7 kB Holen →

So wird es benutzt

  1. Auf dem Blatt belegt Icon N das Rechteck x = N × 16, y = 0, Breite 16, Höhe 16 — in dieser Reihenfolge: Play, Pause, Einstellungen, Karte, Bestätigen, Schließen.
  2. Setze die Icons bei 1x, 2x oder 4x auf ganze Pixel; einen 1.5 px starken Strich in gebrochener Skalierung zu rendern macht aus einem scharfen Icon einen grauen Fleck.
  3. Zum Umfärben änderst du die zwei Werte im SVG: die Körperfarbe und das Akzentdetail. Eine flache Färbung auf dem PNG zieht beide zu einer Farbe zusammen, färbe also auf SVG-Ebene um, wenn du die Zweifarbigkeit behalten willst.
  4. Behalte bei Touch-Zielen das 16 px große Icon und vergrößere den Button dahinter, statt das Icon zu skalieren; die Strichstärke ist auf diese Größe abgestimmt.

Lizenz

Creative Commons Zero 1.0 — Gemeinfrei. Keine Namensnennung nötig. Vollständige Bedingungen · Was das in der Praxis heißt