Lordicon
  • Icons
  • Docs
  • Resources
  • Pricing
Log in Sign up Log in
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.

React

Add, control, and customize Lordicons in React.

UX Best Practices

Guidelines for adding static and animated icons to your projects.

Wordpress Plugin

Integrate Lordicons into Gutenberg effortlessly.

Figma Plugin

Enjoy hassle-free Lordicon integration in Figma.

Slides & Docs Plugin

Add Lordicons to Google Slides & Docs with ease.

Understanding Icon Animation

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