Get Started Get Started

Setting Up Website Favicon

A favicon (short term for "favorite icon") is a small icon that represents your website in browser tabs and search engine results. You can upload a custom one to improve brand recognition and professionalism.

Oncord's Favicon:



To upload a Favicon:

  • Prepare a square 32x32 pixel image in .png or .ico format based on the logo.
  • Rename the file to favicon (.ico or .png).
  • Go to Dashboard > Website > Designs >  select your website's primary design template
  • Click the "Media" option in the left panel, and upload the favicon file.
  • Click the "Source" option in the left panel, and add the following HTML code under the <head> tag.

<link rel="icon" type="image/png" href="/media/website_designs/1/favicon.png">

Note: You will likely need to adjust the 'href' attribute to match the url of the uploaded file.



How to find the url of the uploaded favicon:

  • Within the design editor, click the "Media" option in the left panel.
  • Find the uploaded favicon file in the panel and click the three-dot button underneath it.
  • Select the "Copy Shortcut" option from the drop-down menu.
  • Replace the value of the 'href' attribute in the code above. In this example, the code would be: 

<link rel="icon" type="image/png" href="https://yourdomain/media/website_designs/5/favicon.png">

  • Then remove the part "https://yourdomain".
  • The code would end up being:

<link rel="icon" type="image/png" href="/media/website_designs/5/favicon.png">


Get Started With Oncord


Start Your Free Trial

Build and launch a new website based on your logo.

Trial Now Trial Now

Migrate Your Website

Already have a website? Let us help with migration, training and launch.

Show Us Your Site Show Us Your Site

Find An Expert

Get marketing, brand or web design assistance from an agency partner.

Agency Partners Agency Partners