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.
Learn more
React
Add, control, and customize Lordicons in React.
Learn more
UX Best Practices
Guidelines for adding static and animated icons to your projects.
Read more
Wordpress Plugin
Integrate Lordicons into Gutenberg effortlessly.
Read more
Figma Plugin
Enjoy hassle-free Lordicon integration in Figma.
Read more
Slides & Docs Plugin
Add Lordicons to Google Slides & Docs with ease.
Read more
Understanding Icon Animation
See examples of use and read our deep dives into animation and how it influences UX.
Read article