Web Icons & Favicons

Modern favicon implementation • Optimized for 2025 web standards

Favicon SVG
favicon.svg
Scalable vector favicon
Modern browsers (97%+ support)
Recommended primary favicon
Download SVG
Favicon 32x32
favicon.ico
Multi-resolution ICO file
Contains 16×16, 32×32, 48×48
Legacy browser support
Download ICO
Favicon 16x16
favicon-16x16
16×16 pixels
Standard favicon size
PNG WebP
Favicon 32x32
favicon-32x32
32×32 pixels
Retina favicon size
PNG WebP
Apple Touch Icon
apple-touch-icon
180×180 pixels
iOS home screen icon
Safari bookmarks
PNG WebP
Android Chrome Icon
android-chrome-512x512
512×512 pixels
PWA app icon
Android Chrome
PNG WebP

HTML Implementation

Favicon HTML
<!-- Favicon (Modern + Legacy) --> <link rel="icon" type="image/svg+xml" href="/favicon.svg"> <link rel="icon" type="image/x-icon" href="/favicon.ico"> <!-- Apple Touch Icon --> <link rel="apple-touch-icon" href="/apple-touch-icon.png"> <!-- PWA Manifest --> <link rel="manifest" href="/site.webmanifest">

PWA Manifest (site.webmanifest)

site.webmanifest
{ "name": "TelemetryOS", "short_name": "TelemetryOS", "icons": [ { "src": "/android-chrome-512x512.png", "sizes": "512x512", "type": "image/png" } ], "theme_color": "#F8B334", "background_color": "#2C3B4D", "display": "standalone" }