This lesson will cover the following topics:

01 Getting Started

This tutorial covers adding a favicon, including:
  • A favicon overview.
  • How to add a favicon.

02 Favicon Overview

Favicon is short for Favorite Icon, this is a small 16x16 pixel icon that represents a website or web page. The icons are displayed in the browser tab, bookmark bar, page history, and search results.

All Titan projects display the Titan icon by default.
titan favicon

03 How to Add a Favicon

1. Navigate to Project Settings and select the Site Elements tab.
2. Enable the Custom Favicon toggle switch and click the gear icon.
enabling the custom favicon
3. Configure your favicon by choosing a previously uploaded image, uploading an image, or using a URL.
upload favicon window
When you save and preview the project, your newly added favicon is displayed.
updated favicon example

04 Got Feedback?

Additional Resources