Lordicon

About Lordicon

Lordicon is a library of over 46,400 static and animated icons, organized into families such as Wired, System, and Doodle, each offered in multiple styles (outline, solid, flat, gradient, color, and others). Icons can be customized in color, stroke, size, speed, and animation state (Intro, Hover, Morph, Loop), and exported in formats including Lottie, GIF, MP4, SVG, PNG, WebP, APNG, AEP, and MOGRT.

Icons are hand-designed and animated by the Lordicon team, following a process of sketching, vector design in Figma, and frame-by-frame animation in Adobe After Effects. Web integration is available through an NPM package (`@lordicon/element`) using a custom HTML element, with documented usage paths for HTML/JS, React, WordPress, and Webflow.

The product is aimed at designers and developers building web, mobile, or content design projects who want animated iconography, including use cases such as onboarding flows, dashboards, and marketing sites. Additional resources include an API, a icon request feature, and support documentation.

Key features

• Library of 46,400+ animated and static icons across Wired, System, and Doodle icon families
• Export icons in Lottie, GIF, MP4, SVG, PNG, WebP, APNG, AEP, and MOGRT formats
• Adjust colors, stroke, speed, size, and animation settings per icon
• Multiple animation states including Intro, Hover, Morph, and Loop
• NPM package (@lordicon/element) for web integration with a custom lord-icon element
• Icons designed and hand-animated by an in-house team rather than generated

Frequently asked questions