favicon-checker.com

europa.eu favicon

https://european-union.europa.eu/select-language?destination=/node/1 · 1 redirect · checked

  • 14passed
  • 2warnings
  • 2missing
  • 5optional

The main favicon of europa.eu is favicon.svg, an SVG file of 1.7 KB. We found 3 icon files, 8.3 KB in total. Google Search can use favicon.png, a 180×180 PNG file (2.3 KB). The site scores 75 out of 100: 14 passed, 2 warnings, 2 missing. Missing: favicon.ico, Web app manifest.

How it looks

Rendered from the files we found.

Language selection | European Union
Browser tab · lightPassed
Language selection | European Union
Browser tab · darkOptional

Check that the icon stays visible on a dark tab.

European Unionhttps://european-union.europa.eu
Language selection | European Union Discover how the EU functions, its principles, priorities; find out about its history and member states; learn about its legal basis and your EU rights.
Google searchPassed
European Union
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 europa.eu

3 found
FileFound throughFormatSizeWeight
favicon.icorel="icon"ICO32 px4.2 KB
favicon.svgrel="icon"SVGvector1.7 KB
favicon.pngrel="apple-touch-icon"PNG180×1802.3 KB

Classic favicon

1 passed · 1 missing
ico

favicon.ico

Missing
GET /favicon.ico – not found
HTTP
404

Browsers, RSS readers and many crawlers request /favicon.ico even when the HTML declares other icons. The file returns HTTP 404.

ICO

Passed
<link rel="icon" href="/themes/contrib/oe_theme/images/favicons/eu/favicon.ico" type="image/vnd.microsoft.icon">
Declared
no sizes
Actual
32
Format
ICO
File size
4.2 KB
HTTP
200
Content-Type
image/vnd.microsoft.icon

SVG icon

1 passed

SVG favicon

Passed
<link rel="icon" href="/themes/contrib/oe_theme/images/favicons/eu/favicon.svg" type="image/svg+xml">
Square viewBox
yes
Dark mode
no
Scripts
none
File size
1.7 KB
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 optional

Apple touch icon

Warning
<link rel="apple-touch-icon" href="/themes/contrib/oe_theme/images/favicons/eu/favicon.png">
Declared
no sizes
Actual
180×180
Recommended
180×180
Background
transparent
File size
2.3 KB
HTTP
200

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

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

6 passed
  • Supported file format
    PNG · favicon.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

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 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.
    0 of 3 · ≥ 1 day
  • Total icon weight
    8.3 KB
  • Redirects
    0
  • Duplicate tags
    none

Icon tags found in <head>

<link rel="icon" href="/themes/contrib/oe_theme/images/favicons/eu/favicon.ico" type="image/vnd.microsoft.icon">
<link rel="icon" href="/themes/contrib/oe_theme/images/favicons/eu/favicon.svg" type="image/svg+xml">
<link rel="apple-touch-icon" href="/themes/contrib/oe_theme/images/favicons/eu/favicon.png">

Questions about the europa.eu favicon

Where is the europa.eu favicon?

The main one is at https://european-union.europa.eu/themes/contrib/oe_theme/images/favicons/eu/favicon.svg.

What size is the europa.eu favicon?

favicon.svg is a vector file, so it scales to any size. The largest raster icon on the site is favicon.png at 180×180 px.

Can Google Search show the europa.eu favicon?

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

Does europa.eu 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