December 18, 2018 · coding html

What is a Favicon?

A favicon (pronounced "fave-icon") is a small, iconic image that represents your website. Favicons are most often found in the address bar of your web browser, but they can also be used in lists of bookmarks in web browsers and feed aggregators.
Well-designed favicons are styled to match the logo or theme of your website, that way users have a quick and easy way to recognize your website at a glance.

The Favicon website allows you to draw or upload a picture which can be used on your website.

Starting from this


To this


Once you have downloaded your favicon you will need to <link> it in your code to appear on your website.

Make sure the file is located within the website folder and insert this code into the <head> of your code <link rel="icon" href="favicon.ico">

           <meta charset="utf-8">
           <title>Amy BLANK</title>
           <link rel="stylesheet" href="css/styles.css">
           <link rel="icon" href="favicon.ico">


  • LinkedIn
  • Tumblr
  • Reddit
  • Google+
  • Pinterest
  • Pocket