Favicon Generator

絵文字・文字からSVG Favicon生成

Emoji or Character

Background Color

Text Color

Preview:

SVG Code

<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 48 48" width="48" height="48">
  <rect width="48" height="48" rx="8" fill="#3b82f6" />
  <text x="24" y="24" font-size="32" text-anchor="middle" dominant-baseline="central" fill="#ffffff" font-family="Arial, sans-serif">F</text>
</svg>

HTML Link Tags

<link rel="icon" type="image/svg+xml" href="favicon.svg" />
<link rel="alternate icon" href="favicon.ico" />