• Icons
  • Docs
  • Lordicon
  • Lordicon
  • Pricing
  • More
  • Log in Sign up
Docs
  • Foundations
  • Icon styles
  • Animation
  • Formats
  • Best practices
  • Integrations
  • Web
  • React
  • Flutter
  • Other
  • Plugins
  • WordPress
  • Figma
  • Google Docs & Slides
  • Support
  • Licenses
  • Account and Billing
  • Library
  • Troubleshooting

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