How to Add a Favicon (Logo Icon) to Your HTML Website

Published: 12 October 2021
on channel: Front End Beginners
16,459
193

In this video, we look at how to add a favicon to your HTML website. A favicon is the logo icon that appears in the browser tab—next to the name of the webpage—when viewing a website.

Favicons are really easy to add and help give a professional touch to your projects. You can create a favicon using any graphics editing software, and there are even a number of free favicon creation tools available online.

You'll need to save the image as a 32 x 32 px PNG and rename it to "favicon.ico". Place it in your website's root directory and add a simple "link" element in your HTML document to ensure its shown correctly.

I hope you find this short video helpful. If you have any questions, please leave them in the comments below and I'll do my best to answer as soon as possible.


Watch video How to Add a Favicon (Logo Icon) to Your HTML Website online without registration, duration hours minute second in high quality. This video was added by user Front End Beginners 12 October 2021, don't forget to share it with your friends and acquaintances, it has been viewed on our site 16,45 once and liked it 19 people.