metacritic.com favicon
- 14passed
- 1warning
- 2missing
- 5optional
The main favicon of metacritic.com is favicon.svg, an SVG file of 1.3 KB. We found 2 icon files, 4.9 KB in total. Google Search can use favicon.ico, an ICO file with 16 and 32 px images (3.6 KB). The site scores 82 out of 100: 14 passed, 1 warning, 2 missing. Missing: Apple touch icon, Web app manifest.
How it looks
Rendered from the files we found.
Check that the icon stays visible on a dark tab.
Without it iOS falls back to a page screenshot or a letter on the home screen.
There are no manifest icons, so Android falls back to a screenshot or a letter.
No 512 px icon in the manifest, so there is no install prompt or splash screen.
All favicon files of metacritic.com
2 found| File | Found through | Format | Size | Weight |
|---|---|---|---|---|
| favicon.ico | default path | ICO | 16, 32 px | 3.6 KB |
| favicon.svg | rel="icon" | SVG | vector | 1.3 KB |
Classic favicon
1 passedfavicon.ico
PassedGET /favicon.ico · not declared in HTML (found at the root)
- Format
- ICO (real)
- Contains
- 16 · 32
- File size
- 3.6 KB
- HTTP
- 200
- Content-Type
- image/x-icon
- Cache
- 7 days
SVG icon
1 passedSVG favicon
Passed<link rel="icon" type="image/svg+xml" href="https://www.metacritic.com/a/img/favicon.svg">
- Square viewBox
- yes
- Dark mode
- no
- Scripts
- none
- File size
- 1.3 KB
- HTTP
- 200
- Content-Type
- image/svg+xml
Add a prefers-color-scheme media query in the SVG to switch colors for dark browser themes.
Apple
1 missing · 1 optionalApple touch icon
Missing<link rel="apple-touch-icon" href="…"> – not found
Without it iOS falls back to a page screenshot or a letter on the home screen.
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 missingWeb app manifest
Missing<link rel="manifest" href="…"> – not found
Android and installable web apps take their icons, name and colors from the manifest.
Google search
5 passed · 1 warning- Supported file formatICO · favicon.ico
- Square, at least 8×8 px32×32
- Larger than 48×48 pxGoogle recommends more than 48×48 so the icon looks sharp. A declared 96×96 PNG or the 180 px Apple touch icon works.32 px
- Declared on the homepageyes
- Not blocked by robots.txtallowed
- Stable URLno redirects
Meta & legacy
4 optional- theme-colorColors the browser UI on mobile.not set
- 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
7 passed- HTTPS for every icon2 of 2
- No mixed content0 http:// links
- No broken links0 errors
- Cache headers2 of 2 · ≥ 1 day
- Total icon weight4.9 KB
- Redirects0
- Duplicate tagsnone
Icon tags found in <head>
<link rel="icon" type="image/svg+xml" href="https://www.metacritic.com/a/img/favicon.svg">
Questions about the metacritic.com favicon
Where is the metacritic.com favicon?
The main one is at https://www.metacritic.com/a/img/favicon.svg. The default path, https://www.metacritic.com/favicon.ico, also returns an icon.
What size is the metacritic.com favicon?
favicon.svg is a vector file, so it scales to any size. The largest raster icon on the site is favicon.ico at 32×32 px.
Can Google Search show the metacritic.com favicon?
The site meets Google's rules: favicon.ico is an ICO file with 16 and 32 px images (3.6 KB) and robots.txt allows it. Google recommends more than 48×48 px, so a larger icon would look sharper. Google still decides what it shows.
Does metacritic.com have an Apple touch icon and a maskable icon?
There is no Apple touch icon, so iOS falls back to a page screenshot or a letter. There is no readable web app manifest, so there is no maskable icon either.