UI-Packs

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

57 einfarbig gefüllte Dämmerpurpur Menü-Icons auf einem 16×16-Raster, darunter Play, Pause, Einstellungen und 54 weitere. Sheet plus Einzeldateien.

  • ui
  • svg
  • transparentes png
  • Icons
  • 16px
  • Menü
  • gefüllt
  • Pixel Art
  • Retro
  • 2d
57 gefüllte Spielmenü-Icons auf Dämmerpurpur Kacheln, gross gezeigt, auf einem Sheet-Raster angeordnet und noch einmal in tatsächlicher Grösse von 16 Pixeln
1600×1248 VorschauTransparenz als Schachbrett dargestellt

Über dieses Pack

Sechzehn Pixel große Icons als gefüllte Formen statt als Konturen, denn in dieser Größe ist eine Kontur zwei Pixel Rand um einen Pixel Nichts. Es sind weiterhin Vektorquellen, die 2x- und 4x-Exporte sind also sauber statt hochgerechnet.

Alle 57 Icons sitzen auf einem strengen 16×16-Raster mit einheitlicher Strichstärke von 2 px und teilen dieselbe optische Gewichtung, sodass eine Reihe davon wie ein Set aussieht und nicht wie 57 Zeichnungen, die zufällig gleich gross sind. Das Set umfasst Play, Pause, Einstellungen, Inventar, Karte, Ton, Schliessen, Bestätigen, Leben, Währung, Verteidigung, Beute, Start, Zurück, Vor, Hoch, Runter, Menü, Suche, Filter, Aktualisieren, Vollbild, Hinzufügen, Entfernen, Gesperrt, Entsperrt, Ansicht, Löschen, Info, Warnung, Stern, Trophäe, Zeit, Speichern, Download, Upload, Waffe, Trank, Edelstein, Schlüssel, Truhe, Quest, Gefahr, Feuer, Energie, Mana, Rüstung, Tempo, Fähigkeiten, Ziel, Musik, Profil, Gruppe, Chat, Post, Shop und Belohnung.

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 912×16-Sheet legt alle 57 auf dasselbe Raster, für Engines, die eine Textur und einen Rechteckversatz 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 herunterladen171 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/4xZIP171 kB Holen →
Icon-Blatt, bearbeitbares SVGSVG13 kB Holen →

So wird es benutzt

  1. Auf dem Sheet belegt Icon N das Rechteck x = N × 16, y = 0, Breite 16, Höhe 16 — in dieser Reihenfolge: Play, Pause, Einstellungen, Inventar, Karte, Ton, Schliessen, Bestätigen, Leben, Währung, Verteidigung, Beute, Start, Zurück, Vor, Hoch, Runter, Menü, Suche, Filter, Aktualisieren, Vollbild, Hinzufügen, Entfernen, Gesperrt, Entsperrt, Ansicht, Löschen, Info, Warnung, Stern, Trophäe, Zeit, Speichern, Download, Upload, Waffe, Trank, Edelstein, Schlüssel, Truhe, Quest, Gefahr, Feuer, Energie, Mana, Rüstung, Tempo, Fähigkeiten, Ziel, Musik, Profil, Gruppe, Chat, Post, Shop, Belohnung.
  2. 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.
  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.
  5. Bei 1x sollen diese Icons neben 8 oder 16 Pixel großer Schrift sitzen; ist deine Schrift größer, nimm den 2x-Export, statt 1x um 1.5 hochzurechnen.

Lizenz

Creative Commons Namensnennung 4.0 — Kostenlos für kommerzielle Nutzung. Namensnennung erforderlich. Vollständige Bedingungen · Was das in der Praxis heißt

Namensnennung zum Kopieren
"Dusk Menü-Icons — 16px gefülltes Set" by Oğuzhan Girgin, licensed under CC BY 4.0 — https://www.colorosse.com/assets/2d/ui/dusk-menu-icons-16