Help Wanted!

We need your help to fix 689 TypeScript errors and get this library production-ready! Join our community effort to make Svelte Animate Icons even better.

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 { ChevronUpIcon } from 'svelte-animate-icons';

<ChevronUpIcon 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.

Help Wanted!

We need your help to fix 689 TypeScript errors and get this library production-ready!

Current Issues

  • Interface export issues (689 errors)
  • SVG element type casting
  • Animation state consistency
  • Code optimization needed

How to Help

  1. Fork the repository
  2. Pick an icon file to fix
  3. Move interfaces to <script context="module">
  4. Add proper SVG type casting
  5. Submit a pull request

What You Get

  • Contributor credit
  • Experience with Svelte 5
  • Access to 551 animated icons
  • Help build the Svelte ecosystem
  • Portfolio project