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.

  • ui
  • svg
  • transparentes png
  • Icons
  • 16px
  • Menü
  • Zweifarbig
  • Voxel
  • helle UI
  • Aufbau
  • Sandbox
Sechs zweifarbige Menü-Icons auf warmer Sand-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 — 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 Warteseite
ZIP herunterladen21 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/4xZIP21 kB Holen →
Icon-Blatt, bearbeitbares SVGSVG1.8 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, Inventar, Karte, Bestätigen.
  2. 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.
  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