• Icons
  • Docs
  • Lordicon
  • Lordicon
  • Pricing
  • More
  • Log in Sign up
Docs
  • Foundations
  • Library Tour
  • Icon styles
  • Animation
  • Triggers
  • Formats
  • All about GIFs
  • UX Designers
  • Best practices
  • Figma
  • Adobe XD
  • Developers
  • HTML/JS
  • Mobile/Native
  • No-code CMS
  • WordPress
  • Webflow
  • Other platforms
  • Content Design
  • Presentations
  • Newsletters
  • Canva
  • Adobe After Effects

Getting Started with Lordicon

Whenever you would like 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

Lordicon Plugin, Divi, Elementor, Oxygen and more.

Read more
Webflow

Step-by-step guide on 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 on 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 discover our deep research on how animated icons impact user experience.

Read article