Lordicon
Animated Icons
Block for WordPress
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.
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 Block
- On Icon
- On Column
- On Section
- Custom Target
Lordicon Animated Icons Frequently Asked Questions
The Lordicon Animated Icons block 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 block is available in the Unlimited Elements Free version.
- Go to the Unlimited Elements Block Library.
- Search for “Lordicon Animated Icons” in the search bar.
- Hover over the block in the search results and click Install.
- Add the “Lordicon Animated Icons” block to your WordPress page.
Yes, the Lordicon Animated Icons block is available for free in the Unlimited Elements plugin. You can access and use this block in the free version of Unlimited Elements, which is downloadable from the WordPress plugin repository.
You can add icons to this block 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 WordPress page while maintaining flexibility in sourcing your icons.
The block 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 block. 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 block. 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 block 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 block 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 block is simple. Drag the block into your WordPress page, select an icon from the Lordicon library, and customize its settings such as size, color, and animation behavior.
