UI-Packs

Sumi Menü-Icons — 32px konturiertes Set

57 einfarbig konturierte Tuschelasur Menü-Icons auf einem 32×32-Raster, darunter Play, Pause, Einstellungen und 54 weitere. Sheet plus Einzeldateien.

  • ui
  • svg
  • transparentes png
  • Icons
  • 32px
  • Menü
  • Kontur
  • Cel Shading
  • Tusche
  • dunkle UI
  • Action
57 konturierte Spielmenü-Icons auf Tuschelasur Kacheln, gross gezeigt, auf einem Sheet-Raster angeordnet und noch einmal in tatsächlicher Grösse von 32 Pixeln
1600×1344 VorschauTransparenz als Schachbrett dargestellt

Über dieses Pack

Konturierte Icons auf einem 32px-Raster mit 2.75px Strich. Gefüllte Icons würden mit der schweren Panelkontur konkurrieren; ein Strich in dieser Stärke trifft die Tuschelinie exakt, und das lässt das Set aussehen, als hätte dieselbe Hand es gezeichnet wie die Rahmen.

Alle 57 Icons sitzen auf einem strengen 32×32-Raster mit einheitlicher Strichstärke von 2.75 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 1824×32-Sheet legt alle 57 auf dasselbe Raster, für Engines, die eine Textur und einen Rechteckversatz bevorzugen — Zelle N beginnt bei x = N × 32. Die PNG-Exporte decken 1x, 2x und 4x mit sauberen transparenten Kanten ab.

Download

Direkter Link · keine Anmeldung · keine Warteseite
ZIP herunterladen347 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/4xZIP347 kB Holen →
Icon-Blatt, bearbeitbares SVGSVG14 kB Holen →

So wird es benutzt

  1. Auf dem Sheet belegt Icon N das Rechteck x = N × 32, y = 0, Breite 32, Höhe 32 — 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.75 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 32 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

Namensnennung zum Kopieren
"Sumi Menü-Icons — 32px konturiertes Set" by Oğuzhan Girgin, licensed under CC BY 4.0 — https://www.colorosse.com/assets/2d/ui/sumi-menu-icons-32