
What it costs
- Free tier
- Yes
Page confirms a mix of free and premium animated icons but shows no prices; paid pricing is on the separate /pricing page not scraped.
Auto-checked on 8 August 2026Source
About Lordicon
What Is Lordicon?
Lordicon is an animated icon library offering over 40,400 premium and free animated icons designed for web, mobile, and content design projects. The tool provides a growing collection of carefully crafted static and animated icons in various styles, available through both free and paid tiers. Lordicon serves as a resource for designers and developers who need interactive, motion-based icons to enhance user interfaces and create engaging digital experiences.
What Lordicon Does
- Provides access to an extensive library of 40,400+ animated icons in multiple styles and categories
- Offers icons in multiple export formats, including Lottie JSON, SVG, MP4, WEBP, APNG, and embed HTML
- Enables customization of icon appearance through color adjustments, stroke width modifications, and animation settings
- Supports multiple animation triggers including hover, click, loop, and morph animations with configurable speeds and behaviors
- Integrates with web platforms and design tools such as Elementor through direct embedding or JSON file uploads
- Allows dynamic color swapping using CSS variables for features like dark mode and light mode switching
How Lordicon Can Be Used
Lordicon is commonly used to add interactive elements to websites, enhance user engagement through animated transitions, and create visual feedback for user interactions. Designers embed animated icons directly into web projects using the Lottie JSON format or HTML embed code sourced from Lordicon's servers. The tool works well for website loaders, navigation elements, call-to-action buttons, and status indicators. Developers can also integrate Lordicon into website builders like Elementor or directly into custom web projects, controlling animation behavior through attributes and CSS customization.
Who Is Lordicon For?
Lordicon serves web designers, front-end developers, and content creators who need motion-based icons to enhance digital projects. It is useful for teams building interactive websites, creating explainer presentations, or developing mobile applications that require polished, animated visual elements. The free tier makes Lordicon accessible to individual designers and small projects, while the paid options support larger design systems and commercial use cases. Both beginners exploring animated icons and experienced professionals seeking efficient icon integration benefit from the library's breadth and customization options. Visit Lordicon
Featured Tools
SponsoredPryzm
Pryzm is a real-time studio for designers who need backgrounds that don't look like everyone else's. Layer procedural gradients, then stack glass, grain, light and blobs.
AI Boilerplate
The boilerplate built for vibe coding. Includes authentication, payments, storage, and a clean, AI-readable codebase, already wired up. Build on rails that don't break at prompt 100.
Framer
Design and launch your dream website with no coding required.
Your tool here
The tools above are our own picks until the slots sell.
Spotlight
SponsoredRotates dailyArtlist
Royalty-free music, SFX, 8K footage, templates, LUTs and 100+ AI models on a single subscription for video creators.
Tools we recommend
Editorially chosen. Some links above are affiliate links — if you sign up we may earn a commission, at no extra cost to you.
More Icons Tools


Animated Icons 2.0
Enhance your projects with 900+ animated icons.

Glyph Neue
Over 1,500 icons in SVG and PNG formats, free with attribution.


Line Awesome
Easily replace Font Awesome with modern line icons using one line of code.


Pichon
Drag and drop the best design graphics with ease.

Akar Icons
A perfectly rounded icon library designed for designers and developers.

Atlas Icons
Versatile open-source icon library, offering various stroke widths and formats.
Explore Other Categories
Discover more design resources
New to Design?
Explore our comprehensive design glossary to master essential terminology from A/B Testing to Wireframes.
Browse GlossaryLooking for something specific?
Search through our entire collection of design tools and resources

