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.
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.
Paste Lordicon URL
Get the CDN link from the lordiocn website and just paste it inside of the widget settings.
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:
- On Widget
- On Icon
- On Column
- On Section
- Custom Target
Lordicon Animated Icons Frequently Asked Questions
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.
This widget is available in the Unlimited Elements Free version.
- Go to the Unlimited Elements Widget Library.
- Search for “Lordicon Animated Icons” in the search bar.
- Hover over the widget in the search results and click Install.
- Add the “Lordicon Animated Icons” widget to your Elementor page.
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.
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.
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.
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.
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.
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.
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.
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.