mit.edu favicon
- 17passed
- 7warnings
- 2missing
- 7optional
The main favicon of mit.edu is favicon.svg, an SVG file of 484 B. We found 6 icon files, 44.6 KB in total. Google Search can use apple-touch-icon.png, a 180×180 PNG file (2.7 KB). The site scores 81 out of 100: 17 passed, 7 warnings, 2 missing. Missing: name, maskable manifest icon.
How it looks
Rendered from the files we found.
Check that the icon stays visible on a dark tab.
iOS fills transparent areas with black. Give the icon a solid background.
There is no maskable icon, so Android shrinks the regular one onto a white circle.
All favicon files of mit.edu
6 found| File | Found through | Format | Size | Weight |
|---|---|---|---|---|
| favicon.ico | default path | ICO | 16, 32, 48 px | 15.0 KB |
| favicon.ico | rel="icon" | ICO | 16, 32, 48 px | 15.0 KB |
| favicon.svg | rel="icon" | SVG | vector | 484 B |
| apple-touch-icon.png | rel="apple-touch-icon" | PNG | 180×180 | 2.7 KB |
| favicon-192x192.png | manifest | PNG | 192×192 | 2.9 KB |
| favicon-512x512.png | manifest | PNG | 512×512 | 8.4 KB |
Classic favicon
2 passedfavicon.ico
PassedGET /favicon.ico · not declared in HTML (found at the root)
- Format
- ICO (real)
- Contains
- 16 · 32 · 48
- File size
- 15.0 KB
- HTTP
- 200
- Content-Type
- image/x-icon
- Cache
- 4 hours
ICO 32×32
Passed<link rel="icon" href="/themes/mit/assets/favicon/favicon.ico" sizes="32x32">
- Declared
- 32×32
- Actual
- 16 · 32 · 48
- Format
- ICO
- File size
- 15.0 KB
- HTTP
- 200
- Content-Type
- image/x-icon
SVG icon
1 passedSVG favicon
Passed<link rel="icon" href="/themes/mit/assets/favicon/favicon.svg" type="image/svg+xml">
- Square viewBox
- yes
- Dark mode
- no
- Scripts
- none
- File size
- 484 B
- 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 warning · 1 optionalApple touch icon
Warning<link rel="apple-touch-icon" href="/themes/mit/assets/favicon/apple-touch-icon.png">
- Declared
- no sizes
- Actual
- 180×180
- Recommended
- 180×180
- Background
- transparent
- File size
- 2.7 KB
- HTTP
- 200
iOS fills transparent areas with black. Give the icon a solid background.
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 warningmanifest.webmanifest
Warning<link rel="manifest" href="/themes/mit/assets/favicon/manifest.webmanifest">
- HTTP
- 200
- Content-Type
- text/plain
- JSON
- valid
- File size
- 231 B
- Same origin
- yes
- Cache
- 14 min
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 · 2.9 KB · 200
- icons · 512×512PNG · 8.4 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
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
6 passed · 1 warning- 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 weight44.6 KB
- Redirects0
- Duplicate tagsnone
Icon tags found in <head>
<link rel="icon" href="/themes/mit/assets/favicon/favicon.ico" sizes="32x32"> <link rel="icon" href="/themes/mit/assets/favicon/favicon.svg" type="image/svg+xml"> <link rel="apple-touch-icon" href="/themes/mit/assets/favicon/apple-touch-icon.png"> <link rel="manifest" href="/themes/mit/assets/favicon/manifest.webmanifest">
Questions about the mit.edu favicon
Where is the mit.edu favicon?
The main one is at https://web.mit.edu/themes/mit/assets/favicon/favicon.svg. The default path, https://web.mit.edu/favicon.ico, also returns an icon.
What size is the mit.edu favicon?
favicon.svg is a vector file, so it scales to any size. The largest raster icon on the site is favicon-512x512.png at 512×512 px.
Can Google Search show the mit.edu favicon?
The site meets Google's rules: apple-touch-icon.png is a 180×180 PNG file (2.7 KB) and robots.txt allows it. Google still decides what it shows.
Does mit.edu have an Apple touch icon and a maskable icon?
The Apple touch icon is 180×180, with transparent areas that iOS turns black. The manifest has no maskable icon, so Android shrinks the regular one onto a white circle.