UI-Packs
Byte Menü-Icons — 24px konturiertes Set
Sieben einfarbige konturierte Menü-Icons in helles Pixel auf 24×24: Play, Pause, Einstellungen, Inventar, Karte, Bestätigen und Schließen. Blatt plus Einzeldateien.

Über dieses Pack
Ein 24px-Raster statt der 16px der Schwesterfamilie. Bei 16px verliert ein Strich-Icon auf hellem Grund seine Kontur an den Hintergrund; 24 gibt dem Stamm genug Gewicht, um seine Form zu halten, ohne zum vollen Klecks zu werden.
Alle sieben Icons sitzen auf einem strengen 24×24-Raster mit einheitlicher 2 px Strichstärke und teilen dasselbe optische Gewicht, eine Reihe davon sieht also aus wie ein Set und nicht wie sieben Zeichnungen, die zufällig gleich groß sind. Das Set umfasst Play, Pause, Einstellungen, Inventar, Karte, Bestätigen und Schließen.
Alles ist einfarbig. In jeder Datei steckt ein Wert, das Umfärben des ganzen Sets ist also ein Suchen-und-Ersetzen oder eine Färbung auf dem Material, wenn du die PNGs nutzt. Nichts ist eingebrannt — keine Schatten, keine Verläufe, keine Abschrägungen — denn ein Icon, das sein eigenes Licht mitbringt, passt in dem Moment nicht mehr zu deiner Oberfläche, in dem sich deine Oberfläche ändert.
Das Set kommt in drei Formen. Einzelne SVGs sind die richtige Wahl, wenn deine Engine Vektoren rastert oder du sie bearbeiten willst. Das 168×24-Blatt legt alle sieben auf dasselbe Raster, für Engines, die eine Textur und einen Rechteck-Offset bevorzugen — Zelle N beginnt bei x = N × 24. 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 × 24, y = 0, Breite 24, Höhe 24 — in dieser Reihenfolge: Play, Pause, Einstellungen, Inventar, Karte, Bestätigen, Schließen.
- Setze die Icons bei 1x, 2x oder 4x auf ganze Pixel; einen 2 px starken Strich in gebrochener Skalierung zu rendern macht aus einem scharfen Icon einen grauen Fleck.
- Zum Umfärben änderst du den einzigen Füll- oder Konturwert im SVG, oder du legst im UI-Material eine Färbung auf das PNG — jede Form in einer Datei nutzt denselben Wert.
- Behalte bei Touch-Zielen das 24 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 Namensnennung 4.0 — Kostenlos für kommerzielle Nutzung. Namensnennung erforderlich. Vollständige Bedingungen · Was das in der Praxis heißt
"Byte Menü-Icons — 24px konturiertes Set" by Oğuzhan Girgin, licensed under CC BY 4.0 — https://www.colorosse.com/assets/2d/ui/byte-menu-icons-24


