# Strakke interactieve iconen ontwerpen in Hana - 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. [Tutorials](https://spline.design/nl/academy/tutorials)
3. Strakke interactieve iconen ontwerpen in Hana

# Strakke interactieve iconen ontwerpen in Hana

HanaBeginner7 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

## Onderdeel van

- [Hana | Alles wat je moet weten](https://spline.design/nl/academy/collections/hana-everything-you-need-to-know/design-smooth-interactive-icons-in-hana)

## Gerelateerde tutorials

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

[Geef je Hana-designs diepte met het 3D Shape-effectHanaBeginner3 min](https://spline.design/nl/academy/tutorials/add-dimension-to-hana-designs-with-the-3d-shape-effect)[3D-design leren met Spline: een praktisch stappenplan van beginner tot proSpline 3DBeginner8 min](https://spline.design/nl/academy/tutorials/how-to-learn-3d-design-with-spline-a-practical-roadmap-for-beginners-to-pros)[Bouw interactieve animaties: morphende UI en reactieve gloed in Hana (stap voor stap)HanaBeginner13 min](https://spline.design/nl/academy/tutorials/build-interactive-animations-morphing-ui-reactive-glow-in-hana-step-by-step)

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