By: Dave Walsh

         hugo · installation · favicon      hugo zero to hero      hugo zero to hero

Estimated reading time: 1 minute

how to add a favicon to your hugo site

Create your favicon

  1. Design your favicon in your favorite art package I use Inkscape on mac and create SVG versions)
  2. Upload your image to https://realfavicongenerator.net and follow the settings.
  3. Download your favicon package and extract to the /static/ directory. The static directory sits in the root of your HUGO site. When you generate your site, the favicon will be copied into public, the root of the generated site.
  4. Copy the given html and add it to your /layouts/partials/header.html

Part 14 of 15 in the hugo zero to hero series.

Series Start | Netlifycms | Hugo Static Site Generator