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.

Embed, control and customize Lordicons in web projects.

Add, control, and customize Lordicons in React.

Guidelines for adding static and animated icons to your projects.

Integrate Lordicons into Gutenberg effortlessly.

Enjoy hassle-free Lordicon integration in Figma.

Add Lordicons to Google Slides & Docs with ease.

See examples of use and read our deep dives into animation and how it influences UX.