Now with 551+ animated icons

Make Every
Icon Move
with AnimateIcons

A sleek Svelte 5 library for animated SVG icons that move with purpose. Transform static designs into engaging user experiences with smooth, performant animations built on Web Animations API.

View on GitHub

Quick Start

Get started with Svelte Animate Icons in seconds. Choose your preferred package manager and start animating!

Installation

npm install svelte-animate-icons

Usage

import { GavelIcon } from 'svelte-animate-icons';

<GavelIcon size={24} />

Purposeful Motion

Smooth, meaningful animations that enhance user experience without distraction.

Lightweight & Fast

Built on Web Animations API for optimal performance and minimal bundle size.

551+ Icons

Comprehensive icon library covering all common use cases and design needs.

Svelte 5 Ready

Built specifically for Svelte 5 with runes and modern patterns.