Lordicon Animated Icons Widget for Elementor
FREE

Lordicon
Animated Icons Widget for Elementor

Lordicon Animated Icons offers a powerful library of 1500+ free and premium animated Lottie icons. Download icons as Lottie JSON files or paste the CDN link directly.

Choose Template
Lordicon Animated Icons with Features and Advantages
Lordicon Animated Icons with...
Lordicon Animated Icons with Customized Background
Lordicon Animated Icons with...
Lordicon Animated Icons as a Feature List
Lordicon Animated Icons as...
Lordicon Animated Icons as Infographics
Lordicon Animated Icons as...
Lordicon Animated Icons with Call to Action Content Boxes
Lordicon Animated Icons with...
Lordicon Animated Icons as Navigation Menus
Lordicon Animated Icons as...
Lordicon Animated Icons with Custom Animation Triggers
Lordicon Animated Icons with...
Unlimited Grid with Animated Icons
Unlimited Grid with Animated...
Loading...
Facebook
Twitter
WhatsApp
Copy Link
Copy
Click to Copy the Section and paste to your site using Doubly Plugin   Learn More
Buy Now

How Does It Work?

The Lordicon widgets is one of the easiest and simplest widgets to use. You can incorporate an animated Icon in your Elementor website using two methods.

1

Paste Lordicon URL

Get the CDN link from the lordiocn website and just paste it inside of the widget settings.

2

Upload Lordicon Json File

Download the Json File from the Lordicon library and upload it to the widget using the WordPress media manager.

Target Animation

For ultimate flexibility you can choose a target to trigger your icon animation. For example the animation will occur only when you hover or click:

Lordicon Animated Icons Frequently Asked Questions

What is the Lordicon Animated Icons widget in an Elementor website?

The Lordicon Animated Icons widget is a tool that allows you to easily add animated icons from the Lordicon library to your Elementor website. These lightweight, visually appealing icons help create engaging and interactive sections, improving the overall user experience on your site.

How do I add a Lordicon Animated Icon to my Elementor website?

This widget is available in the Unlimited Elements Free version.

  1. Go to the Unlimited Elements Widget Library.
  2. Search for “Lordicon Animated Icons” in the search bar.
  3. Hover over the widget in the search results and click Install.
  4. Add the “Lordicon Animated Icons” widget to your Elementor page.
Is the Lordicon Animated Icons widget a free widget?

Yes, the Lordicon Animated Icons widget is available for free in the Unlimited Elements plugin. You can access and use this widget in the free version of Unlimited Elements, which is downloadable from the WordPress plugin repository.

How can I add icons to this widget?

You can add icons to this widget using two methods. You can either paste the Lordicon URL or upload a Lordicon JSON file. Both options allow you to seamlessly integrate animated icons into your Elementor page while maintaining flexibility in sourcing your icons.

What animation triggers are available in this widget?

The widget offers several animation triggers to enhance user interaction, including Loop, Click, Hover, Loop on Hover, Morph, and Morph Two Way. These triggers allow you to control how and when the animations are activated, providing versatility to suit different design needs and user experiences.

Can I enable links on Lordicon Animated Icons?

Yes, you can enable links on this widget. This allows you to turn the animated icons into clickable elements that navigate to a specified URL, combining functionality with engaging design for enhanced user interaction.

Is it possible to customize the size of the icons?

Yes, the size of the icons can be fully customized in this widget. You can adjust the size of it separately for the desktop, tab and mobile versions of your website to fit seamlessly into your design, ensuring the icons are neither too large nor too small for their intended placement.

How can I customize the colors of this widget?

The widget allows you to set two colors for the icons, giving you control over their appearance. This feature helps you match the icons to your website's color scheme and make them stand out or blend in as needed.

Are the Lordicon Animated Icons fully responsive?

Yes, this widget is fully responsive and can be adjusted to look great on all devices. Combined with size customization and advanced settings like triggers and colors, these icons provide a seamless and interactive experience across desktops, tablets, and smartphones.

How do I use the Lordicon Animated Icons widget in Elementor?

Using this widget is simple. Drag the widget into your Elementor page, select an icon from the Lordicon library, and customize its settings such as size, color, and animation behavior. Check out our documentation for a step-by-step guide to make the most of this widget.