--- title: How do I edit the Favicon on my site? description: Learn how to edit the Favicon on your Centercode site by creating and applying a custom .ICO image. Follow the provided steps. --- [Skip to content](https://learn2.centercode.com/en/how-do-i-add-a-bookmark-icon-to-my-implementation#main-content) English Show submenu for translations [Report an Issue](https://learn2.centercode.com/en/kb-tickets/new?hsLang=en) [Customer portal](https://help.centercode.com/admin-portal?hsLang=en) ![New\_Centercode\_Logo.png\]](https://learn2.centercode.com/hs-fs/hubfs/New_Centercode_Logo.png?height=35&name=New_Centercode_Logo.png) - [Centercode Blog](https://www.centercode.com/blog) Open main navigation Close main navigation - [Centercode Blog](https://www.centercode.com/blog) - English Show submenu for translations - [Report an Issue](https://learn2.centercode.com/en/kb-tickets/new) - [Customer portal](https://help.centercode.com/admin-portal) - Starter & Delta Edition Help Starter & Delta Edition Help How can we help? - There are no suggestions because the search field is empty. 1. [Legacy Help Center](https://learn2.centercode.com/en?hsLang=en) 2. [Troubleshooting & Miscellaneous](https://learn2.centercode.com/en/troubleshooting-miscellaneous?hsLang=en) # How do I edit the Favicon on my site?   This article applies to **All** editions. The small icon corresponding to a webpage (located on the left-hand side of your browser's tabs, bookmarks, and favorites) is called a Favicon and is a particular type of image file, an ".ICO" image. You can choose which image you want to make into a Favicon and utilize it in your site by performing the following steps: ### Creating the .ICO image 1. Create a new (or crop an existing) image with your logo or branding. 2. Save the file as a JPG, JPEG, PNG, GIF, or BMP format. 3. Navigate to an ICO generator (we recommend [Dynamic Drive](http://tools.dynamicdrive.com/favicon/)). 4. Follow the site's directions to upload your image, convert it, and save the resulting .ICO image file. ### Applying the icon [![](https://t.gyazo.com/teams/centercode/142dbe8b05f75fc174f0113db1bd26fe.gif)](https://centercode.gyazo.com/142dbe8b05f75fc174f0113db1bd26fe) 1. Click the upper-left hand corner drop down menu, select **Community configuration \> Visual themes** 2. Select your **Theme** under the **Names** list of the Visual theme management page. 3. Under the **Customize your site details** heading, scroll to the **Favicon** heading. 4. Click the **Select a file** link, then click **Choose file** and select your new image (.ICO or .PNG recommended). 5. Click the **Submit** button at the bottom of the page to confirm the change to the theme. You have successfully edited the favicon for your implementation!  ### Requirements - Manage Community role ### Notes - If you use a Bookmark Icon on your corporate website, you can ask your web development team for the image and use that in Centercode, too. They might also be able to show you an ideal logo image to turn into an .ICO file if the .ICO doesn't already exist. - [Customer Training & Centercode Basics](https://learn2.centercode.com/en/customer-training-centercode-basics?hsLang=en#main-content) - [Customer Video Training](https://learn2.centercode.com/en/customer-training-centercode-basics?hsLang=en#customer-video-training) - [Centercode FAQs](https://learn2.centercode.com/en/customer-training-centercode-basics?hsLang=en#centercode-faqs) - [Centercode Basics](https://learn2.centercode.com/en/customer-training-centercode-basics?hsLang=en#centercode-basics) - [Community Administration](https://learn2.centercode.com/en/community-administration?hsLang=en#main-content) - [Initial Configuration](https://learn2.centercode.com/en/community-administration?hsLang=en#initial-configuration) - [Community Administration](https://learn2.centercode.com/en/community-administration?hsLang=en#community-administration) - [Project Setup & Administration](https://learn2.centercode.com/en/project-setup-administration?hsLang=en#main-content) - [Project Creation](https://learn2.centercode.com/en/project-setup-administration?hsLang=en#project-creation) - [Recruiting](https://learn2.centercode.com/en/project-setup-administration?hsLang=en#recruiting) - [Project Administration](https://learn2.centercode.com/en/project-setup-administration?hsLang=en#project-administration) - [Macros and Automation](https://learn2.centercode.com/en/project-setup-administration?hsLang=en#macros-and-automation) - [User Management](https://learn2.centercode.com/en/user-management?hsLang=en#main-content) - [Surveys](https://learn2.centercode.com/en/user-management?hsLang=en#surveys) - [Content & Resources](https://learn2.centercode.com/en/user-management?hsLang=en#content-resources) - [Tester & User Management](https://learn2.centercode.com/en/user-management?hsLang=en#tester-user-management) - [Feedback Management](https://learn2.centercode.com/en/feedback-management?hsLang=en#main-content) - [Feedback Collection](https://learn2.centercode.com/en/feedback-management?hsLang=en#feedback-collection) - [Feedback Triage & Moderation](https://learn2.centercode.com/en/feedback-management?hsLang=en#feedback-triage-moderation) - [Reporting](https://learn2.centercode.com/en/reporting?hsLang=en#main-content) - [Delta Dashboards](https://learn2.centercode.com/en/reporting?hsLang=en#delta-dashboards) - [Custom Reports](https://learn2.centercode.com/en/reporting?hsLang=en#custom-reports) - [Enhanced Integrations & APIs](https://learn2.centercode.com/en/enhanced-integrations-apis?hsLang=en#main-content) - [Integration Center Endpoints](https://learn2.centercode.com/en/enhanced-integrations-apis?hsLang=en#integration-center-endpoints) - [Single Sign-On Integrations](https://learn2.centercode.com/en/enhanced-integrations-apis?hsLang=en#single-sign-on-integrations) - [Centercode Guides to Simple API Integrations](https://learn2.centercode.com/en/enhanced-integrations-apis?hsLang=en#centercode-guides-to-simple-api-integrations) - [Centercode Guides to Endpoint Specific Systems](https://learn2.centercode.com/en/enhanced-integrations-apis?hsLang=en#centercode-guides-to-endpoint-specific-systems) - [Enhanced Integrations Troubleshooting](https://learn2.centercode.com/en/enhanced-integrations-apis?hsLang=en#enhanced-integrations-troubleshooting) - [Troubleshooting & Miscellaneous](https://learn2.centercode.com/en/troubleshooting-miscellaneous?hsLang=en) - [Announcements and Releases](https://learn2.centercode.com/en/announcements-and-releases?hsLang=en#main-content) - [C17 - The Delta Release](https://learn2.centercode.com/en/announcements-and-releases?hsLang=en#c17-the-delta-release) - [Centercode's GoEarly Program](https://learn2.centercode.com/en/announcements-and-releases?hsLang=en#centercodes-goearly-program) - [Update Archive](https://learn2.centercode.com/en/announcements-and-releases?hsLang=en#update-archive) - [Centercode Blog](https://www.centercode.com/blog) [![Chill listening crop-3](https://learn2.centercode.com/hs-fs/hubfs/Centercode_Logo_Icon_M.png?width=48&height=48&name=Centercode_Logo_Icon_M.png "Chill listening crop-3")](https://help.centercode.com?hsLang=en) Centercode Help Center Copyright © 2026, Centercode