How to Set a Favicon

A Favicon is a minimized image that loads in the browser bar. WordPress has a built in feature for setting a site-image / favicon:

Admin -> Customize -> Site Identity -> Site Icon

This will automatically create the various sizes and specify them in the source code.

The default icon used for Feast themes is a stylized heart. If you do not set a custom favicon, this will be used.

You can find more information about favicons at: https://en.wikipedia.org/wiki/Favicon

Best practices:

  • Upload as large an image as possible - up to 512 x 512 px
  • Use a simple design, which compresses easily
  • Use a transparent background (png or gif)
  • Use a square image

Note: icons will be created up to 512x512 px, but large icons aren't really in use at the moment. The most frequent sizes people will see are 16x16, 32x32, and 128x128, so make sure the image looks good in these sizes.

Additional reading:

WordPress Favicon

Here is the documentation from WordPress on creating a favicon: https://wordpress.org/support/article/creating-a-favicon/

Note that this is unnecessary, and we don't recommend this method, if using the Genesis method.