{"section":"tutorials","requestedLocale":"en","requestedSlug":"configuring-favicon-in-your-store","locale":"en","slug":"configuring-favicon-in-your-store","path":"docs/en/tutorials/storefront/layout/configuring-favicon-in-your-store.md","branch":"main","content":"> ⚠️ This tutorial is only applicable to Legacy CMS Portal stores. For stores developed using Store Framework, follow the instructions in the **Favicons** section in the guide [Configuring SEO in your Store Framework store](/en/tutorial/configuring-seo-in-your-store--1sKskEsjUSvgHyqM8oknVR?&utm_source=autocomplete#favicons).\n\nFavicon is a small icon associated with a website, displayed on the browser tab next to the page title, in bookmarks, browsing histories, and other places where the website address appears, such as search results pages.\n\n\n\nThe favicon helps users quickly identify a website when multiple tabs are opened or when browsing their favorites, improving the user experience and reinforcing a brand's identity and reliability.\n\nTo configure the favicon in Legacy Portal CMS stores, follow the instructions below:\n\n1. In the VTEX Admin, go to **Storefront > Layout > CMS > Files Manager > images**.\n\n \n\n2. In the second column, click `Add`.\n\n \n\n3. Click `Browse for file` to add the image file in the `.ico` format.\n\n > ⚠️ The file name should follow the pattern ***\\{storeName\\}**-favicon.ico*. Replace the variable **\\{storeName\\}** with the store name in [Account management](/en/docs/tutorials/account-management).\n\n \n\n4. Configure the [templates](/en/docs/tutorials/what-are-templates) with the element `` inside ``, as follows: ``. The variable `{storeName}` should be replaced with the store name.\n\n > ℹ️ You can configure the favicon using another file name, which will create a URL different from the default. However, as Checkout and OrderPlaced load the URL following this pattern, we recommend following the format above."}