Animated icon set, open source

Iconsthat movewith intent.

Each icon mimes what it means in under half a second, then goes back to being a plain SVG at rest. Drawn on the lucide grid, designed for a finance app, used in production by Fynex.

310 icons
24 grid
2 stroke
React + motion

Rembrandt, The Parable of the Rich Fool, 1627. Gemäldegalerie, Berlin.

Install

Three ways to use it. The package to take everything, the shadcn registry to copy one icon into your code, the component to put it to work.

npm

The package

npm i @fynex/icons

Tree-shakable: only the icons you import end up in the bundle.

Johannes Vermeer, The Astronomer, 1668. Louvre.

shadcn

The registry

npx shadcn add https://icons.fynexapp.com/r/coins.json

Copies the icon and its engine into your project. The code is yours.

Rembrandt, Philosopher in Meditation, 1632. Louvre.

React

The component

<Coins size={24} animateOnHover />

Same props as lucide. Hover, press, loop or on view.

Joseph Wright of Derby, An Experiment on a Bird in the Air Pump, 1768. National Gallery, London.

The icons

/

310 iconsHover an icon to see it move. Click for details.Tap an icon for details.

Quentin Metsys, The Moneylender and His Wife, 1514. Louvre, Paris.

Data and charts

62

Lines draw themselves, bars rise, the rows of a list arrive one after another.

Georges de La Tour, Saint Sebastian Tended by Irene, c. 1649. Louvre, Paris.

Arrows

38

Anything that points or turns: the arrow moves a pixel or two its own way and comes back, the loop makes its turn.

Caravaggio, The Calling of Saint Matthew, 1599-1600. San Luigi dei Francesi, Rome.

Actions

64

What the user does: each icon mimes its action. The lid lifts, the check draws, the plus turns.

Georges de La Tour, The Cheat with the Ace of Diamonds, c. 1635. Louvre, Paris.

Status

34

What informs or warns: a light blinks, the bell rings, the exclamation mark shakes no.

Johannes Vermeer, The Geographer, 1668-1669. Städel Museum, Frankfurt.

Navigation

71

The landmarks of an interface: panels, pages, people, app tools.

Willem Claesz. Heda, Still Life with Oysters, 1634. Museum Boijmans Van Beuningen, Rotterdam.

Objects

41

What people own, aim for or dream of paying for.