WordPress - Lordicon

There are many ways to add Lottie animated icons to your WordPress projects. You can either use Lordicon WP Plugin or proceed with built-in Lottie options for common WordPress themes.

To get the most of animated icons and achieve the best performance, you can add them by code. Visit HTML/JS docmentation

Easy Upload: Upload icons in JSON (Lottie) format from the Lordicon library or any other Lottie animation. Don't want to host icons in Media Library? Use the icon URL from the "Embed HTML."
Animation Triggers: Choose among "hover," "click," "forward and reverse," "forward, hold and reverse," "auto loop," or "still" animation player options.
Adjust Icon: Change each icon's size, color, or stroke size.
Shortcode: Happy with adjustments? Copy the easy-to-read shortcode and paste it anywhere from Divi, Elementor, or a custom theme.

We use Gutenberg editor as a platform to host Lordicon WordPress Plugin. It works the best with Lottie files as it gives immediate feedback after customizing icons or setting different animation triggers.

Gutenberg site is the only place to use the plugin. We provide a shortcode option that lets you embed icons from Divi, Elementor, or into a custom theme.

Note: Updating the plugin from v1.6.0 to v2.0.0 will automatically break all previously embedded icons added with older versions of the Lordicon WordPress plugin. You will need to add them one more time. This happens because now, instead of adding icons to the FTP server, we do it directly to Media Library.