# Maak 3D-iconen vanaf nul - Spline 101 | Bouw je eerste interactieve scène - Spline Academy (https://spline.design/nl/academy/tutorials/create-3d-icons-from-scratch)

> Hoi! In deze tutorial duiken we in het maken van 3D-iconen met Spline, met onderwerpen als 2D-vectoren omzetten naar 3D, de pen tool gebruiken en SVG’s…

1. [Academy](https://spline.design/nl/academy)
2. [Cursussen](https://spline.design/nl/academy/collections)
3. [Spline 101 | Bouw je eerste interactieve scène](https://spline.design/nl/academy/collections/spline-101-build-your-first-interactive-scene)
4. Maak 3D-iconen vanaf nul

# Maak 3D-iconen vanaf nul

Les 3 van 16Spline 3DBeginner16 min

Hoi! In deze tutorial duiken we in het maken van 3D-iconen met Spline, met onderwerpen als 2D-vectoren omzetten naar 3D, de pen tool gebruiken en SVG’s importeren en converteren. Samen maken we een icoon van begin tot eind en voegen we materialen toe voor een matglaseffect. We bekijken ook hoe je iconen interactief maakt en ze inzet voor web- of appprojecten.

Aan de slag!

\---

Bronnen! 👋: 🏃Hier is een goede tutorial om meer te leren over interactiviteit in Spline: <https://www.youtube.com/watch?v=JPUSjRxQEKI&t=352s>

🏗️ Meer manieren om te bouwen in Spline: <https://www.youtube.com/watch?v=xc-ExwgYDQI>

💻 3D voor je website:

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

💖 3D voor iOS-projecten:

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

\--- Ontdek meer geweldige makers en projecten #MadeInSpline op <https://community.spline.design/>

## Wat je leert

1. [0:00Introductie van 3D-iconen](https://www.youtube.com/watch?v=yfNvUjxcG7M&t=0s)
2. [0:212D omzetten naar 3D](https://www.youtube.com/watch?v=yfNvUjxcG7M&t=21s)
3. [1:00De pen tool en vormen gebruiken](https://www.youtube.com/watch?v=yfNvUjxcG7M&t=60s)
4. [2:31SVG’s importeren en converteren](https://www.youtube.com/watch?v=yfNvUjxcG7M&t=151s)
5. [4:38Materialen toevoegen voor 3D-effecten](https://www.youtube.com/watch?v=yfNvUjxcG7M&t=278s)
6. [14:04Een eenvoudige interactie aan het icoon toevoegen](https://www.youtube.com/watch?v=yfNvUjxcG7M&t=844s)

## Gerelateerde bronnen

- [Message IconTemplate](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 ToolDocument](https://docs.spline.design/designing-in-3-d/pen-tool)
- [Extruding 2D objects in 3DDocument](https://docs.spline.design/designing-in-3-d/extruding-2d-objects-in-3-d)
- [Materials & ShadingDocument](https://docs.spline.design/#%F0%9F%8C%88-materials-&-shading)

## Overzicht

- Spline 3D
- 16 min
- Beginner

## Hierna

[Voeg muisinteracties toe aan 3D-objecten14 minBeginner](https://spline.design/nl/academy/collections/spline-101-build-your-first-interactive-scene/add-mouse-based-interactions-to-3d-objects)[Verder](https://spline.design/nl/academy/collections/spline-101-build-your-first-interactive-scene/add-mouse-based-interactions-to-3d-objects)

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

De 3D- en 2D-editor voor teams en hun agents. Publiceer op het web, iOS en Android.

#### Vraag AI naar Spline

#### Producten

- [3D-design](https://spline.design/nl/3d-design)
- [Hana](https://spline.design/nl/hana)
- [Omma](https://omma.build)
- [3D genereren met AI](https://spline.design/nl/ai-generate)
- [Spline MCP](https://spline.design/nl/mcp)
- [Spline Arena](https://spline.design/nl/arena)
- [Prijzen](https://spline.design/nl/pricing)
- [Enterprise](https://spline.design/nl/enterprise)

#### Runtimes

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

#### Apps

- [Downloaden](https://spline.design/nl/download)
- [Spline Mirror](https://spline.design/spline-mirror)
- [Spline Mirror downloaden](https://spline.design/download-mirror)

#### Leren

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

#### Community

- [Spline Community](https://community.spline.design)
- [Blog](https://spline.design/nl/blog)
- [Changelog](https://spline.design/nl/changelog)
- [Onderwijs](https://spline.design/nl/education)
- [Contra](https://spline.design/contra)
- [Affiliates](https://spline.design/nl/affiliate)

#### Bedrijf

- [Klanten](https://spline.design/nl/customers)
- [Vacatures](https://www.ycombinator.com/companies/spline/jobs)
- [Beveiliging](https://spline.design/nl/security)

#### Juridisch

- [Algemene voorwaarden](https://spline.design/terms)
- [Privacy](https://spline.design/privacy)

#### Contact

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

© 2026 - Spline, Inc.