Welcome to the Website Designer Blog. Today I will teach you that How to Add Icon to Blogger Website? in a Simple way and Step by Step. Also, I Provide you with a Video Tutorial with a Complete Guide. Let’s Start to add Icons to your Website. Do you listen to fontawesome.io or fontawesome.com website? This is a website that provides you with cloud-based icons. We can use any type of icon without any trouble using the one script of the Font Awesome toolkit.
How to add icon into blogger website | Font Awesome
Get vector icons and social logos on your website with Font Awesome, the web’s most popular icon set and toolkit.
Font Awesome
First step
Follow the step for using Font Awesome toolkit on your website
Add the following code in your HTML backend. e.g.
<!doctype html>
<html>
<head>
<!-- Place your kit's code here -->
<script src="https://kit.fontawesome.com/953d6221b2.js" crossorigin="anonymous"></script>
</head>
<body>
<!-- Ready to use Font Awesome. Activate interlock. Dynotherms - connected. Infracells - up. Icons are go! -->
<i class="fas fa-thumbs-up fa-5x"></i>
</body>
</html>
second step
Now go to Font Awesome website using the following URL
https://fontawesome.com/v5.15/icons?d=gallery&p=2&m=free
Third step
Now find your desire font and select it.
After selecting it you’ll find the code. Place this code into your website body where you want to embed this icon.
After place the code in right place. refresh your website. Your desire font will be appearing there.
Congratulation Your Icon will be placed on your website Successfully!!!
Comments (0)