Favicon 生成器

从文字或 Emoji 创建自定义颜色和尺寸的 Favicon，下载 PNG 格式。免费使用，无需注册。

Text / Emoji1/2

Background Color

Text Color

Font Size56px

Border Radius20%

Preview

HTML Link Tags

<link rel="icon" type="image/png" sizes="16x16" href="/favicon-16x16.png">
<link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png">
<link rel="icon" type="image/png" sizes="48x48" href="/favicon-48x48.png">
<link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png">

What is Favicon Generator?

A favicon is the small icon displayed in browser tabs, bookmarks, and history. This favicon generator creates ICO and PNG favicons from text or emoji with customizable colors, sizes, and border radius. Generate minimal valid ICO files in standard sizes: 16x16 for browser tabs, 32x32 for taskbar icons, and 48x48 for Windows shortcuts. You can also create 180x180 Apple Touch icons for iOS. Download as ICO, PNG, or copy as a Base64 data URI for inline HTML embedding. Supports custom background colors, font sizes, and rounded corners for modern favicon designs.

𝕏 Twitter in LinkedIn

💬 User Feedback

评价此工具

4.4 / 5 · 247 人评价

保持更新

获取每周开发技巧和新工具通知。

无垃圾邮件，随时退订。

Enjoy these free tools?

☕Buy Me a Coffee

How to Use

Enter text or emoji
Choose colors
Adjust size and radius
Preview in real-time
Download desired size

Use Cases

Quick website favicons
Brand icons
App icons
Development placeholders

FAQ

What favicon sizes do I need?

Common: 16x16 (tab), 32x32 (taskbar), 48x48 (Windows), 180x180 (Apple Touch).

What format for favicons?

PNG is widely supported. ICO can contain multiple sizes.

Can I use emoji?

Yes! Modern browsers support emoji favicons with custom backgrounds.

What is the minimal valid ICO file format?

A minimal valid ICO file contains a 6-byte header (magic bytes, type, image count), a 16-byte directory entry (size, color info, data offset), and the image data. The smallest practical favicon is a 16x16 pixel ICO file, typically a few hundred bytes.

Should I use ICO, PNG, or SVG for my favicon?

ICO is the traditional format that supports multiple sizes in one file. PNG is widely supported and simpler. SVG favicons are the newest option, supported in modern browsers, and scale perfectly to any size. Use ICO for maximum compatibility.

How do I add a favicon to my website using Base64?

Add this to your HTML <head>: <link rel="icon" href="data:image/png;base64,...">. This embeds the favicon directly in your HTML without needing a separate file. This tool generates the Base64 data URI ready to use.

What favicon sizes should I include for PWA manifest?

For Progressive Web Apps, include 192x192 and 512x512 PNG icons in your manifest.json. Also include 16x16, 32x32, and 180x180 (Apple Touch) for complete browser and device coverage.

Why isn't my favicon showing up?

Common issues: browser cache (try hard refresh with Ctrl+Shift+R), wrong file path in the <link> tag, incorrect MIME type, or the ICO file is malformed. Place favicon.ico in your site root as a fallback, since browsers check there by default.