Lordicon is a library of animated icons that will make your website stand out. The website provides almost 300 icons for free.
 

How to add an animated icon to your website?

Go to the Lordicon website. On the left side, search for the icon you are interested in or find it by category.
You can modify the selected icon in the panel on the right, there you can select the icon colors and the line thickness.

When your icon is ready, press the green button "Reveal full editor" below. In the next pane you will be able to download your icon in two ways:

  1. Download: "Embed HTML" - in the window you can select the Animation Trigger, Size, and the Delay. After entering the settings, you can copy the code using the "Copy HTML code" button, and then paste it to your website via the code element (remember to set the same size in the settings panel for this element as you entered on the lordicon website).
     
  2. More options / GIF - in this window you can choose the Background color, Size,( I recommend leaving it so that the icon doesn't lose it's quality) and the Delay. Download the icon prepared in this way using the "Download" button, and then add the .gif file to your website using the image element.

 

Adding icon using HTML
 



 

Adding icon using GIF image

Lordicon - animated icons on your website

25 August 2021

Didn't find a solution to your problem? Contact us on live online chat or ask on Facebook group.

 

Missing any feature? Share your ideas with us.

 

Webmaster's panel

Sign up

Log in

Our free Website Builder lets you create amazing websites effortlessly. You can build your website from scratch, start with a blank page or choose various templates from our free collection and modify it according to your needs. With WebWave you have a free design software at your fingertips.

Find us online

Website builder.

Offerings. 

Help docs. 

Company.

 Back