Getting started
Whenever you plan to use animated icons in your next website, mobile app, presentation or video, this is a good place to start.
Quick access
HTML/JS
Embed, control and customize Lordicons in web projects.
React
Add, control, and customize Lordicons in React.
Animated UI Components
Explore ready-to-use UI components with Lordicon animations.
UX Best Practices
Guidelines for adding static and animated icons to your projects.
Figma Plugin
Enjoy hassle-free Lordicon integration in Figma.
Wordpress Plugin
Integrate Lordicons into Gutenberg effortlessly.
Understanding Icon Animation
See examples of use and read our deep dives into animation and how it influences UX.