Published
November 10, 2022
Updated
A favicon ( /ˈfæv.ɪˌkɒn/; short for favorite icon ), also known as a shortcut icon, website icon, tab icon, URL icon, or bookmark icon, is a file containing one or more small icons,[1] associated with a particular website or web page.
- Wikipedia
How it works
Favicons are described in HTML tags in the HEAD area of your webpages as <link> tags that generally look like this;
Favicon variations
Webflow support
In Webflow, favicons are specified in your Site settings, on the General tab.
As of Nov-2022, Webflow supports two sizes;
- 32x32
- 256x256
And file formats of ICO, PNG, GIF, or JPG.
When you upload these, here's an example of what Webflow generates;
<link href="https://assets.website-files.com/59aa30d4b0f23d0001bac49f/59c1d70a11c98c000172ca8f_favicon-32.png" rel="shortcut icon" type="image/x-icon"/>
<link href="https://assets.website-files.com/59aa30d4b0f23d0001bac49f/59c1d70f7333f20001b08711_favidon-256.png" rel="apple-touch-icon"/>
