Free SVG Favicon Generator
Create a favicon from a letter or emoji. Choose colors and shape, then copy the SVG or HTML meta tag. 100% in your browser.
Preview
128px
64px
32px
16px
HTML Link Tag
<link rel="icon" type="image/svg+xml" href="data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2032%2032%22%20width%3D%2232%22%20height%3D%2232%22%3E%3Crect%20width%3D%2232%22%20height%3D%2232%22%20rx%3D%226%22%20fill%3D%22%23D4AF37%22%2F%3E%3Ctext%20x%3D%2216%22%20y%3D%2216%22%20text-anchor%3D%22middle%22%20dominant-baseline%3D%22central%22%20font-size%3D%2218%22%20font-family%3D%22Arial%2Csans-serif%22%20font-weight%3D%22bold%22%20fill%3D%22%23FFFFFF%22%3ES%3C%2Ftext%3E%3C%2Fsvg%3E" />
SVG Code
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32" width="32" height="32"><rect width="32" height="32" rx="6" fill="#D4AF37"/><text x="16" y="16" text-anchor="middle" dominant-baseline="central" font-size="18" font-family="Arial,sans-serif" font-weight="bold" fill="#FFFFFF">S</text></svg>
All calculations happen in your browser. No data is sent to any server.