Upload a Custom Favicon to Square Online

Note: Using a custom favicon requires an upgrade on your Square Online site.

The small image you see on a browser tab while visiting a website is called a favicon. Adding one to your site is a simple way to make your branding more memorable for site visitors and customers. It also makes your site stand out in a long list of browser bookmarks, especially when you use your logo.

Note: To make all of your website branding cohesive, try adding a logo to your Square Online site.

Upload a Favicon


To upload your own favicon to Square Online:

  1. From your Square Online Overview page, go to Website > Site Preferences.

  2. Under Favicon, select Upload to choose your image file. If the upload is a success, you’ll see the favicon appear on the Site Preferences page.

  3. Publish your site from the Square Online site editor to see your changes live.

Favicon Image Guidelines

Use the following guidelines when choosing a favicon image to upload:

  • The image should be square with a pixel size no larger than 64x64.

  • The image must be saved as a .jpg, .png, .gif, or .ico file. Other file formats won’t work.

Seeing the Favicon Online


You’ll need to Publish your website from the site editor in order to make the favicon live, but there’s a chance that it won’t show up on your own browser right away upon publishing. This is because favicons are cached by browsers, so you may want to clear your browser cache after you publish. First-time visitors to your site will be able to see your favicon, as will anyone visiting in a browser they haven’t used on a previous visit.

If you still don't see the custom favicon on your end, try viewing your site with something other than your usual browser. You’ll likely be able to see it then, though it may still take some time for the cache to update in your browser of choice (typically a few days).