This procedure shows you how to replace the default favicon image with a different image.

Overview

The default favicon is called gbc_logo.ico. It is referenced in <GBC_PROJECT_DIR>/src/index.html. This page is currently not customizable, therefore you need to name your favicon "gbc_logo.ico".

Save your favicon image

Save your favicon image with the name "gbc_logo.ico".

Save the favicon image to the <GBC_PROJECT_DIR>/customization/<customization_project_dir>/resources/img directory.

To override the favicon for a specific theme, save the image to the <GBC_PROJECT_DIR>/theme/<theme_directory>/resources/img directory. The variable <theme_directory> can refer to one or more subdirectories, depending on whether you have themes organized in categories.

Rebuild using grunt.

$ grunt --customization=<customization_project_dir>

Test

Test the favicon is displayed as expected on the left side of the browser’s address bar and on the tab by closing and reopening your application.

TIP: You may need to use CTRL + F5 to clear the browser cache before you see your changes.