The “Lordicon: Animated Icons” widget for Elementor is a powerful animated icon library with 250+ free animated icons and even more premium animated icons. You can easily add awesome animated icons for free using this widget to make your Elementor website look amazing.
Lordicon: Animated Icons for Elementor Tutorial Video
1. Add the Lordicon: Animated Icons Widget from the Widget Library
Navigate to Unlimited Elements >> Widgets >> Creative Widgets and Install Lordicon: Animated Icons

2. Add the Lordicon: Animated Icons Widget to a Page and select an Icon Method
- Paste Lordicon URL
- Upload Lordicon Json File

3. Go to the Lordicon Website and choose an Icon
Navigate to Lordicon.com and click on the icon you want to insert in your website. Then on the right side bar click on the “Download” button.

4. Select a Download Method for the Lordicon: Animated Icons
Accordion to your earlier selection choose the correct download method.
- For Paste Lordicon URL – Choose EMBED HTML
- For Upload Lordicon Json File – Choose JSON (LOTTIE)

From the EMBED HTML copy only the CDN link shown in the screenshot below.

5. Insert your Icon Method in Lordicon: Animated Icons
- For Paste Lordicon URL – paste the link you copied earlier from the previous step.
- For Upload Lordicon Json File – Upload the file you downloaded in the previous step.

Below you can find an example of a finished result.

Lordicon: Animated Icons with Different Animation Trigger Methods
Thank you for exploring the Lordicon: Animated Icons Widget for Elementor! With its smooth, customizable animations and vast icon library, this is the best Lordicon: Animated Icons Widget for Elementor, helping you bring your website to life effortlessly. We hope it enhances your designs with dynamic visuals. If you have any questions or need assistance, feel free to reach out.