Animated icons for React that move.

Loaders that loop, bells that ring, planes that fly off and come back. Hover any icon to play it, restyle the whole set with the controls below, switch Sound on to hear each one, then open one to drag it and copy its file. Want the sounds in your own app? Read the sound guide.

200 of 200 icons

Look

Colour

Size

Made for real interfaces

Drop them into the toolbars, players and carts you already build. Here is each one in a small working mock-up: click, hover and type to see where an icon fits, then open it to copy the file.

Pick a tool

Editor toolbar

Undo, edit, link, attach and crop buttons for a rich-text editor, a notes app or a CMS. Each one plays on hover, so the toolbar feels alive without a single extra line of CSS.

undo pencil link paperclip image scissors sliders code

Night Drive

Nexus Radio

0:59-2:05

Music and video players

A real play and pause that morphs on a spring, with shuffle, skip, repeat, volume and a like button. Drop it into a podcast app, a video page or a radio widget.

play-pause skip-forward shuffle repeat volume heart headphones music

20% off

Nova Headphones

Wireless, 40h battery

$79 $99

Free delivery, arrives Friday

Carts and product cards

An add-to-bag button, a price tag, a wishlist heart, delivery info and a wallet pay button. Fit them into a store, a marketplace or a checkout.

shopping-bag tag heart package wallet shopping-cart credit-card truck

Order placed

Your headphones are on the way.

Low battery

Charge your device soon.

Did you know?

Swipe left to archive a message.

Toasts and alerts

Success, warning and info messages with a dismiss button. Each icon plays as the message appears, so a warning gets noticed without a word.

check-circle alert-triangle info close refresh

Hey! Want to see the new icons?

Chat and composers

Attach, photo and send buttons for a messenger, a support widget or a comment box, with a typing indicator while the other side replies.

paperclip image send wave-dots message mic

Home screen

Mobile tab bars

Home, search, create, alerts and profile. The active tab plays its icon each time you switch to it, which makes a bottom bar feel native.

home search plus bell user

Where animated icons fit

Toolbars and editors
Undo, edit, link, attach, crop and code buttons for rich-text editors, note apps and CMS screens.
undo pencil link paperclip scissors code
Players
Play and pause that morphs, skip, shuffle, repeat, volume and like buttons for music, video and podcast apps.
play-pause skip-forward shuffle repeat volume headphones
Carts and checkout
Add-to-bag, price tags, delivery, wallet and card icons for stores, marketplaces and payment steps.
shopping-bag shopping-cart tag package wallet credit-card
Forms and inputs
Show-password eyes, locks, calendars, toggles and send buttons that confirm every action.
eye lock calendar toggle send status
Toasts and alerts
Success, warning and info messages with a dismiss button, plus bells for notifications.
check-circle alert-triangle info close bell alarm-clock
Navigation
Hamburger menus, tab bars, next arrows and search for headers, sidebars and mobile apps.
menu home search arrow-right compass plus
Dashboards
Charts, settings, sliders and refresh controls for admin panels and analytics screens.
bar-chart settings sliders refresh battery zap
Loading states
Spinners, dots and ripples that loop on their own, for buttons, cards and whole pages.
arc-spinner wave-dots pulse-dots tick-spinner ripple orbit

A tiny story and a sound each

Not just a wiggle: a bell that pops a badge, a bin that catches a crumpled paper, a house that switches its windows on. Every one has its own sound, scored note by note against its animation.

Make it yours

Spark, Neon, Aurora or Chrome, or the liquid looks: Mercury (flowing metal), Liquid (a wet, wobbling droplet) and Glass (a lens with a bright rim). Any colour, any speed. Try them on the whole set above, or on a single icon on its own page.

One file, free or Pro

Each icon is one self-contained component built with Framer Motion, and it holds still for visitors who have reduced motion switched on. 75 are free to copy; Pro unlocks the other 125. You can preview, play and hear every one of them first.