Favicon Generator

Design an instant SVG favicon from text or emoji, tune shape and colors, and export as SVG or PNG.

Favicon Text

Add to your HTML

<link rel="icon" type="image/svg+xml" href="data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2064%2064%22%20width%3D%2264%22%20height%3D%2264%22%3E%3Crect%20x%3D%226%22%20y%3D%226%22%20width%3D%2252%22%20height%3D%2252%22%20rx%3D%2211%22%20fill%3D%22%2322d3ee%22%2F%3E%3Ctext%20x%3D%2232%22%20y%3D%2232%22%20fill%3D%22%23ffffff%22%20font-size%3D%2230%22%20text-anchor%3D%22middle%22%20dominant-baseline%3D%22central%22%20font-family%3D%22'Segoe%20UI'%2C%20Roboto%2C%20'Helvetica%20Neue'%2C%20Arial%2C%20sans-serif%22%3ED%3C%2Ftext%3E%3C%2Fsvg%3E" />

Live Preview

Favicon previewFavicon preview large

16×16

Favicon

32×32

Tab icon

180×180

Apple touch

SVG Source

<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64" width="64" height="64"><rect x="6" y="6" width="52" height="52" rx="11" fill="#22d3ee"/><text x="32" y="32" fill="#ffffff" font-size="30" text-anchor="middle" dominant-baseline="central" font-family="'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif">D</text></svg>
View all