SVG Favicon Generator
Use emojis, unicode symbols, or text to create favicons.
Content 👉
Font Size
X
Y
Font Family
sans-serif
serif
monospace
Fill
Bold
Use Background
Background Shape
Rect
Circle
Background Color
PWA
😊
Copy SVG Source
Download SVG
Copy as Inline SVG Favicon
Download ICO and PNGs
favicon.ico
apple-touch-icon.png
icon.svg
icon-192.png
icon-512.png
icon-mask.png
Head Snippets
<link rel="icon" type="image/x-icon" href="/favicon.ico" sizes="64x64"> <link rel="icon" type="image/svg+xml" href="/icon.svg" > <link rel="apple-touch-icon" href="/apple-touch-icon.png"> <link rel="manifest" href="/site.webmanifest">
Copy Head Snippets
Web Manifest
{ "icons": [ { "src": "/icon-192.png", "type": "image/png", "sizes": "192x192" }, { "src": "/icon-mask.png", "type": "image/png", "sizes": "512x512", "purpose": "maskable" }, { "src": "/icon-512.png", "type": "image/png", "sizes": "512x512" } ] }
Copy Manifest JSON
Download site.webmanifest