Image Tools
Favicon Generator
Create ICO and PNG favicons from text, emoji, or a local image. Preview browser-tab sizes, download the common icon set, and copy install tags without uploading files.
Local privacy: every preview is generated in your browser.
Source
Generate favicon files from text, emoji, or a local image.
Sample presets
Local privacy: files and generated icons stay in your browser and are not uploaded.
Preview
Check small browser sizes before downloading.
Waiting for a valid source
Fix validation errors to generate previews.
16 x 16 browser tab
32 x 32 browser icon
48 x 48 desktop icon
180 x 180 Apple touch
192 x 192 Android
512 x 512 PWA
HTML install tags
Use these tags after placing the downloaded files in your public root.
<!-- Favicon -->
<link rel="icon" type="image/x-icon" href="/favicon.ico">
<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">
<link rel="icon" type="image/png" sizes="192x192" href="/android-chrome-192x192.png">
<link rel="icon" type="image/png" sizes="512x512" href="/android-chrome-512x512.png">Small-size preview
Check 16x16 and 32x32 output before you ship a mark that becomes unreadable in browser tabs.
ICO + PNG outputs
Download favicon.ico for broad compatibility and PNG files for Apple touch icons, Android icons, and PWA assets.
No upload step
The image file is decoded by your browser. cc-tools does not receive or store the source image.
Favicon files this tool creates
Browser and desktop icons
The generated favicon.ico includes 16x16, 32x32, and 48x48 images. Those sizes cover classic browser tabs, bookmarks, and desktop shortcuts.
Mobile and PWA icons
The 180x180, 192x192, and 512x512 PNG files are useful for Apple touch icons, Android home-screen icons, and progressive web app assets.
Design validation
A favicon should remain recognizable at 16x16. Use simple shapes, high contrast, and one or two characters at most.
Install tags
After downloading files, copy the generated HTML link tags into your document head and place files in the public root or matching static path.
よくある質問
Does this favicon generator upload my image?
No. Text, emoji, uploaded images, previews, ICO files, and PNG downloads are generated locally in your browser.
Which favicon sizes does this tool generate?
It generates 16x16, 32x32, 48x48, 180x180, 192x192, and 512x512 PNG files, plus a favicon.ico containing 16, 32, and 48 pixel images.
Should I use text, emoji, or an uploaded image?
Use text for simple initials, emoji for quick prototypes, and an uploaded image for a real brand mark. Always check the 16x16 preview before shipping.
Where should I place the downloaded files?
Put the files in your site's public root or static assets directory, then copy the generated link tags into the document head.