UI-Packs

Bitrush Menü-Icons — 16px gefülltes Set

Sechs einfarbige gefüllte Menü-Icons in Y2K-Poster auf 16×16: Play, Pause, Einstellungen, Schließen, Bestätigen und Karte. Blatt plus Einzeldateien.

  • ui
  • svg
  • transparentes png
  • Icons
  • 16px
  • Menü
  • gefüllt
  • y2k
  • retrofuturistisch
  • Poster
  • hud
Sechs gefüllte Menü-Icons auf Y2K-Poster-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

Gefüllte Icons auf einem 16px-Raster mit 3px Stamm. Konturierte Icons wirken neben einem schweren geraden Rand dünn; gefüllte Formen treffen das Gewicht der Fläche, auf der sie sitzen.

Alle sechs Icons sitzen auf einem strengen 16×16-Raster mit einheitlicher 3 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, Schließen, Bestätigen und Karte.

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 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 herunterladen17 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/4xZIP17 kB Holen →
Icon-Blatt, bearbeitbares SVGSVG1.5 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, Schließen, Bestätigen, Karte.
  2. Setze die Icons bei 1x, 2x oder 4x auf ganze Pixel; einen 3 px starken Strich in gebrochener Skalierung zu rendern macht aus einem scharfen Icon einen grauen Fleck.
  3. 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.
  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