DevToolBox무료
블로그

Favicon 생성기

텍스트나 이모지로 커스텀 Favicon을 생성하세요. 무료, 가입 불필요.

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.

𝕏 Twitterin LinkedIn

💬 User Feedback

Have suggestions or found a bug? Leave a message and we'll get back to you.
0/2000

이 도구 평가

4.4 / 5 · 247 개 평가

더 많은 도구

🖼️플레이스홀더 이미지 생성기▣QR 코드 생성🎨색상 변환🏷️메타 태그 생성기

Recommended

DigitalOceanCloud hosting from $4/mo

최신 소식 받기

주간 개발 팁과 새 도구 알림을 받으세요.

스팸 없음. 언제든 구독 해지 가능.

Enjoy these free tools?

☕Buy Me a Coffee

How to Use

  1. Enter text or emoji
  2. Choose colors
  3. Adjust size and radius
  4. Preview in real-time
  5. 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.