UI-Grundlagen 2

3D-Interface-Icons für Toolbar und Navigation

Kurz gesagt

UI-Grundlagen 2 ist das zweite kostenlose Interface-Paket: 20 3D-Icons für Aktionen und Navigation, etwa Haus, Mülleimer, Bleistift, Download, Upload, Teilen, Filter, Aktualisieren, Menü und Ein-/Ausschalter. Alle stehen unter CC0, als quadratische PNG-Dateien von 1024 bis hinunter zu 256 px, eingefärbt in pastel, vivid oder clay, von vorn oder schräg gesehen.

Icons: 20
Farbstile: Pastel, Kräftig, Clay
Ansichten: frontal, schräg
Größen: 1024 px, 512 px, 256 px
Format: PNG mit Transparenz, 360 Dateien
Lizenz: CC0 1.0

Download (512 + 256 px) ZIP 14 MB · 244 Dateien Komplett (mit 1024 px) ZIP 65 MB · 363 Dateien

CC0 1.0 · Ohne Konto

UI-Grundlagen 2: 20 3D-Icons, Pastell, schräge Ansicht

0120 Icons im Paket

Haus home
Mülleimer trash
Bleistift pencil
Download download
Upload upload
Teilen share
Lesezeichen bookmark
Filter filter
Aktualisieren refresh
Auge eye
Link link
Minus minus
Kippschalter toggle
Schieberegler sliders
Raster grid
Liste list
Menü menu
Ein-/Ausschalter power
Schild shield
Bild image

02Haus in allen Stilen und Ansichten

256-px-Dateien in Originalgröße. Jeder Dateiname setzt sich aus Icon-Slug, Stil und Ansicht zusammen.

Pastel · frontal
home-pastel-front.png
Pastel · schräg
home-pastel-angle.png
Kräftig · frontal
home-vivid-front.png
Kräftig · schräg
home-vivid-angle.png
Clay · frontal
home-clay-front.png
Clay · schräg
home-clay-angle.png

Welche Größe wofür, Figma und HTML-Beispiele: Anleitung für 3D-Icons.

03Dateien und Downloads

Ordner	PNG	Größe	ZIP
png/1024/	120	51 MB	komplett
png/512/	120	10 MB	komplett und lite
png/256/	120	2,9 MB	komplett und lite

Dateinamen: <icon>-<style>-<view>.png
Komplette ZIP: 3d-icons-ui-basics-2.zip · 65 MB
Lite-ZIP: 3d-icons-ui-basics-2-lite.zip · 14 MB · 512 und 256 px, LITE.txt
Lizenz: CC0 1.0 (LICENSE.txt)

UI-Grundlagen 2: Übersicht aller Icons in Pastell, Kräftig und Clay — vorschau.png

04Über das Paket

Wo Paket 1 Zustände zeigt, geht es in Paket 2 ums Handeln. Bleistift, Mülleimer und Minus bearbeiten und entfernen Inhalte, Download, Upload, Teilen und Link bewegen sie, Filter, Schieberegler und Aktualisieren passen eine Ansicht an. Das Auge schaltet die Sichtbarkeit, der Kippschalter eine Option, das Schild markiert einen geschützten Bereich.

Haus, Raster, Liste und Menü decken Navigation und Layout-Umschalter ab, Ein-/Ausschalter und Bild vervollständigen den Satz. Weil die Formen schlicht sind, wirkt die Frontansicht fast wie ein klassisches flaches Icon mit Tiefe, passend für App-Leisten und Seitenleisten. Die Schrägansicht macht sich besser in großen Feature-Kacheln.

Geeignet für

App-Leisten, Tab-Leisten und Seitenleisten
Editor-Toolbars und Kontextmenüs
Download- und Teilen-Buttons auf Landingpages
Einstellungsdialoge mit Schaltern und Reglern

Fragen und Antworten

Welche Bedienelemente enthält UI-Grundlagen 2?

20 Icons: Haus, Mülleimer, Bleistift, Download, Upload, Teilen, Lesezeichen, Filter, Aktualisieren, Auge, Link, Minus, Kippschalter, Schieberegler, Raster, Liste, Menü, Ein-/Ausschalter, Schild und Bild.

Passen diese Icons zu UI-Grundlagen 1?

Ja. Beide Pakete nutzen dasselbe Licht, dieselben Ränder und Farbstile, Paket 2 wiederholt kein Icon aus Paket 1. Zusammen ergeben sie 40 verschiedene Interface-Symbole, etwa das Plus aus Paket 1 neben dem Minus aus Paket 2.

Welcher Stil passt zu einem dunklen App-Theme?

Vivid hält auf dunklen Flächen den stärksten Kontrast. Clay, die weiche weiße Monochrom-Version, wirkt auf mittelgrauen Flächen und in Wireframes ruhig, pastel passt zu hellen Themes.

Sind Download und Upload getrennte Icons?

Ja, jedes hat ein eigenes Modell mit dem Pfeil nach unten oder oben, gespiegelt werden muss also nichts. Wie die übrigen 18 Icons liegen sie in 1024, 512 und 256 px vor.