nationalgeographic.com favicon

https://www.nationalgeographic.com/ · 1 redirect · checked November 5, 2026

20passed
2warnings
2missing
5optional

The main favicon of nationalgeographic.com is favicon-32x32.png, a 32×32 PNG file (189 B). We found 8 icon files, 4.1 KB in total. Google Search can use favicon-180x180.png, a 180×180 PNG file (505 B). The site scores 85 out of 100: 20 passed, 2 warnings, 2 missing. Missing: SVG favicon, Web app manifest.

How it looks

Rendered from the files we found.

National Geographic

Browser tab · lightPassed

National Geographic

Browser tab · darkPassed

National Geographichttps://www.nationalgeographic.com

National Geographic Explore National Geographic. A world leader in geography, cartography and exploration.

Google searchPassed

National Geographic

iOS home screenWarning

iOS fills transparent areas with black. Give the icon a solid background.

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

8 found

File	Found through	Format	Size	Weight
favicon.ico	default path	ICO	16 px	894 B
mask-icon.svg	rel="mask-icon"	SVG	vector	638 B
favicon.ico	rel="icon"	ICO	16 px	894 B
favicon-32x32.png	rel="apple-touch-icon" · rel="icon"	PNG	32×32	189 B
favicon-180x180.png	rel="apple-touch-icon"	PNG	180×180	505 B
favicon-16x16.png	rel="icon"	PNG	16×16	326 B
favicon-48x48.png	rel="icon"	PNG	48×48	305 B
favicon-96x96.png	rel="icon"	PNG	96×96	434 B

Classic favicon

6 passed

favicon.ico

Passed

GET /favicon.ico · not declared in HTML (found at the root)

Format: ICO (real)
Contains: 16
File size: 894 B
HTTP: 200
Content-Type: image/vnd.microsoft.icon
Cache: 5 min

ICO

Passed

<link data-rh="true" rel="shortcut icon" href="https://assets-cdn.nationalgeographic.com/natgeo/static/icons/favicon.ico">

Declared: no sizes
Actual: 16
Format: ICO
File size: 894 B
HTTP: 200
Content-Type: image/vnd.microsoft.icon

PNG 16×16

Passed

<link data-rh="true" rel="icon" type="image/png" sizes="16x16" href="https://assets-cdn.nationalgeographic.com/natgeo/static/icons/favicon-16x16.png">

Declared: 16×16
Actual: 16×16
Format: PNG
File size: 326 B
HTTP: 200
Content-Type: image/png

PNG 32×32

Passed

<link data-rh="true" rel="icon" type="image/png" sizes="32x32" href="https://assets-cdn.nationalgeographic.com/natgeo/static/icons/favicon-32x32.png">

Declared: 32×32
Actual: 32×32
Format: PNG
File size: 189 B
HTTP: 200
Content-Type: image/png

PNG 48×48

Passed

<link data-rh="true" rel="icon" type="image/png" sizes="48x48" href="https://assets-cdn.nationalgeographic.com/natgeo/static/icons/favicon-48x48.png">

Declared: 48×48
Actual: 48×48
Format: PNG
File size: 305 B
HTTP: 200
Content-Type: image/png

PNG 96×96

Passed

<link data-rh="true" rel="icon" type="image/png" sizes="96x96" href="https://assets-cdn.nationalgeographic.com/natgeo/static/icons/favicon-96x96.png">

Declared: 96×96
Actual: 96×96
Format: PNG
File size: 434 B
HTTP: 200
Content-Type: image/png

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 passed · 1 warning · 2 optional

Apple touch icon 32×32

Optional

<link data-rh="true" rel="apple-touch-icon" href="https://assets-cdn.nationalgeographic.com/natgeo/static/icons/favicon-32x32.png">

Declared: no sizes
Actual: 32×32
Recommended: 180×180
Background: transparent
File size: 189 B
HTTP: 200

Legacy size. Current iOS uses the 180 px icon.

Apple touch icon 32×32

Optional

<link data-rh="true" rel="apple-touch-icon-precomposed" sizes="32x32" href="https://assets-cdn.nationalgeographic.com/natgeo/static/icons/favicon-32x32.png">

