CC0 · PNG · 1024 / 512 / 256

Kostenlose 3D-Icons

Kurz gesagt

Grab3D bietet 120 kostenlose 3D-Icons in 6 Themenpaketen zu je 20, alle unter CC0. Jedes Icon gibt es in drei Farbstilen (pastel, vivid, clay) und zwei Ansichten (Front und schräg) als transparentes PNG in 1024, 512 und 256 px, zusammen 2.160 Dateien. Jedes Paket ist ein direkter ZIP-Download ohne Konto, dazu gibt es eine kleinere Lite-ZIP für das Web.

Icons
120 · 6 Pakete
Varianten
3 Stile × 2 Ansichten × 3 Größen
PNG
2.160
Lizenz
CC0 1.0
pastel · vivid · clay
Ein Icon jedes Pakets in den drei Farbstilen

013D-Icon-Pakete

Alle Pakete teilen einen Look: runde, leicht aufgeblasene Formen, weiches Studiolicht und derselbe Rand in jedem Quadrat. So stehen Icons aus verschiedenen Paketen sauber in einer Reihe. Die Bilder enthalten weder Text noch Zahlen, Logos oder Markenzeichen und bleiben dadurch für jede Sprache und jedes Produkt nutzbar.

  • UI-Grundlagen 1

    20 alltägliche Interface-Symbole: Häkchen, Herz, Glocke, Zahnrad, Lupe, Kalender und Rakete

    • 20 Icons
    • lite 15 MB
    • komplett 70 MB
  • UI-Grundlagen 2

    20 Bedienelemente für Toolbar und Navigation: Haus, Mülleimer, Bleistift, Download, Menü

    • 20 Icons
    • lite 14 MB
    • komplett 65 MB
  • Business und Marketing

    20 Icons für Finanzen, Wachstum und Erfolg: Diagramme, Zielscheibe, Pokal, Megafon

    • 20 Icons
    • lite 15 MB
    • komplett 71 MB
  • Kommunikation

    20 Icons für Mail, Chat, Anrufe und Medien: Umschlag, Telefon, Kopfhörer, WLAN, Kamera

    • 20 Icons
    • lite 15 MB
    • komplett 70 MB
  • E-Commerce

    20 Shop-Icons vom Warenkorb bis zur Lieferung: Tüte, Karte, Paket, Lieferwagen, Bon

    • 20 Icons
    • lite 17 MB
    • komplett 75 MB
  • Wetter und Natur

    20 Wetter- und Natur-Icons: Sonne, Mond, Regen, Schnee, Gewitter, Regenbogen, Baum, Berg

    • 20 Icons
    • lite 14 MB
    • komplett 65 MB

02Stile, Ansichten und Größen

Pastel

Pastel: weiche, helle Farben für freundliche, luftige Layouts.

Kräftig

Vivid: dieselben Farbtöne, kräftiger und satter, für Kontrast auf dunklen oder unruhigen Hintergründen.

Clay

Clay: ein weicher, weißer Monochrom-Look mit hellgrauen Details, ruhig in Wireframes und minimalistischen Designs.

Frontal und schräg

Front: gerade Ansicht unter 0 Grad, am nächsten an einem klassischen Icon und am besten bei kleinen Größen.

Schräg: um 30 Grad gedreht und leicht von oben gesehen, so wird die Tiefe der Form sichtbar. Gedacht für Hero-Bereiche und Feature-Karten.

Welche Größe, welcher Download

Am besten eine Datei wählen, die mindestens doppelt so groß ist wie die Darstellung: 256 px für Icons bis 128 px, 512 px für Feature-Karten und Folien, 1024 px für große Hero-Bilder und Druck. Die volle ZIP eines Pakets enthält alle drei Größen (65 MB bis 75 MB). Die Lite-ZIP lässt die 1024-px-Dateien weg und wiegt 14 MB bis 17 MB, genug für Websites und Apps.

Figma, Penpot, Sketch

In Figma, Penpot oder Sketch das PNG auf die Arbeitsfläche ziehen oder über Bild platzieren einfügen. Der transparente Hintergrund funktioniert auf hellen, dunklen und farbigen Frames. Für ein ruhiges Ergebnis pro Screen einen Stil und eine Ansicht beibehalten und bei Bedarf im Design-Tool einen weichen Schlagschatten ergänzen.

Auf Websites

Auf einer Website Breite und Höhe am img-Tag setzen und Icons unterhalb des sichtbaren Bereichs mit loading="lazy" laden. Ein srcset mit der 256-px-Datei als 1x und der 512-px-Datei als 2x hält ein 128-px-Icon auf hochauflösenden Displays scharf. Die PNGs haben keinen eingebackenen Schatten: einen per CSS filter drop-shadow ergänzen, passend zum Licht der Seite. Eine Umwandlung in WebP oder AVIF ist möglich, die Transparenz bleibt erhalten.

<img src="png/256/rocket-pastel-angle.png"
     srcset="png/256/rocket-pastel-angle.png 1x,
             png/512/rocket-pastel-angle.png 2x"
     width="128" height="128" alt="" loading="lazy">

Fragen und Antworten

Sind die 3D-Icons wirklich kostenlos für kommerzielle Projekte?

Ja. Alle Pakete stehen unter CC0 1.0 (gemeinfrei). Sie dürfen in kommerziellen Apps, Websites, Vorlagen und Kundenprojekten genutzt, bearbeitet und weitergegeben werden. Konto und Namensnennung sind nicht nötig.

Was unterscheidet die volle von der Lite-ZIP?

Beide enthalten jedes Icon in jedem Stil und jeder Ansicht. Die volle ZIP ergänzt die 1024-px-Dateien für Druck und sehr große Hero-Bilder, die Lite-ZIP enthält nur 512 und 256 px und ist etwa ein Fünftel so groß.

Gibt es die Icons auch als SVG oder 3D-Modell?

Nein, die Pakete enthalten nur transparente PNG-Bilder. Für scharfe Ergebnisse die PNG-Größe passend zum Layout wählen oder die größte Datei nehmen.

Wie sind die Dateien benannt?

Die Dateien folgen dem Muster icon-stil-ansicht.png in einem Ordner pro Größe, zum Beispiel png/512/rocket-vivid-angle.png. So lässt sich ein ganzer Satz durch Ändern eines Wortes auf einen anderen Stil umstellen.

Kann ich die Farben eines Icons ändern?

Zuerst einen der drei Stile wählen. Der Stil clay ist eine neutrale weiße Basis, die sich in jedem Bildeditor oder per CSS-Filter gut einfärben oder im Farbton verschieben lässt, und CC0 erlaubt jede Bearbeitung.