How to Add a Favicon to Your Website

Favicon for your website how toFavicons are the little icon in the top left hand corner of a website. They help to identify a website in a list of website favorite links. The name favicon stands for favorite icon and alludes to the identification aspect of favorite-ing a website. In order to add a favicon to your website, we need to create an image. This image will be approximately 40 pixels by 40 pixels and should be something appropriate to remember your website by like a logo or picture of you. Once you have created a JPG image at this size, we will need to host it on your website. To host it, upload the picture into the site and find the reference link. The reference link will directly call up the image.

Now that we have the image link, it is time to put it in the code that will make it into the favicon area. Place your image link into the following code:

<link rel="shortcut icon" type="image/x-icon" href="">

Add the code to the header of your website, above the closing tag.

That’s it!

Update May 20th, 2020: We still see a lot of websites without favicons. It’s important to have every part of your brand buttoned up, including little details like a favicon. Is your website missing a favicon? Get a hold of us!

You can also download any number of great-looking icons at websites like Free Favicon , Icon Finder  or Icon Archive .

Avatar photo

Written by: Skypoint

SkyPoint Studios has written 47 posts in the Tech Blog.

SkyPoint Studios is a full-service web & graphic design firm located in Billings Montana We have a passion for hyper-localized service, we know Billings and Montana and care about doing business in our local community.

0 replies

Leave a Reply

Want to join the discussion?
Feel free to contribute!

Leave a Reply

Your email address will not be published.

This site uses Akismet to reduce spam. Learn how your comment data is processed.