Este plugin no se ha probado con las últimas 3 versiones mayores de WordPress. Puede que ya no tenga soporte ni lo mantenga nadie, o puede que tenga problemas de compatibilidad cuando se usa con las versiones más recientes de WordPress.

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


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


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.


Este plugin proporciona 1 bloque.

Lordicon Element


8 de abril de 2020
Hi, installed plugin but trying shortcode but says invalid icon. This is not working: [lord-icon icon="16-avatar-woman-nodding" animation="auto"][/lord-icon] I also purchased the 500 collection, assuming this plugin gets working can I use it with those as well? Thanks
17 de noviembre de 2019
Really great job! Congratulations. P.S. Little feauture reqest: Elementor compatibilty if possible. Thanks in advance
15 de noviembre de 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
24 de octubre de 2019
Great product! Just bought the premium version, great resource!
Leer todas las 6 reseñas

Colaboradores y desarrolladores

«Lordicon Interactive Icons» es un software de código abierto. Las siguientes personas han colaborado con este plugin.


«Lordicon Interactive Icons» ha sido traducido a 1 idioma local. Gracias a los traductores por sus contribuciones.

Traduce «Lordicon Interactive Icons» a tu idioma.

¿Interesado en el desarrollo?

Revisa el código , echa un vistazo al repositorio SVN o suscríbete al registro de desarrollo por RSS.