SVG Source Input
983 charsSupported: SVG 1.1 / SVG 2.0 specs
Icon Appearance Options
Inner Padding / Margin0%
Edge-to-edge (0%)Spacious (30%)
Border Radius (Corner Curvature)0%
Square (0%)Circle (50%)
PWA & Web Manifest Settings
Real-World Mockup Previews
My Awesome App
https://myapp.com
Simulating 16×16 & 32×32 desktop browser tab favicon
Exportable Icon Assets
16 × 16PNG
Classic Browser Tab Favicon
Desktop Browser Tabs & URL Bar
32 × 32PNG
Standard Desktop Favicon
High-DPI Retina Tabs & Bookmarks
48 × 48PNG
Windows Site Tile & Desktop
Windows Taskbar & Modern Edge
180 × 180PNG
Apple Touch Icon
iPhone & iPad Home Screen Web Clips
192 × 192PNG
Android Chrome & PWA Icon
Android Home Screen & Web App Manifest
512 × 512PNG
PWA Splash & App Store
PWA Installation, Splash Screen & App Stores
Integration Code Snippets
public/index.html
<!-- Modern Scalable SVG Icon -->
<link rel="icon" type="image/svg+xml" href="/favicon.svg" />
<!-- Standard Browser Favicons -->
<link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png" />
<link rel="icon" type="image/png" sizes="16x16" href="/favicon-16x16.png" />
<link rel="shortcut icon" href="/favicon.ico" />
<!-- Apple Touch Icon (iOS Home Screen) -->
<link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png" />
<!-- Web App Manifest (Android Chrome & PWA) -->
<link rel="manifest" href="/site.webmanifest" />
<meta name="theme-color" content="#09090b" />