• Icons
  • Docs
  • Lordicon
  • Lordicon
  • Pricing
  • More
  • Log in Sign up
Docs
  • Foundations
  • Icon styles
  • Animation
  • Formats
  • Best practices
  • Integrations
  • Web
  • React
  • Flutter
  • WordPress
  • Webflow
  • Other
  • Tools
  • Figma
  • Canva
  • Adobe
  • Presentations
  • 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
Wordpress

How to use Lordicons in Divi, Elementor, Oxygen, and more.

Read more
Webflow

Step-by-step guide to adding animated icons to your Webflow projects.

Read more
UX Best Practices

Stellar tactics for applying static and animated icons to your projects.

Read more
Use in Figma

Tips and tricks for adding interactive animations in Figma prototypes.

Read more
Use in Presentations

Learn how animated icons can skyrocket your presentation.

Read more
Understanding Icon Animation

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

Read article