# Design Smooth Interactive Icons in Hana (https://academy.spline.design/collections/hana-everything-you-need-to-know/design-smooth-interactive-icons-in-hana)

> A video tutorial from the Spline Academy.

- Product: Hana (2D)
- Level: beginner
- Duration: 6 min 39 s
- Published: 2025-12-12
- Video: https://www.youtube.com/watch?v=pzZjGKa2WRA
- Part of: [Hana | Everything You Need To Know](https://academy.spline.design/collections/hana-everything-you-need-to-know.md)

## About this tutorial

Learn how to create a clean interactive icon using Hana!

In this tutorial, we’ll walk through the entire design process — from building the shapes to adding material and smooth hover interactions.

Perfect for beginners and designers who want to upgrade their UI motion skills.

Let’s go! 🚀

## Related documentation

- [Designing in Hana](https://docs.spline.design/hana-a-canvas-for-interactivity/designing-in-hana)
- [Effects in Hana](https://docs.spline.design/hana-a-canvas-for-interactivity/effects-in-hana)
- [Interactivity in Hana](https://docs.spline.design/hana-a-canvas-for-interactivity/interactivity-in-hana)