# Lordicon

> Library of customizable animated icons ready for web, mobile, and design tools.

Lordicon is a collection of over 47,000 hand-crafted animated vector icons organized across multiple visual styles like Wired, System, and Doodle. Each icon can be customized with adjustable colors, stroke widths, and animation triggers before exporting to formats like Lottie, GIF, or SVG. It also provides dedicated integrations including an npm web element, React components, and Figma plugins.

Website: https://lordicon.com/

## What it is for

- Add interactive micro-animations to web and mobile app interfaces
- Export animated illustrations as Lottie or GIF files for landing pages
- Embed customizable animated icons directly into React, Flutter, or WordPress projects
- Incorporate animated vector assets into Figma prototypes or video presentations

## Features

- Over 47,000 animated icons with 9,700+ free icons available without login
- Multiple icon styles including Outline, Flat, Lineal, Gradient, Solid, and Doodle
- Configurable animation triggers including Intro, Hover, Morph, and Loop
- Customizable colors, stroke width, speed, and size
- Export formats including Lottie (JSON), GIF, MP4, SVG, PNG, WebP, APNG, AEP, and MOGRT
- Web element npm package (@lordicon/element) and React support
- Integrations and plugins for Figma, WordPress, and Google Workspace

## Pricing

Freemium. Free tier with 9,700+ icons; paid subscription for full access and premium features.

## Details

- Type: Web app
- Category: [Design](https://xiry.app/topics/design.md)
- Open source: no
- Platforms: Web, Code library, API
- For: UI/UX designers, front-end developers, and content creators
- Alternative to: LottieFiles, Font Awesome, Icons8
- Tags: icons, animated icons, lottie, micro interactions, ui design, vector

## Why it was saved

- [@ninalyre, 4 September 2024](https://www.instagram.com/reel/C_fWBbOopLY/): Provides customizable animated icons with color, stroke width, and animation triggers for web and product UI design.
- [@aqmaldigital, 4 April 2024](https://www.instagram.com/reel/C5VBVOkydf8/): Provides creators and designers with customizable animated icons in formats like Lottie, JSON, GIF, and SVG.

## Compare

- [Alternatives to Font Awesome](https://xiry.app/alternatives/font-awesome.md)
- [Alternatives to LottieFiles](https://xiry.app/alternatives/lottiefiles.md)

## Related

- [Lottielab](https://xiry.app/resources/lottielab): Browser-based motion design editor for creating and exporting Lottie animations (Web app, Freemium)
- [Phase](https://xiry.app/resources/phase): Animation and micro-interaction tool for product designers (Web app)
- [Hugeicons](https://xiry.app/resources/hugeicons): Library of over 60,000 icons across multiple visual styles (Website, Freemium)
- [Iconoir](https://xiry.app/resources/iconoir): Open-source icon library available across web frameworks, design tools, and SVG (Website, Free)
- [LottieFiles](https://xiry.app/resources/lottiefiles): Platform to create, edit, test, and ship lightweight Lottie animations. (Website, Freemium)
- [Nucleo Credit Card Icons](https://xiry.app/resources/nucleo-credit-card-icons): Free SVG credit card and payment method icons on a 32px grid. (Website, Free)

Updated 3 October 2026. Page: https://xiry.app/resources/lordicon

Make your own library: Xiry takes your saved reels, tweets, Reddit bookmarks and Watch Later videos, makes them searchable and pulls the useful stuff out, like this library. It's invite-only for now; join the waitlist at https://xiry.app/#waitlist.