# Maak 3D-iconen vanaf nul - 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. [Tutorials](https://spline.design/nl/academy/tutorials)
3. Maak 3D-iconen vanaf nul

# Maak 3D-iconen vanaf nul

Spline 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

## Onderdeel van

- [Spline 101 | Bouw je eerste interactieve scène](https://spline.design/nl/academy/collections/spline-101-build-your-first-interactive-scene/create-3d-icons-from-scratch)

## Gerelateerde tutorials

[Alle tutorials](https://spline.design/nl/academy/tutorials)

[Aan de slag met 3D in SplineSpline 3DBeginner26 min](https://spline.design/nl/academy/tutorials/get-started-with-3d-in-spline)[3D-scènes uit Spline insluiten in ShopifySpline 3DBeginner9 min](https://spline.design/nl/academy/tutorials/how-to-embed-3d-scenes-from-spline-into-shopify)[Realtime API’s en webhooks instellen voor je 3D-scènesSpline 3DGevorderd16 min](https://spline.design/nl/academy/tutorials/how-to-set-up-real-time-apis-and-webhooks-for-your-3d-scenes)

[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.