1. Knowledge Base
  2. >
  3. Favicons in the Express Editor

Favicons in the Express Editor

This content only applies to Gator Website Builder hosting plans which are accessible by going to app.gator.com.

For more articles, check out the HostGator Gator Website Builder category
or directly access the Gator Knowledge Base.

What is a Favicon?

A favicon is an icon that appears in the tabs of the browser when someone visits your site.

User-added image

It helps your brand be consistent and give a visual image to your company.


To Add a Favicon

  1. Begin within your website editor.
    User-added image
  2. Select the Settings option on the left menu bar of the editor.
    User-added image
  3. In the panel that opens up, choose the Favicon tab on the upper right.
    User-added image
  4. Within this tab, click on the area labeled Click to upload favicon.
    Pro Tip: A favicon will need to be a square image at the optimal size of 32x32 pixels. With smaller image resolutions like this, simple images or logos work best. This will open your media library with stock images, previously uploaded images, and an upload image option.
    User-added image
  5. Once you find the image you would like to use, click on it to add it as the favicon.
    If the image is being uploaded you will see a progress bar and when complete create a thumbnail of the image that was selected.
    User-added image
  6. Once it completed, choose Apply in the bottom right to save the Favicon for your site.
    User-added image

Replacing/Deleting a Favicon

  1. Begin within your website editor.
    User-added image
  2. Select the Settings option on the left menu bar of the editor.
    User-added image
  3. In the panel that opens up, choose the Favicon tab on the upper right.
    User-added image
  4. Within this tab, there will be an area labeled Favicon with a preview of the current Favicon. When you hover your cursor over the image, you will see two icons appear giving you the options to replace the current image or delete it.
    User-added image
  5. Once you’ve completed your desired action, choose Apply in the bottom right to save the Favicon for your site.
    User-added image