heroku.com favicon
- 14passed
- 4warnings
- 2missing
- 4optional
The main favicon of heroku.com is apple-touch-icon-180x180-1.png, a 32×32 WebP file (616 B). We found 3 icon files, 8.7 KB in total. Google Search can use favicon.ico, an ICO file with 16 px images (198 B). The site scores 80 out of 100: 14 passed, 4 warnings, 2 missing. Missing: SVG favicon, Web app manifest.
How it looks
Rendered from the files we found.
Check that the icon stays visible on a dark tab.
iOS needs a PNG; this is WebP.
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 heroku.com
3 found| File | Found through | Format | Size | Weight |
|---|---|---|---|---|
| favicon.ico | default path | ICO | 16 px | 198 B |
| apple-touch-icon-180x180-1.png | rel="icon" | WebP | 32×32 | 616 B |
| apple-touch-icon-180x180-1.png | rel="icon" · rel="apple-touch-icon" | WebP | 180×180 | 7.9 KB |
Classic favicon
2 passed · 1 warningfavicon.ico
PassedGET /favicon.ico · not declared in HTML (found at the root)
- Format
- ICO (real)
- Contains
- 16
- File size
- 198 B
- HTTP
- 200
- Content-Type
- image/x-icon
- Cache
- 4 hours
WebP 32×32
Passed<link rel="icon" href="https://www.heroku.com/wp-content/uploads/2025/01/apple-touch-icon-180x180-1.png?w=32" sizes="32x32">
- Declared
- 32×32
- Actual
- 32×32
- Format
- WebP
- File size
- 616 B
- HTTP
- 200
- Content-Type
- image/webp
WebP 192×192
Warning<link rel="icon" href="https://www.heroku.com/wp-content/uploads/2025/01/apple-touch-icon-180x180-1.png?w=180" sizes="192x192">
- Declared
- 192×192
- Actual
- 180×180
- Format
- WebP
- File size
- 7.9 KB
- HTTP
- 200
- Content-Type
- image/webp
Declared size doesn’t match the file. Browsers may pick the wrong icon for small tabs.
SVG icon
1 missingSVG favicon
Missing<link rel="icon" type="image/svg+xml" href="…"> – not found
An SVG icon stays sharp at any size and can switch colors for dark browser themes.
Apple
1 warning · 1 optionalApple touch icon
Warning<link rel="apple-touch-icon" href="https://www.heroku.com/wp-content/uploads/2025/01/apple-touch-icon-180x180-1.png?w=180">
- Declared
- no sizes
- Actual
- 180×180
- Recommended
- 180×180
- Background
- not measured
- File size
- 7.9 KB
- HTTP
- 200
iOS needs a PNG; this is WebP.
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 px16×16
- 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.16 px
- Declared on the homepageyes
- Not blocked by robots.txtallowed
- Stable URLno redirects
Meta & legacy
1 passed · 3 optional- theme-color#5A1BA9
- 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 icon3 of 3
- No mixed content0 http:// links
- No broken links0 errors
- Cache headersIcons rarely change; cache them for at least a day.2 of 3 · ≥ 1 day
- Total icon weight8.7 KB
- Redirects0
- Duplicate tagsnone
Icon tags found in <head>
<link rel="icon" href="https://www.heroku.com/wp-content/uploads/2025/01/apple-touch-icon-180x180-1.png?w=32" sizes="32x32"> <link rel="icon" href="https://www.heroku.com/wp-content/uploads/2025/01/apple-touch-icon-180x180-1.png?w=180" sizes="192x192"> <link rel="apple-touch-icon" href="https://www.heroku.com/wp-content/uploads/2025/01/apple-touch-icon-180x180-1.png?w=180"> <meta name="theme-color" content="#5A1BA9"> <meta name="msapplication-TileImage" content="https://www.heroku.com/wp-content/uploads/2025/01/apple-touch-icon-180x180-1.png?w=180">
Questions about the heroku.com favicon
Where is the heroku.com favicon?
The main one is at https://www.heroku.com/wp-content/uploads/2025/01/apple-touch-icon-180x180-1.png?w=32. The default path, https://www.heroku.com/favicon.ico, also returns an icon.
What size is the heroku.com favicon?
apple-touch-icon-180x180-1.png is 32×32. The largest raster icon on the site is apple-touch-icon-180x180-1.png at 180×180 px.
Can Google Search show the heroku.com favicon?
The site meets Google's rules: favicon.ico is an ICO file with 16 px images (198 B) 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 heroku.com have an Apple touch icon and a maskable icon?
The Apple touch icon is 180×180. There is no readable web app manifest, so there is no maskable icon either.