Decorative icons designed to be fun, expressive, and modern.
Access 46,500+ animated icons
Lordicon is a growing library full of carefully crafted, high-quality static and animated icons you won’t find anywhere else.
- Outline
- Flat
- Lineal
- Gradient
- Outline
- Solid
- Outline
- Black
- Color
- Motif
6433 icons
Doodle Family
Hand-drawn with a playful, attention-grabbing style.
See how easy it is!
Find the perfect icon, make it yours, and export it in seconds.
Designed by humans
No generated shortcuts. Every icon is designed and animated by our team, with every detail and movement crafted by hand.
1. Sketch
Every icon starts with an idea. We explore shapes, proportions, and movement before moving into digital design.
2. Designed in Figma
The selected concept is carefully drawn and refined in Figma to create a clean, consistent vector icon.
3. Animated in Adobe AE
We animate every movement by hand, fine-tuning timing, easing, and transitions frame by frame.
4. Ready to use
The finished icon is optimized, tested, and added to Lordicon, ready to customize and use in your projects.
Simple use in WEB
Get started quickly with an NPM package install. No complexity, just clean integration.
Install package
Install the package in your project.
npm install @lordicon/element
Set it up
Import and register the icon to make it available in your code.
import { defineElement } from "@lordicon/element";
// define "lord-icon" custom element with default properties
defineElement();
Use & Customize
Drop it into your HTML and adjust as you like!
Integrate anywhere:
Icons in action
See how different icons behave in specific environments and real-world use cases.
Add comment...
Faster. Better.
Smarter.
Performance and simplicity,
perfectly combined.
32
Streak Day
10
things
you
didn't
know
- System
- Wired
- Doodle
Trusted by creatives worldwide
There's a great selection of icons in different styles, with loads added all the time. If you can't find a suitable icon you can request a design - I havent used that feature yet but really love it.
Teri Lorigan
Marketing & Brand Strategy for Regulated Industries
Animated icons are an indispensable part of my workflow to produce explainer presentations, both in video for remote viewing and in-person PowerPoint. They regularly attract complimentary comments from billion-dollar global companies. Thanks for making me look good!
Jem Shaw
Marketing Director, Clarency
I have been adding these to new website builds and it really makes them pop and the clients love it. I'm really happy with this purchase and it keeps getting better!
Ellie Hays
Founder at roveconsulting.com
The quality of the icon design is very high, with animations that generally contribute positively to the purpose of the icon. The library is growing, and the team are responsive to requests & feedback.
Pete Wallace
Business Consulting
I love this service genuinely. I'm making a proper website for the first time and it's been incredibly fun to use Lordicon. I like what you say in your docs about bringing an element of delight to a website and I've definitely thought about that a bunch in terms of design.
Natalia Strange
Chief Marketing Officer at Equity Hub
This is a great pack of animated icons. I've used in many of my projects, and going to use in more of them. I definitively recommend it to anyone who needs beautiful and simple icons.
César Vergara
Founder at Vergarda Tec
