Lordicon Interactive Icons


Easily insert and customize interactive animated graphics (Lottie Files – .json) using simple to use Lordicon plugin supported by the Gutenberg editor. You can embed icons in more troublesome places using shortcode which is generated automatically. Along with the plugin, you get 50 free icons from the collection of Lordicon. Want more? Explore the entire library at https://lordicon.com


You are able to not only add icons by Lordicon but also your own animation exported as a .json (Bodymovin AfterEffects plugin, Lottie Files).

A quick guide on how to add more icons:

Install and activate a plugin.
Search for Lordicon tab in the menu on the left.
Upload a single .json or a .json object (where the keys are the names of the graphics and the value is a Lottie animation) from your hard drive
Go to your Gutenberg editor.
Click the “Plus” icon and search for Lordicon extension.
Search for the file name in a dropdown list that appears on the right-hand side of a screen.
Easily customize animation type, size or color of your interactive graphics.

Included interactive icons

This plugin includes 50 free animated icons:
1-cloud, 15-quotation-mark-first, 16-avatar-woman-nodding, 17-avatar-man-nodding, 19-magnifier-zoom-search, 26-share-network, 31-arrow-right, 36-bulb-idea, 39-gear-settings-single, 51-minus-rotation, 53-location-pin-on-round-map, 55-star, 63-home, 73-action-to-small-screen, 84-document-white-paper, 106-twitter, 107-dribbble, 108-instagram, 109-facebook, 110-youtube, 111-linkedin, 112-twitch,113-behance, 114-tumblr, 115-vkontakte, 116-flickr, 117-vimeo, 118-google+, 119-soundcloud, 121-folder-close-morph, 141-earphone-telephone-morph, 142-share-arrow, 147-basket-trolley-shopping-card-plus, 161-line-graph-growth, 191-speaker, 201-settings-sliders-morph, 261-emoji-smile, 267-like-thumb-up, 298-coins, 310-avatar-icon-calm-approved, 342-loader-spinner-13-auto, 343-loader-spinner-14-auto, 372-animated-background-23, 376-animated-background-27, 379-animated-background-29, 384-radio-button-3-morph, 387-check-box-2-morph, 394-scroll-down-6-auto, 398-toggle-radio-button-2-morph, 402-medium
Above icons license: MIT or later
You can purchase additional icons on https://lordicon.com


This plugin is a Lordicon branded generic uploader. It does not install remote images or files. All files are stored inside the plugin zip file.


This plugin provides 1 block.

Lordicon Element


November 17, 2019
Really great job! Congratulations. P.S. Little feauture reqest: Elementor compatibilty if possible. Thanks in advance
November 15, 2019
First of all, this plugin relies 100% on the Gutenberg editor. Total fail. Gutenberg is incompatible with every theme I've tried other than the stock themes that come with WP or a handful of basic themes from the theme browser. Almost every premium theme I've tried either comes with its own visual editor making Gutenberg look sad, or doesn't, and still doesn't work well with gutenberg, if at all. Second off, even with gutenberg installed on a compatible theme, I couldn't manage to add icons. Got blank blocks, that's it. GG
October 24, 2019
Great product! Just bought the premium version, great resource!
Read all 3 reviews

Contributors & Developers

“Lordicon Interactive Icons” is open source software. The following people have contributed to this plugin.


“Lordicon Interactive Icons” has been translated into 1 locale. Thank you to the translators for their contributions.

Translate “Lordicon Interactive Icons” into your language.

Interested in development?

Browse the code, check out the SVN repository, or subscribe to the development log by RSS.