# Strakke interactieve iconen ontwerpen in Hana - Hana | Alles wat je moet weten - Spline Academy (https://spline.design/nl/academy/tutorials/design-smooth-interactive-icons-in-hana)

> Leer hoe je met Hana een strak interactief icoon maakt!

1. [Academy](https://spline.design/nl/academy)
2. [Cursussen](https://spline.design/nl/academy/collections)
3. [Hana | Alles wat je moet weten](https://spline.design/nl/academy/collections/hana-everything-you-need-to-know)
4. Strakke interactieve iconen ontwerpen in Hana

# Strakke interactieve iconen ontwerpen in Hana

Les 9 van 15HanaBeginner7 min

Leer hoe je met Hana een strak interactief icoon maakt!

In deze tutorial lopen we het hele designproces door, van het bouwen van de vormen tot het toevoegen van materiaal en vloeiende hover-interacties.

Perfect voor beginners en designers die hun skills in UI-motion willen verbeteren.

Aan de slag! 🚀

## Gerelateerde bronnen

- [Frosted Glass IconsTemplate](https://app.spline.design/academy/tutorials/design-smooth-interactive-icons-in-hana?redirect-duplicate-template-uuid=1eb3b7da-7eb4-44a9-ab46-b060a5ad66cd&is-2d-file=true)
- [Designing in HanaDocument](https://docs.spline.design/hana-a-canvas-for-interactivity/designing-in-hana)
- [Effects in HanaDocument](https://docs.spline.design/hana-a-canvas-for-interactivity/effects-in-hana)
- [Interactivity in HanaDocument](https://docs.spline.design/hana-a-canvas-for-interactivity/interactivity-in-hana)

## Overzicht

- Hana
- 7 min
- Beginner

## Hierna

[Bouw een interactief toetsenbord met Hana9 minBeginner](https://spline.design/nl/academy/collections/hana-everything-you-need-to-know/build-an-interactive-keyboard-with-hana)[Verder](https://spline.design/nl/academy/collections/hana-everything-you-need-to-know/build-an-interactive-keyboard-with-hana)

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