Declared: 32×32
Actual: 32×32
Recommended: 180×180
Background: transparent
File size: 189 B
HTTP: 200

Legacy size. Current iOS uses the 180 px icon.

Apple touch icon

Warning

<link data-rh="true" rel="apple-touch-icon-precomposed" sizes="180x180" href="https://assets-cdn.nationalgeographic.com/natgeo/static/icons/favicon-180x180.png">

Declared: 180×180
Actual: 180×180
Recommended: 180×180
Background: transparent
File size: 505 B
HTTP: 200

iOS fills transparent areas with black. Give the icon a solid background.

Safari pinned tab (mask-icon)

Passed

<link data-rh="true" rel="mask-icon" href="https://assets-cdn.nationalgeographic.com/natgeo/static/icons/mask-icon.svg" color="#FFCC00">

Color: #FFCC00
File size: 638 B

Legacy. Safari 12+ uses the regular favicon.

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

6 passed

Supported file format
PNG · favicon-180x180.png
Square, at least 8×8 px
180×180
Larger than 48×48 px
180 px
Declared on the homepage
yes
Not blocked by robots.txt
allowed
Stable URL
no redirects

Meta & legacy

1 passed · 3 optional

theme-color
#ffffff
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
8 of 8
No mixed content
0 http:// links
No broken links
0 errors
Cache headersIcons rarely change; cache them for at least a day.
7 of 8 · ≥ 1 day
Total icon weight
4.1 KB
Redirects
0
Duplicate tags
none

Icon tags found in <head>

<link data-rh="true" rel="mask-icon" href="https://assets-cdn.nationalgeographic.com/natgeo/static/icons/mask-icon.svg" color="#FFCC00">
<link data-rh="true" rel="shortcut icon" href="https://assets-cdn.nationalgeographic.com/natgeo/static/icons/favicon.ico">
<link data-rh="true" rel="apple-touch-icon" href="https://assets-cdn.nationalgeographic.com/natgeo/static/icons/favicon-32x32.png">
<link data-rh="true" rel="apple-touch-icon-precomposed" sizes="32x32" href="https://assets-cdn.nationalgeographic.com/natgeo/static/icons/favicon-32x32.png">
<link data-rh="true" rel="apple-touch-icon-precomposed" sizes="180x180" href="https://assets-cdn.nationalgeographic.com/natgeo/static/icons/favicon-180x180.png">
<link data-rh="true" rel="icon" type="image/png" sizes="16x16" href="https://assets-cdn.nationalgeographic.com/natgeo/static/icons/favicon-16x16.png">
<link data-rh="true" rel="icon" type="image/png" sizes="32x32" href="https://assets-cdn.nationalgeographic.com/natgeo/static/icons/favicon-32x32.png">
<link data-rh="true" rel="icon" type="image/png" sizes="48x48" href="https://assets-cdn.nationalgeographic.com/natgeo/static/icons/favicon-48x48.png">
<link data-rh="true" rel="icon" type="image/png" sizes="96x96" href="https://assets-cdn.nationalgeographic.com/natgeo/static/icons/favicon-96x96.png">
<meta data-rh="true" name="theme-color" content="#ffffff">

Questions about the nationalgeographic.com favicon

Where is the nationalgeographic.com favicon?

The main one is at https://assets-cdn.nationalgeographic.com/natgeo/static/icons/favicon-32x32.png. The default path, https://www.nationalgeographic.com/favicon.ico, also returns an icon.

What size is the nationalgeographic.com favicon?

favicon-32x32.png is 32×32. The largest raster icon on the site is favicon-180x180.png at 180×180 px.

Can Google Search show the nationalgeographic.com favicon?

The site meets Google's rules: favicon-180x180.png is a 180×180 PNG file (505 B) and robots.txt allows it. Google still decides what it shows.

Does nationalgeographic.com have an Apple touch icon and a maskable icon?

The Apple touch icon is 180×180, with transparent areas that iOS turns black. There is no readable web app manifest, so there is no maskable icon either.

More favicon reports

All checked sites