favicon-checker.com

heroku.com favicon

https://www.heroku.com/ · 1 redirect · checked

  • 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.

Heroku | The Cloud Application Platform For Developers
Browser tab · lightPassed
Heroku | The Cloud Application Platform For Developers
Browser tab · darkOptional

Check that the icon stays visible on a dark tab.

Herokuhttps://www.heroku.com
Heroku | The Cloud Application Platform For Developers Experience fully managed app hosting that just works. Build, deploy, and scale on the battle-tested platform that defines the industry.
Google searchWarning
Heroku
iOS home screenWarning

iOS needs a PNG; this is WebP.

512
Android · maskableMissing

There are no manifest icons, so Android falls back to a screenshot or a letter.

splash
PWA install & splashMissing

No 512 px icon in the manifest, so there is no install prompt or splash screen.

All favicon files of heroku.com

3 found
FileFound throughFormatSizeWeight
favicon.icodefault pathICO16 px198 B
apple-touch-icon-180x180-1.pngrel="icon"WebP32×32616 B
apple-touch-icon-180x180-1.pngrel="icon" · rel="apple-touch-icon"WebP180×1807.9 KB

Classic favicon

2 passed · 1 warning

favicon.ico

Passed
GET /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 missing
svg

SVG 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 optional

Apple 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.

mask

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 missing
json

Web 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 format
    ICO · favicon.ico
  • Square, at least 8×8 px
    16×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 homepage
    yes
  • Not blocked by robots.txt
    allowed
  • Stable URL
    no 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 icon
    3 of 3
  • No mixed content
    0 http:// links
  • No broken links
    0 errors
  • Cache headersIcons rarely change; cache them for at least a day.
    2 of 3 · ≥ 1 day
  • Total icon weight
    8.7 KB
  • Redirects
    0
  • Duplicate tags
    none

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.

More favicon reports

All checked sites