europa.eu favicon
- 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.
Check that the icon stays visible on a dark tab.
iOS fills transparent areas with black. Give the icon a solid background.
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 europa.eu
3 found| File | Found through | Format | Size | Weight |
|---|---|---|---|---|
| favicon.ico | rel="icon" | ICO | 32 px | 4.2 KB |
| favicon.svg | rel="icon" | SVG | vector | 1.7 KB |
| favicon.png | rel="apple-touch-icon" | PNG | 180×180 | 2.3 KB |
Classic favicon
1 passed · 1 missingfavicon.ico
MissingGET /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 passedSVG 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 optionalApple 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.
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
6 passed- Supported file formatPNG · favicon.png
- Square, at least 8×8 px180×180
- Larger than 48×48 px180 px
- Declared on the homepageyes
- Not blocked by robots.txtallowed
- Stable URLno 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 icon3 of 3
- No mixed content0 http:// links
- No broken links0 errors
- Cache headersIcons rarely change; cache them for at least a day.0 of 3 · ≥ 1 day
- Total icon weight8.3 KB
- Redirects0
- Duplicate tagsnone
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.