favicon-checker.com

blogger.com favicon

https://www.blogger.com/about/?bpli=1 · 5 redirects · checked

  • 20passed
  • 6warnings
  • 7missing
  • 9optional

The main favicon of blogger.com is favicon-32x32.png, a 32×32 PNG file (448 B). We found 13 icon files, 17.5 KB in total. Google Search can use android-chrome-192x192.png, a 192×192 PNG file (1.9 KB). The site scores 71 out of 100: 20 passed, 6 warnings, 7 missing. Missing: PNG 16×16, Icon, SVG favicon and 4 more.

How it looks

Rendered from the files we found.

Blogger.com - Create a unique and beautiful blog easily.
Browser tab · lightPassed
Blogger.com - Create a unique and beautiful blog easily.
Browser tab · darkPassed
Bloggerhttps://www.blogger.com
Blogger.com - Create a unique and beautiful blog easily. Publish your passions your way. Whether you’d like to share your knowledge, experiences or the latest news, create a unique and beautiful blog.
Google searchPassed
Blogger
iOS home screenOptional

Legacy size. Current iOS uses the 180 px icon.

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 blogger.com

13 found
FileFound throughFormatSizeWeight
favicon.icodefault pathICO16, 32 px3.6 KB
apple-touch-icon-57x57.pngrel="apple-touch-icon"PNG57×57730 B
apple-touch-icon-60x60.pngrel="apple-touch-icon"PNG60×60708 B
apple-touch-icon-72x72.pngrel="apple-touch-icon"PNG72×72907 B
apple-touch-icon-76x76.pngrel="apple-touch-icon"PNG76×76907 B
apple-touch-icon-114x114.pngrel="apple-touch-icon"PNG114×1141.2 KB
apple-touch-icon-120x120.pngrel="apple-touch-icon"PNG120×1201.3 KB
apple-touch-icon-144x144.pngrel="apple-touch-icon"PNG144×1441.4 KB
apple-touch-icon-152x152.pngrel="apple-touch-icon"PNG152×1521.6 KB
apple-touch-icon-180x180.pngrel="apple-touch-icon"PNG180×1801.8 KB
favicon-32x32.pngrel="icon"PNG32×32448 B
android-chrome-192x192.pngrel="icon"PNG192×1921.9 KB
favicon-96x96.pngrel="icon"PNG96×961.1 KB

Classic favicon

4 passed · 2 missing

favicon.ico

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

PNG 32×32

Passed
<link rel="icon" type="image/png" href="favicon/favicon-32x32.png" sizes="32x32">
Declared
32×32
Actual
32×32
Format
PNG
File size
448 B
HTTP
200
Content-Type
image/png

PNG 192×192

Passed
<link rel="icon" type="image/png" href="favicon/android-chrome-192x192.png" sizes="192x192">
Declared
192×192
Actual
192×192
Format
PNG
File size
1.9 KB
HTTP
200
Content-Type
image/png

PNG 96×96

Passed
<link rel="icon" type="image/png" href="favicon/favicon-96x96.png" sizes="96x96">
Declared
96×96
Actual
96×96
Format
PNG
File size
1.1 KB
HTTP
200
Content-Type
image/png
404

PNG 16×16

Missing
<link rel="icon" type="image/png" href="favicon/favicon-16x16.png" sizes="16x16">

The file could not be fetched (connection failed).

404

Icon

Missing
<link rel="shortcut icon" href="favicon/favicon.ico">

The file could not be fetched (connection failed).

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 · 6 optional

Apple touch icon 57×57

Optional
<link rel="apple-touch-icon" sizes="57x57" href="favicon/apple-touch-icon-57x57.png">
Declared
57×57
Actual
57×57
Recommended
180×180
Background
not measured
File size
730 B
HTTP
200

Legacy size. Current iOS uses the 180 px icon.

Apple touch icon 60×60

Optional
<link rel="apple-touch-icon" sizes="60x60" href="favicon/apple-touch-icon-60x60.png">
Declared
60×60
Actual
60×60
Recommended
180×180
Background
not measured
File size
708 B
HTTP
200

Legacy size. Current iOS uses the 180 px icon.

Apple touch icon 72×72

Optional
<link rel="apple-touch-icon" sizes="72x72" href="favicon/apple-touch-icon-72x72.png">
Declared
72×72
Actual
72×72
Recommended
180×180
Background
not measured
File size
907 B
HTTP
200

Legacy size. Current iOS uses the 180 px icon.

Apple touch icon 76×76

Optional
<link rel="apple-touch-icon" sizes="76x76" href="favicon/apple-touch-icon-76x76.png">
Declared
76×76
Actual
76×76
Recommended
180×180
Background
not measured
File size
907 B
HTTP
200

Legacy size. Current iOS uses the 180 px icon.

Apple touch icon 114×114

Optional
<link rel="apple-touch-icon" sizes="114x114" href="favicon/apple-touch-icon-114x114.png">
Declared
114×114
Actual
114×114
Recommended
180×180
Background
not measured
File size
1.2 KB
HTTP
200

