UI-Packs
Sandbox Menü-Icons — 16px zweifarbiges Set
Sechs zweifarbige Menü-Icons in warmer Sand auf einem 16×16-Raster: Play, Pause, Einstellungen, Inventar, Karte und Bestätigen. Blatt plus Einzeldateien.

Über dieses Pack
Zweifarbige Icons auf einem 16px-Raster — die kleinsten hier, denn eine Sandbox-Werkzeugleiste hält zwanzig davon gleichzeitig. Der zweite Ton macht die Arbeit einer Kontur, und eine Kontur bei 16px auf blassem Grund würde zulaufen.
Alle sechs Icons sitzen auf einem strengen 16×16-Raster mit einheitlicher 2.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, Inventar, Karte und Bestätigen.
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 WarteseiteKomplettes Set — einzelne SVGs, Blatt, PNG-Exporte in 1x/2x/4x
So wird es benutzt
- Auf dem Blatt belegt Icon N das Rechteck x = N × 16, y = 0, Breite 16, Höhe 16 — in dieser Reihenfolge: Play, Pause, Einstellungen, Inventar, Karte, Bestätigen.
- Setze die Icons bei 1x, 2x oder 4x auf ganze Pixel; einen 2.5 px starken Strich in gebrochener Skalierung zu rendern macht aus einem scharfen Icon einen grauen Fleck.
- 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.
- 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



