This guide gives the best practices to follow to embed, control and customize Lordicon animated icons in your web projects.
Web HTML implementation
Basic implementation and customization
This example presents the easiest way to use the Lordicon custom element with the released version. Keep in mind that this is not the most efficient method, as the entire library (including bundled Lottie-web) is loaded by default.
As long as you can use all possible formats, we recommend using the main JSON Lordicon. It is a Lottie File with special expressions allowing easy customization.
You can also load the icon source directly from our servers by accessing the icon source. This method is a quick and easy way to implement animated icons on websites. Copy an HTML code from the library and embed it on your page. With this solution, the source of the icon (JSON Lottie) is hosted on Lordicon servers (AWS - 99% uptime).