Legacy size. Current iOS uses the 180 px icon.

Apple touch icon 120×120

Optional
<link rel="apple-touch-icon" sizes="120x120" href="favicon/apple-touch-icon-120x120.png">
Declared
120×120
Actual
120×120
Recommended
180×180
Background
not measured
File size
1.3 KB
HTTP
200

Legacy size. Current iOS uses the 180 px icon.

mask

Safari pinned tab (mask-icon)

Warning
<link rel="mask-icon" href="favicon/safari-pinned-tab.svg" color="#5bbad5">
Color
#5bbad5

The file could not be fetched (connection failed).

Web app manifest file

1 passed
json

manifest.json

Passed
<link rel="manifest" href="favicon/manifest.json">
HTTP
200
Content-Type
application/json
JSON
valid
File size
878 B
Same origin
yes
Cache
0 s

Manifest fields

1 passed · 4 warnings · 3 missing · 2 optional
  • name
    Blogger
  • 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×192The file returns HTTP 404.
    broken
  • icons · 512×512Needed for the install prompt and the splash screen.
    not found
  • icons · purpose: maskableWithout it Android shrinks your icon onto a white circle.
    not found
  • id
    not set

Google search

6 passed
  • Supported file format
    PNG · android-chrome-192x192.png
  • Square, at least 8×8 px
    192×192
  • Larger than 48×48 px
    192 px
  • Declared on the homepage
    yes
  • Not blocked by robots.txt
    allowed
  • Stable URL
    no redirects

Meta & legacy

3 passed · 1 optional
  • theme-color
    #ffffff
  • theme-color for dark modemedia="(prefers-color-scheme: dark)"
    not set
  • msapplication-TileColor
    #da532c
  • browserconfig.xml
    found

Delivery & performance

5 passed · 1 warning · 1 missing
  • HTTPS for every icon
    13 of 13
  • No mixed content
    0 http:// links
  • No broken links/blogger/landing/favicon/android-chrome-36x36.png, /blogger/landing/favicon/android-chrome-48x48.png, /blogger/landing/favicon/android-chrome-72x72.png
    6 errors
  • Cache headersIcons rarely change; cache them for at least a day.
    1 of 13 · ≥ 1 day
  • Total icon weight
    17.5 KB
  • Redirects
    0
  • Duplicate tags
    none

Icon tags found in <head>

<link rel="apple-touch-icon" sizes="57x57" href="favicon/apple-touch-icon-57x57.png">
<link rel="apple-touch-icon" sizes="60x60" href="favicon/apple-touch-icon-60x60.png">
<link rel="apple-touch-icon" sizes="72x72" href="favicon/apple-touch-icon-72x72.png">
<link rel="apple-touch-icon" sizes="76x76" href="favicon/apple-touch-icon-76x76.png">
<link rel="apple-touch-icon" sizes="114x114" href="favicon/apple-touch-icon-114x114.png">
<link rel="apple-touch-icon" sizes="120x120" href="favicon/apple-touch-icon-120x120.png">
<link rel="apple-touch-icon" sizes="144x144" href="favicon/apple-touch-icon-144x144.png">
<link rel="apple-touch-icon" sizes="152x152" href="favicon/apple-touch-icon-152x152.png">
<link rel="apple-touch-icon" sizes="180x180" href="favicon/apple-touch-icon-180x180.png">
<link rel="icon" type="image/png" href="favicon/favicon-32x32.png" sizes="32x32">
<link rel="icon" type="image/png" href="favicon/android-chrome-192x192.png" sizes="192x192">
<link rel="icon" type="image/png" href="favicon/favicon-96x96.png" sizes="96x96">
<link rel="icon" type="image/png" href="favicon/favicon-16x16.png" sizes="16x16">
<link rel="manifest" href="favicon/manifest.json">
<link rel="mask-icon" href="favicon/safari-pinned-tab.svg" color="#5bbad5">
<link rel="shortcut icon" href="favicon/favicon.ico">
<meta name="theme-color" content="#ffffff">
<meta name="msapplication-TileColor" content="#da532c">
<meta name="msapplication-TileImage" content="favicon/mstile-144x144.png">
<meta name="msapplication-config" content="favicon/browserconfig.xml">
<meta name="theme-color" content="#da532c">

Questions about the blogger.com favicon

Where is the blogger.com favicon?

The main one is at https://www.blogger.com/about/favicon/favicon-32x32.png. The default path, https://www.blogger.com/favicon.ico, also returns an icon.

What size is the blogger.com favicon?

favicon-32x32.png is 32×32. The largest raster icon on the site is android-chrome-192x192.png at 192×192 px.

Can Google Search show the blogger.com favicon?

The site meets Google's rules: android-chrome-192x192.png is a 192×192 PNG file (1.9 KB) and robots.txt allows it. Google still decides what it shows.

Does blogger.com 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.

More favicon reports

All checked sites