Getting Started with Lordicon

Find, customize, and add beautiful animated icons to your website, app, presentation, or content.

Icon
Play
Step 1

Find your icon

Search through 46,000+ animated icons using keywords, categories or styles.

Step 2

Customize it

Customize the animation, colors, stroke width, playback, and format-specific settings to match your project.

Step 3

Keep your icons organized

Icon Collections help you organize your favorite icons and streamline your workflow. This guide walks you through everything you can do with Collections in Lordicon.

Step 4

Choose export format

Lottie JSON

The recommended format for websites and apps. Lightweight, fully customizable, and rendered in crisp vector quality.

GIF

A universally supported animated image that's easy to share across websites, presentations, emails, and social media.

MP4

A compressed video format, perfect for presentations, social media, websites, and video editing.

WEBP

A modern web animation format that delivers excellent image quality with small file sizes.

APNG

An animated PNG with crisp transparency and higher visual quality than GIF.

PNG

Single Frame - Export a static PNG of any animation frame.

Sprite sheet - Export all animation frames as a single image, ideal for games and custom rendering.

Sequence - Export each animation frame as a separate PNG for maximum flexibility in video editing and compositing.

SVG

A scalable vector graphic that stays perfectly sharp at any size, ideal for websites, apps, and print.

Adobe After Effect

An editable After Effects project with Essential Graphics controls for quick customization and seamless motion design workflows.

MOGRT

An editable Motion Graphics Template that lets you customize and use animated icons directly in Adobe Premiere Pro and After Effects.