Logo and Favicon

Your logo and favicon are the two most visible branding elements on your knowledge base site. The logo appears in the top-left corner of the primary navigation bar on every page - clicking it redirects readers to the knowledge base home page by default, or to any custom URL you configure, making it a consistent navigational anchor. Document360 lets you upload separate logos for light and dark themes, so your branding stays visually optimised regardless of which mode a reader is using.

The favicon identifies your site in browser tabs, bookmarks, browsing history, and search engine results - it appears before readers even open your site. Document360 automatically generates a root-level /favicon.ico fallback so browsers and search engine crawlers can find it even if they only check the standard path. Both elements are configured from the Site customization settings and apply across your entire knowledge base project.

When to update your logo and favicon

• When setting up a new knowledge base - upload your logo and favicon before publishing. Readers will see the Document360 default icon in browser tabs and search results until a favicon is configured.
• When enabling dark mode - if your knowledge base supports both light and dark themes, upload a separate dark mode logo. If you don't, the same logo is used for both themes, which may result in poor contrast on dark backgrounds.
• After a brand refresh - update the logo and favicon to match any changes to your company's visual identity. Note that favicon updates in search engine results can take 2–4 weeks to reflect, as Google crawls and caches favicons independently.

How to upload a logo

You can upload separate logos for the light and dark themes of your knowledge base site. If only one is uploaded, it is used for both themes automatically.

1. Navigate to Settings () in the left navigation bar of the Knowledge base portal.
2. In the left navigation pane, navigate to Knowledge base site > Site customization.

3. In the Branding section, hover over the logo placeholder for the desired theme and click Click to change.
4. Choose one of the two upload options:
   • Using a URL - Paste an image URL from any external source and click Insert.
   • Upload an image - Choose a file from the Drive or upload from your local storage and click Insert.
5. Click Save.

How to use text as a logo

If you don't have a logo image, you can display your company name or a short text label instead.

1. Navigate to Settings () in the left navigation bar of the Knowledge base portal.
2. In the left navigation pane, navigate to Knowledge base site > Site customization.
3. In the Branding section, click Don't have a logo? Use name instead.
4. Enter the desired text in the input field.
5. Click Save.

How to add a custom redirection link

By default, clicking the logo redirects readers to the knowledge base home page. You can override this with any URL - for example, your company website or a specific landing page.

1. Navigate to Settings () in the left navigation bar of the Knowledge base portal.
2. In the left navigation pane, navigate to Knowledge base site > Site customization.
   1. In the Branding section, enter your desired URL in the Custom redirection link field.
3. Click Save.

How to upload a favicon

The favicon is the small icon that appears in the browser tab, bookmarks list, browsing history, and search engine results.

1. Navigate to Settings () in the left navigation bar of the Knowledge base portal.
2. In the left navigation pane, navigate to Knowledge base site > Site customization.

3. In the Branding section, hover over the favicon placeholder and click Click to change.
4. Choose one of the two upload options:
   • Using a URL - Paste an image URL from any external source and click Insert.
   • Upload an image - Choose a file from the Drive or upload from your local storage and click Insert.
5. Click Save.

Favicon formats, sizes, and requirements

Format guidance:

• ICO is the most reliable format for browser and search engine compatibility. Use ICO as your primary format, especially if your image has a transparent background.
• PNG is widely supported and a good alternative to ICO.
• SVG is supported but search engines may take significantly longer, sometimes weeks or months to index SVG-only favicons.

How Google handles favicons

Google uses Googlebot-Image to fetch and process favicons. There are several behaviors to be aware of:

• Favicon display in Google search results is not guaranteed, even with a fully compliant setup.
• Google may show no favicon, display a default icon, or delay updating an existing one.
• Delays are common after recent favicon changes, with SVG-only setups, on newer or niche subdomains, or when Google continues to serve a cached older version.
• Domains without an established favicon history may take longer to surface a favicon in search results.
• You cannot control when Google re-crawls your site, whether a favicon is displayed, or how long older favicons remain cached.

What you can do:

• Allow 2–4 weeks after making changes for Google to reindex your favicon.
• Submit your sitemap through Google Search Console to prompt re-crawling, though this does not guarantee updates.
• Avoid frequent favicon changes — repeated updates reset Google's evaluation cycle and delay visibility.
• Always provide an ICO or PNG fallback alongside any SVG favicon.

Best practices

• Use ICO or PNG for your favicon - avoid SVG-only setups if search engine visibility matters to you.
• Keep your favicon at 48×48px for the most consistent rendering across platforms and browsers.
• Set a custom logo URL to your company website so readers can navigate back from the knowledge base easily.
• Avoid changing your favicon frequently; each change can reset Google's indexing timeline.

FAQ