netlify.com favicon
- 17passed
- 8warnings
- 2missing
- 6optional
The main favicon of netlify.com is icon.svg, an SVG file of 1.3 KB. We found 6 icon files, 37.3 KB in total. Google Search can use apple-touch-icon.png, a 180×180 PNG file (1.4 KB). The site scores 78 out of 100: 17 passed, 8 warnings, 2 missing. Missing: name, maskable manifest icon.
How it looks
Rendered from the files we found.
The SVG switches colors for dark themes.
There is no maskable icon, so Android shrinks the regular one onto a white circle.
All favicon files of netlify.com
6 found| File | Found through | Format | Size | Weight |
|---|---|---|---|---|
| favicon.ico | default path | ICO | 16, 32, 48 px | 14.7 KB |
| favicon.ico | rel="icon" | ICO | 16, 32, 48 px | 14.7 KB |
| icon.svg | rel="icon" | SVG | vector | 1.3 KB |
| apple-touch-icon.png | rel="apple-touch-icon" | PNG | 180×180 | 1.4 KB |
| icon-192.png | manifest | PNG | 192×192 | 1.4 KB |
| icon-512.png | manifest | PNG | 512×512 | 3.7 KB |
Classic favicon
1 passed · 1 warningfavicon.ico
WarningGET /favicon.ico · not declared in HTML (found at the root)
- Format
- ICO (real)
- Contains
- 16 · 32 · 48
- File size
- 14.7 KB
- HTTP
- 301 → 200
- Content-Type
- image/vnd.microsoft.icon
- Cache
- 4 hours
The icon URL redirects, and some crawlers and RSS readers don’t follow redirects for icons. Serve the file at its final URL.
ICO 32×32
Passed<link rel="icon" href="/favicon/favicon.ico" sizes="32x32">
- Declared
- 32×32
- Actual
- 16 · 32 · 48
- Format
- ICO
- File size
- 14.7 KB
- HTTP
- 200
- Content-Type
- image/vnd.microsoft.icon
SVG icon
1 passedSVG favicon
Passed<link rel="icon" href="/favicon/icon.svg" type="image/svg+xml">
- Square viewBox
- yes
- Dark mode
- yes
- Scripts
- none
- File size
- 1.3 KB
- HTTP
- 200
- Content-Type
- image/svg+xml
Apple
1 passed · 1 optionalApple touch icon
Passed<link rel="apple-touch-icon" href="/favicon/apple-touch-icon.png">
- Declared
- no sizes
- Actual
- 180×180
- Recommended
- 180×180
- Background
- opaque
- File size
- 1.4 KB
- HTTP
- 200
Safari pinned tab (mask-icon)
Optional<link rel="mask-icon" href="…" color="…"> – not found
Legacy. Safari 12+ uses the regular favicon, so this is no longer required.
Web app manifest file
1 warningsite.webmanifest
Warning<link rel="manifest" href="/site.webmanifest" crossorigin="use-credentials">
- HTTP
- 200
- Content-Type
- application/octet-stream
- JSON
- valid
- File size
- 180 B
- Same origin
- yes
- Cache
- 0 s
Serve the manifest as application/manifest+json.
Manifest fields
2 passed · 4 warnings · 2 missing · 2 optional- nameShown under the icon when the site is installed.not set
- short_nameUsed on the home screen when name is too long.not set
- start_urlThe page that opens when the installed app starts.not set
- displayDefaults to "browser", which is not installable.not set
- theme_colorColors the title bar of the installed app.not set
- background_colorThe splash screen background.not set
- icons · 192×192PNG · 1.4 KB · 200
- icons · 512×512PNG · 3.7 KB · 200
- icons · purpose: maskableWithout it Android shrinks your icon onto a white circle.not found
- idnot set
Google search
6 passed- Supported file formatPNG · apple-touch-icon.png
- Square, at least 8×8 px180×180
- Larger than 48×48 px180 px
- Declared on the homepageyes
- Not blocked by robots.txtallowed
- Stable URLno redirects
Meta & legacy
1 passed · 3 optional- theme-color#ffffff
- theme-color for dark modemedia="(prefers-color-scheme: dark)"not set
- msapplication-TileColorWindows tiles, legacy.not set
- browserconfig.xmlWindows tiles, legacy.not found
Delivery & performance
5 passed · 2 warnings- HTTPS for every icon6 of 6
- No mixed content0 http:// links
- No broken links0 errors
- Cache headersIcons rarely change; cache them for at least a day.0 of 6 · ≥ 1 day
- Total icon weight37.3 KB
- Redirects/favicon.ico → /favicon/favicon.ico1
- Duplicate tagsnone
Icon tags found in <head>
<link rel="icon" href="/favicon/favicon.ico" sizes="32x32"> <link rel="icon" href="/favicon/icon.svg" type="image/svg+xml"> <link rel="apple-touch-icon" href="/favicon/apple-touch-icon.png"> <link rel="manifest" href="/site.webmanifest" crossorigin="use-credentials"> <meta name="theme-color" content="#ffffff">
Questions about the netlify.com favicon
Where is the netlify.com favicon?
The main one is at https://www.netlify.com/favicon/icon.svg. The default path, https://www.netlify.com/favicon.ico, also returns an icon.
What size is the netlify.com favicon?
icon.svg is a vector file, so it scales to any size. The largest raster icon on the site is icon-512.png at 512×512 px.
Can Google Search show the netlify.com favicon?
The site meets Google's rules: apple-touch-icon.png is a 180×180 PNG file (1.4 KB) and robots.txt allows it. Google still decides what it shows.
Does netlify.com have an Apple touch icon and a maskable icon?
The Apple touch icon is 180×180. The manifest has no maskable icon, so Android shrinks the regular one onto a white circle.