To change a favicon, upload a new square image in your builder's site settings, then publish. Webflow, Squarespace, Wix, Shopify and WordPress each have their own icon field; on a hand-built site you replace the file and the link rel=icon tag. Browsers and Google cache icons, so the old one can linger.
| Builder | Where to find it | Size the help page gives |
|---|---|---|
| Webflow | Site settings (look for the favicon or icon field) | Check Webflow's help page for current size rules |
| Squarespace | Favicon panel | 100x100 to 300x300 px, .png, 100 KB max |
| Wix | Settings, Website settings, Favicon | Multiple of 48 px square, unless SVG |
| Shopify | Edit theme, Theme settings, Logo or Favicon | 16x16 or 32x32 px |
| WordPress 6.5+ | Settings, General, Site Icon | Square, at least 512 px, .png recommended |
Updated
Find your builder below. Each set of steps is taken from that builder's own help page. If you run a hand-coded site, the last card writes the link tags for you. Make the icon first with our favicon generator if you do not have one yet.
Webflow's help page was not readable when we checked, so follow the labels in your own dashboard for the exact menu names and sizes.
The help page suggests 100x100 to 300x300 pixels, .png files, and no more than 100 KB.
Needs a Premium plan, a connected domain and a published site. The image must be a multiple of 48 px square unless it is an SVG.
Shopify calls 16x16 or 32x32 px the ideal size. Not available on the Starter plan.
Before version 6.5 the setting was under Appearance, Customize, Site Identity.
Upload favicon.ico, icon.png (at least 48x48) and apple-touch-icon.png (180x180) to that folder first.
Folder your icons live in
I also have an SVG icon
Paste into the head of every page
<link rel="icon" href="/favicon.ico" sizes="any">
<link rel="icon" href="/icon.png" type="image/png">
<link rel="apple-touch-icon" href="/apple-touch-icon.png">Copy
| Rule | Detail |
|---|---|
| Shape | Square, 1:1 aspect ratio |
| Size | At least 8x8 px; larger than 48x48 recommended |
| Formats | Any valid favicon format, such as ICO, PNG, GIF, JPEG, BMP |
| Per site | One favicon per hostname |
| Crawling | Googlebot and Googlebot-Image must be allowed to fetch it |
| Updates | Several days to several weeks; request indexing to speed it up |
Save the SVG as icon.svg. The style block inside it changes the fill when the visitor's system is in dark mode. Keep a favicon.ico too, since not every browser reads SVG icons.
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 48 48">
<style>
rect { fill: #1d4ed8; }
@media (prefers-color-scheme: dark) { rect { fill: #93c5fd; } }
</style>
<rect width="48" height="48" rx="10"/>
</svg>Google reads the link tag in your home page's head. It supports rel values of icon, shortcut icon, apple-touch-icon and apple-touch-icon-precomposed, and accepts formats including ICO, PNG, GIF and JPEG.
Google shows one favicon per hostname. A subdomain such as shop.example.com can have its own, but a folder such as example.com/shop cannot.
If your plan hides the favicon field, upgrading is usually the only route on hosted builders, because you cannot edit the head of the page yourself. On self-hosted sites you can always add the link tag by hand.
Google picks up a new favicon when it recrawls your home page, which its help page says can take several days to several weeks. You can ask for a faster recrawl by requesting indexing of the home page in the URL Inspection tool in Search Console.
Browsers keep favicons in their cache for a long time. Squarespace's help page suggests clearing your browser cache and restarting the browser. Opening the site in a private window is a quick check that the new icon is really live.
Not as of October 2026. Shopify's help page says the Starter plan cannot add a favicon. Wix requires a Premium plan and a connected domain, and you need to publish the site first.
On some builders, yes. Squarespace lets you upload a dark mode version after setting the default icon. On a hand-built site you can point to an SVG icon that changes colour with a prefers-color-scheme media query inside the SVG.
Related: Favicon sizes, Favicon generator, Shopify pricing, Google Search Console guide, On-page SEO checklist.
Start for free or see all free tools. We.Inc is free to start, with no card needed. AI building is on paid plans from $20 a month.
We.Inc is an AI-powered website builder you can resell under your own brand. Launch a branded client dashboard, bill on Stripe Connect, and deliver AI-generated websites in minutes. White-label plans start at $99 a month for 25 client sites, with a 7-day free trial and no per-site fees.