Embed Code Integration

Webflow

Webflow took a step ahead and brought the power of Lottie animation directly to Webflow. This means you can add Lordicons to Webflow servers and play it on your website!

Nonetheless, you can still use Lordicon Embed Code to add, edit and control animated icons to your Webflow website.

1. Pick an icon you would like to use.
2. Customize your icon. Note. Icon collections don’t work here. You will need to add icons one by one.
3. Click download, and select “Embed CODE”
4. Set properties such as Animation player type, icon size, and delay. Delay works the best with hover icons played on a loop.
5. Copy HTML code.

6. Go to your Webflow website and edit the site
7. Add “Embed” Component
8. Paste HTML code
9. On that level, you can still adjust properties by playing with code
10. Publish the website to preview the animation.

Feel free to send us or tag your creations with #MadeWithLordicon your Webflow websites that use our icons. We will shortlist them in the upcoming "Examples" section.

Video Tutorials