Animated Icons
That Feel Alive
Icona is a library of hand-crafted animated icon components.
Pick one, choose a motion, and drop it into your interface.
Works with
- React
- Next.js
- TypeScript
- JavaScript
- Tailwind CSS
From idea to interface
in three steps
- 01
Pick an icon
Search the library, filter by style, size, color or animation, and open the one you like.
- 02
Choose a motion
Preview its animations in the studio. Tune the color, size, stroke and speed until it feels right.
- 03
Drop it in
Run one install command or copy the code. It lands as a React component that works in your stack.
Icons that move
with intent
Every icon has its own motion, drawn for its shape. Hover one to play it, or watch the board pick them for you.
Frequently asked
questions
Find your starting point and learn how to make the most of Icona.
Icona is a library of hand-crafted icons that move. Every icon comes as a static outline, a color version or an animated component, so you can browse the set, preview a motion and drop the result into your interface.