Log in

Sign up

Webmaster's panel

Categories.

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.

WebWave's logo

WebWave drag and drop website builder lets you create unique websites. You can build your website from scratch by starting with a blank page, or choose various website templates from our free collection and modify them according to your needs. With WebWave website builder, you have a complete website design and hosting system at your fingertips.

This website was created with WebWave.

Find us online




25 August 2021

Lordicon - animated icons on your website

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