Today we're launching Motion Icons: a library of animated, interaction-ready icons built for the interfaces we're all designing now — chat surfaces, agent status indicators, streaming states, and the dozens of small in-between moments that static icon sets were never built to handle.

We kept running into the same problem while building Sarv. Every AI product needs to communicate states that don't exist in traditional software — a model is thinking, a tool is running, a response is streaming in, an agent handed off to another agent. Static SVGs can't carry that information on their own, so teams end up hand-rolling one-off Lottie files or CSS keyframe hacks for every single icon. It doesn't scale, and it shows.

Motion Icons is our answer: over 300 icons, each with a resting state and a motion state, built as lightweight SVG + CSS (no runtime JS animation library required). Drop one in as a static icon when you need it quiet, or trigger its motion state when the interface needs to say something is happening.

A few things we cared about while building this:

Performance first. Every icon animates with CSS transforms and opacity only — nothing that forces layout or blocks the main thread, so they stay smooth even when you've got a dozen of them animating at once in a busy dashboard.

Framework-agnostic by default. The core package ships plain SVG and CSS. We also built thin React and Vue wrapper components for teams who want props instead of class names, but you're never required to take on a framework dependency just to use an icon.

Designed for restraint. Motion should clarify state, not decorate the page. Every animation in the set was tuned to be legible at a glance and to stop cleanly — no infinite spinners that make an interface feel stuck, no bounce for the sake of bounce.

Motion Icons is available today as an npm package, with a Figma library for teams who want to prototype with the same set their engineers will ship. Pricing is free for open-source and personal projects, with team plans for everyone else.

This is the first release, not the finished thing. We're building it in the open and shipping new icon sets — data visualization states, voice/audio indicators, multi-agent handoff icons — on a regular cadence based on what teams actually ask for. If there's a state your product needs an icon for and we don't have it yet, tell us.