How to add a favicon

Posted on February 7, 2023

Screenshot of browser tabs and favicons

ProudCity makes it easy to add favicons to websites.

How to add a favicon to your website:

  1. Login to MyProudCity.
  2. In the left side admin navbar, select ‘Customize’.
  3. Select ‘Site identity.’
  4. Scroll down to the ‘Site icon’ section.
  5. Upload your site icon. Should be square and at least 512 pixels x 512 pixels.
  6. Select the ‘Publish’ button to save.

Do’s and don’ts


  • Keep it simple.
  • When using letters, use no more than two characters.
  • Use high contrast colors.
  • Use a transparent background.
  • For ProudCity users, make sure to swap in the ‘Site icon’ image for the favicon (and not the site logo).


  • Make it complicated. Overly designed seals may be hard to read.


Close window