{"title":"Add a favicon to your website","slug":"add-a-favicon-to-your-website","url":"https://support.storeconnect.com/articles/add-a-favicon-to-your-website","url_markdown":"https://support.storeconnect.com/articles/add-a-favicon-to-your-website.md","subtitle":null,"summary":"Add a favicon to your StoreConnect store by setting the Favicon field on the Store record, or by inserting a link tag into the Head Content Block.","type":"Help_Documentation","video_url":"","keywords":"favicon, add favicon, site icon, browser icon, head content block, media library, website branding, upload favicon, link tag, shortcut icon, store design, custom icon, store record favicon, favicon field","last_modified":"2026-08-21T07:12:35+0000","body_markdown":"A favicon is the small icon that appears in the browser tab next to your site's title. There are two ways to add a favicon to your store.\n\n## Method 1: Set the Favicon field on the Store record\n\nThis is the recommended method.\n\n### Step 1: Upload your favicon image\n\nUpload your favicon image to the StoreConnect media library. See [Uploading media](uploading-media) for instructions.\n\nRecommended format: PNG or SVG. Common sizes are 32×32 or 64×64 pixels.\n\nOnce uploaded, the image is available as a media record in Salesforce.\n\n### Step 2: Set the Favicon field on the Store record\n\n1. In Salesforce, open the **Store** record for your site.\n2. Find the **Favicon** field and click the lookup icon.\n3. Search for and select the media record you just uploaded.\n4. Save the record.\n\nStoreConnect uses the selected image as the favicon for all pages on that store.\n\n## Method 2: Add a favicon via the Head Content Block\n\nUse this method if you need to reference an image hosted outside the media library, or if you require custom `\u003clink\u003e` tag attributes.\n\n### Step 1: Upload your favicon image\n\nUpload your favicon image to the StoreConnect media library and copy the unique URL from the media record. The URL will look something like this: `https://res.cloudinary.com/hzkr6fi81/image/upload/v1627259085/media/favicon.png`\n\n\n### Step 2: Insert the favicon link tag into the Head Content Block\n\nCreate a Head Content Block if you don't have one already — see [Adding custom JavaScript, CSS, and head content](adding-custom-javascript-css-and-head-content).\n\nIn the Head Content Block, add the following, replacing the URL with your own:\n\n```html\n\n\u003clink rel=\"icon\" href=\"https://res.cloudinary.com/hzkr6fi81/image/upload/v1627259085/media/favicon.png\" type=\"image/png\"\u003e\n```\n\nThen set this content block as the **HTML Head Content Block** on your Store record and save."}