Design · Web app
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.
What it's 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
- Topic
- Icons & Graphics
- 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: Provides customizable animated icons with color, stroke width, and animation triggers for web and product UI design.
- @aqmaldigital: Provides creators and designers with customizable animated icons in formats like Lottie, JSON, GIF, and SVG.
Compare
Related
Browser-based motion design editor for creating and exporting Lottie animations
Animation and micro-interaction tool for product designers
Library of over 60,000 icons across multiple visual styles
Open-source icon library available across web frameworks, design tools, and SVG
Platform to create, edit, test, and ship lightweight Lottie animations.
Free SVG credit card and payment method icons on a 32px grid.
Updated