UI-Packs

Candy Menü-Icons — 32px gefülltes Set

Sechs einfarbige gefüllte Menü-Icons in Zuckerhell auf 32×32: Play, Pause, Einstellungen, Ton, Bestätigen und Schließen. Blatt plus Einzeldateien.

  • ui
  • svg
  • transparentes png
  • Icons
  • 32px
  • Menü
  • gefüllt
  • Cartoon
  • Casual
  • Mobile
  • Match 3
Sechs gefüllte Menü-Icons auf Zuckerhell-Kacheln, groß gezeigt, auf einem Blattraster angeordnet und noch einmal in echter Größe von 32 Pixeln
1600×677 VorschauTransparenz als Schachbrett dargestellt

Über dieses Pack

Gefüllte Icons auf einem 32px-Raster mit 3.5px Stamm. Kontur-Icons wirken neben einem schwer getuschten Button dünn und klinisch; gefüllte Formen treffen das Gewicht der Fläche, auf der sie sitzen — und genau deshalb nutzt dieser Stil überhaupt eine dicke Kontur.

Alle sechs Icons sitzen auf einem strengen 32×32-Raster mit einheitlicher 3.5 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, Ton, 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 192×32-Blatt legt alle sechs 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 herunterladen33 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/4xZIP33 kB Holen →
Icon-Blatt, bearbeitbares SVGSVG1.6 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, Ton, Bestätigen, Schließen.
  2. Setze die Icons bei 1x, 2x oder 4x auf ganze Pixel; einen 3.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
"Candy Menü-Icons — 32px gefülltes Set" by Oğuzhan Girgin, licensed under CC BY 4.0 — https://www.colorosse.com/assets/2d/ui/candy-menu-icons-32