# 3D-Icons von Grund auf erstellen - Spline 101 | Deine erste interaktive Szene bauen - Spline Academy (https://spline.design/de/academy/tutorials/create-3d-icons-from-scratch)

> Hallo! In diesem Tutorial erstellen wir 3D-Icons mit Spline – mit Themen wie der Umwandlung von 2D-Vektoren in 3D, dem Pen Tool sowie dem Import und der…

1. [Academy](https://spline.design/de/academy)
2. [Kurse](https://spline.design/de/academy/collections)
3. [Spline 101 | Deine erste interaktive Szene bauen](https://spline.design/de/academy/collections/spline-101-build-your-first-interactive-scene)
4. 3D-Icons von Grund auf erstellen

# 3D-Icons von Grund auf erstellen

Lektion 3 von 16Spline 3DEinsteiger16 Min.

Hallo! In diesem Tutorial erstellen wir 3D-Icons mit Spline – mit Themen wie der Umwandlung von 2D-Vektoren in 3D, dem Pen Tool sowie dem Import und der Umwandlung von SVGs. Gemeinsam gestalten wir ein Icon von Anfang bis Ende und fügen Materialien für einen Milchglaseffekt hinzu. Außerdem zeigen wir, wie du Icons interaktiv machst und sie in Web- oder App-Projekten einsetzt.

Los geht’s!

\---

Hier die Ressourcen! 👋: 🏃 Hier ist ein tolles Tutorial, um mehr über Interaktivität in Spline zu lernen: <https://www.youtube.com/watch?v=JPUSjRxQEKI&t=352s>

🏗️ Weitere Möglichkeiten, mit Spline zu bauen: <https://www.youtube.com/watch?v=xc-ExwgYDQI>

💻 3D für deine Website:

<https://www.youtube.com/watch?v=ncoSN9mgWe8&t=165s>

💖 3D für iOS-Projekte:

<https://www.youtube.com/watch?v=44OPMq7FdD0&t=18s>

\--- Entdecke weitere großartige Creator und Projekte #MadeInSpline auf <https://community.spline.design/>

## Das lernst du

1. [0:00Einführung in 3D-Icons](https://www.youtube.com/watch?v=yfNvUjxcG7M&t=0s)
2. [0:21Von 2D zu 3D](https://www.youtube.com/watch?v=yfNvUjxcG7M&t=21s)
3. [1:00Pen Tool und Formen verwenden](https://www.youtube.com/watch?v=yfNvUjxcG7M&t=60s)
4. [2:31SVGs importieren und umwandeln](https://www.youtube.com/watch?v=yfNvUjxcG7M&t=151s)
5. [4:38Materialien für 3D-Effekte hinzufügen](https://www.youtube.com/watch?v=yfNvUjxcG7M&t=278s)
6. [14:04Dem Icon eine einfache Interaktion hinzufügen](https://www.youtube.com/watch?v=yfNvUjxcG7M&t=844s)

## Weitere Ressourcen

- [Message IconVorlage](https://app.spline.design/academy/tutorials/create-3d-icons-from-scratch?redirect-duplicate-template-uuid=806351b2-5c4c-4587-b4e1-eaeb698c5445&is-2d-file=false)
- [Pen ToolDokument](https://docs.spline.design/designing-in-3-d/pen-tool)
- [Extruding 2D objects in 3DDokument](https://docs.spline.design/designing-in-3-d/extruding-2d-objects-in-3-d)
- [Materials & ShadingDokument](https://docs.spline.design/#%F0%9F%8C%88-materials-&-shading)

## Überblick

- Spline 3D
- 16 Min.
- Einsteiger

## Als Nächstes

[Mausbasierte Interaktionen für 3D-Objekte14 Min.Einsteiger](https://spline.design/de/academy/collections/spline-101-build-your-first-interactive-scene/add-mouse-based-interactions-to-3d-objects)[Weiter](https://spline.design/de/academy/collections/spline-101-build-your-first-interactive-scene/add-mouse-based-interactions-to-3d-objects)

[Spline](https://spline.design/de)

Der 3D- und 2D-Editor für Teams und ihre Agenten. Veröffentliche im Web, auf iOS und Android.

#### Frag die KI zu Spline

#### Produkte

- [3D-Design](https://spline.design/de/3d-design)
- [Hana](https://spline.design/de/hana)
- [Omma](https://omma.build)
- [KI-3D-Generierung](https://spline.design/de/ai-generate)
- [Spline MCP](https://spline.design/de/mcp)
- [Spline Arena](https://spline.design/de/arena)
- [Preise](https://spline.design/de/pricing)
- [Enterprise](https://spline.design/de/enterprise)

#### Runtimes

- [Web](https://spline.design/de/web)
- [iOS](https://spline.design/de/ios)
- [Android](https://spline.design/de/android)

#### Apps

- [Download](https://spline.design/de/download)
- [Spline Mirror](https://spline.design/spline-mirror)
- [Spline Mirror herunterladen](https://spline.design/download-mirror)

#### Lernen

- [Docs](https://docs.spline.design/)
- [Academy](https://spline.design/de/academy)
- [Spline API](https://www.npmjs.com/package/@splinetool/runtime)
- [Lösungen](https://spline.design/solutions)

#### Community

- [Spline Community](https://community.spline.design)
- [Blog](https://spline.design/de/blog)
- [Changelog](https://spline.design/de/changelog)
- [Bildung](https://spline.design/de/education)
- [Contra](https://spline.design/contra)
- [Affiliate](https://spline.design/de/affiliate)

#### Unternehmen

- [Kunden](https://spline.design/de/customers)
- [Karriere](https://www.ycombinator.com/companies/spline/jobs)
- [Sicherheit](https://spline.design/de/security)

#### Rechtliches

- [AGB](https://spline.design/terms)
- [Datenschutz](https://spline.design/privacy)

#### Kontakt

- [help@spline.design](mailto:help@spline.design)
- [jobs@spline.design](mailto:jobs@spline.design)

© 2026 - Spline, Inc.