UI-Packs

Sketch Menü-Icons — 32px konturiertes Set

Sieben einfarbige konturierte Menü-Icons in getuschtes Notizbuch auf 32×32: Play, Pause, Einstellungen, Inventar, Karte, Bestätigen und Schließen. Blatt plus Einzeldateien.

  • ui
  • svg
  • transparentes png
  • Icons
  • 32px
  • Menü
  • Kontur
  • handgezeichnet
  • Skizze
  • Notizbuch
  • helle UI
Sieben konturierte Menü-Icons auf getuschtes Notizbuch-Kacheln, groß gezeigt, auf einem Blattraster angeordnet und noch einmal in echter Größe von 32 Pixeln
1600×912 VorschauTransparenz als Schachbrett dargestellt

Über dieses Pack

Icons auf einem 32px-Raster mit 2.5px Strich, gezeichnet mit derselben unruhigen Linie wie die Panels. Das größere Raster ist keine Dekoration: Eine zitternde Kontur auf einem 16px-Icon liest sich als Renderfehler und braucht Platz, bevor sie als Hand liest.

Alle sieben Icons sitzen auf einem strengen 32×32-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 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 224×32-Blatt legt alle sieben auf dasselbe Raster, für Engines, die eine Textur und einen Rechteck-Offset 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 herunterladen34 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/4xZIP34 kB Holen →
Icon-Blatt, bearbeitbares SVGSVG1.7 kB Holen →

So wird es benutzt

  1. Auf dem Blatt belegt Icon N das Rechteck x = N × 32, y = 0, Breite 32, Höhe 32 — in dieser Reihenfolge: Play, Pause, Einstellungen, Inventar, Karte, Bestätigen, Schließen.
  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 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
"Sketch Menü-Icons — 32px konturiertes Set" by Oğuzhan Girgin, licensed under CC BY 4.0 — https://www.colorosse.com/assets/2d/ui/sketch-menu-icons-32