AdPromptCreek1,000+ Free AI Prompts & SkillsTry PromptCreek
Back to Tools
Lordicon

Over 600 interactive, animated web icons to bring websites to life.

Lordicon screenshot
Category:Icons
Subcategory:Animated Icons
Pricing:Free + Paid

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

Recommended alternativesSponsored

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.

Learn Design Terms

New to Design?

Explore our comprehensive design glossary to master essential terminology from A/B Testing to Wireframes.

Browse Glossary

Looking for something specific?

Search through our entire collection of design tools and resources

AdPromptCreek1,000+ Free AI Prompts & Skills