Creating and Applying a Favicon to Your GitHub Blog

This post walks through generating and applying a favicon to a GitHub blog.

[01] What is a Favicon?

A portmanteau of “Favorites + Icon” — the small icon shown in a browser’s address bar and tabs that represents the site.

We will replace the small icon shown on the left of the browser tab below.

[02] Prepare the Image and Generate the Favicon

• Source image

  A square image works best.

  

• Generate the favicon

  (link) favicon-generator

  Upload the image (File Selection) and click Create Favicon.

  

  Download the generated files (Download the generated favicon). Copy the HTML document snippet separately — you’ll paste it into the blog configuration later.

  

  Rename the downloaded file (optional). Keep the .ico extension. e.g. rename ed00c6... to favicon.ico.

  

[03] Apply the Favicon to the Blog

• Unzip the downloaded archive and copy the files into the blog’s /assets/ folder.

  

• Paste the HTML document snippet from the favicon generator into _includes/head/custom/html.

  Minimal Mistakes theme. Update the href attribute in each tag to point to the file you uploaded (/assets/favicon.ico/).

  

[04] Result