Home › Image Tools › Favicon Generator
Favicon Generator
Create a complete favicon set for your website in seconds. Start from a logo, a letter or two, or an emoji, style it, then download favicon.ico, every PNG size, the Apple touch icon, a web manifest and the HTML code to paste into your page.
Site name, theme color & files path
My Website×
Other tab×
My Website×
Other tab×
My Site
Photos
Mail
Maps
Advertisement
Advertisement
How to use the Favicon Generator
- Choose a source: Text for letters or initials, Emoji for an emoji icon, or Image to upload a logo (PNG, JPG, SVG, WebP).
- Style it: pick the text or emoji, font and colors, the background (solid, gradient or transparent), the shape and the padding.
- Check the previews: the browser tab shows how it looks at a tiny 16 px, and the phone preview shows the home-screen icon.
- Fill in your site name and theme color for the web manifest (optional).
- Download the ZIP, unzip it into your site's root folder and paste the HTML code into the <head> of your pages.
Which favicon files do you need?
| File | Size | Used by |
|---|---|---|
| favicon.ico | 16, 32, 48 px in one file | Browsers requesting /favicon.ico directly, Windows shortcuts, older browsers |
| favicon-32x32.png | 32 × 32 | Browser tabs and bookmarks on high-resolution screens |
| favicon-16x16.png | 16 × 16 | Browser tabs on standard screens |
| apple-touch-icon.png | 180 × 180 | iPhone and iPad "Add to Home Screen", Safari bookmarks |
| android-chrome-192x192.png | 192 × 192 | Android home screen shortcut (through the manifest) |
| android-chrome-512x512.png | 512 × 512 | Installable web app splash screen and app stores (through the manifest) |
| site.webmanifest | text (JSON) | Name, icons and theme color for Android and installable web apps |
The other PNG sizes in the ZIP (48, 64, 96, 128 and 256 px) are handy for social profiles, desktop shortcuts and documentation, but you do not have to link them in your HTML.
Tips for a favicon that reads well at 16 pixels
- Simplify. A full logo with a tagline turns into a blur at 16 × 16. Use the symbol only, or one or two letters.
- Use strong contrast. Tabs can be light or dark, so a solid background behind your mark keeps it visible in both. Check the light and dark tab previews.
- Fill the space. Keep padding small (about 5 to 15%). Browsers do not add padding of their own, and a tiny mark in a big empty square is hard to see.
- Prefer bold shapes and fonts. Thin lines and serif details disappear at small sizes; extra-bold sans-serif letters stay crisp.
- Start big. When uploading an image, use a square PNG or SVG of at least 512 × 512 px so the large icons stay sharp.
How the ICO file is built
An ICO file is a small container: a 6-byte header, a 16-byte directory entry per image (width, height, bit depth, byte size and offset), followed by the images. This tool stores the sizes up to 64 px as 32-bit bitmaps with an alpha channel, which every version of Windows and every browser can read, and stores 128 and 256 px as compressed PNG data inside the ICO, as Windows Vista and later expect for large icons.
Frequently asked questions
What sizes does a favicon need?
Modern browsers use a 32 x 32 favicon in tabs (16 x 16 on low-resolution screens), iPhones and iPads use a 180 x 180 apple-touch-icon for home-screen shortcuts, and Android and installable web apps use 192 x 192 and 512 x 512 icons listed in the web manifest. A multi-size favicon.ico with 16, 32 and 48 px covers older browsers and Windows. This tool creates all of them.
Where do I put the favicon files?
Upload them to the root folder of your website, so that favicon.ico is reachable at https://yourdomain.com/favicon.ico, then add the HTML link tags to the head section of every page. If you keep icons in a subfolder, enter that path in the Files path box and the generated code will point there.
Is PNG or ICO better for a favicon?
Use both. All modern browsers accept PNG favicons through a link tag, and they are crisp and small. The favicon.ico file is still useful because some browsers, feed readers and tools request /favicon.ico directly without reading your HTML.
Why does my favicon not show up?
Browsers cache favicons aggressively. After uploading, do a hard refresh (Ctrl+F5 or Cmd+Shift+R), open the icon URL directly, or test in a private window. Also check that the paths in the link tags match where you uploaded the files.
Why does the Apple touch icon have a background?
iOS fills transparent areas of the apple-touch-icon with black, and it adds its own rounded corners. So the 180 x 180 icon is always saved with a solid background: your background color, or white when you chose transparent.
Can I use an emoji as my favicon?
Yes. Choose the Emoji source and pick or paste any emoji. The icon is drawn with your device's emoji font, so it will look like the emoji style of your operating system (Apple, Microsoft or Google).
Are my images uploaded?
No. Your image is read and resized in your browser with the Canvas API, and the ICO and ZIP files are built on your device. Nothing is sent to a server.
Related tools
PNG to ICOCreate multi-size favicon .ico files from PNG.Image ResizerResize images to any size without losing quality.SVG to PNGConvert SVG graphics to PNG or JPEG at any scale.Color PickerPick any color and get HEX, RGB, HSL, HSV and CMYK codes, shades and a screen eyedropper.Background RemoverRemove image backgrounds automatically with AI.Image to Text (OCR)Extract text from images, screenshots and photos with OCR in 25+ languages, right in your browser.Image CompressorShrink images to a target size like 100 KB.Compress Image to 20KBShrink any photo to under 20KB (or any target size).Compress JPEG to 50KBShrink photos to under 50KB for forms, passports and exams.HEIC to JPGConvert iPhone HEIC photos to JPG.WEBP to JPGConvert WEBP images to JPG in bulk.PNG to JPGBatch convert PNG images to JPG with a background color.JPG to PNGBatch convert JPG images to PNG.Image CropperCrop images, including circle crops for profile pictures.Rotate & Flip ImageRotate images by any angle or mirror them, one or many at once.Meme GeneratorMake memes with classic templates and custom text.Collage MakerCombine photos into a grid collage.Add Watermark to PhotoAdd a text or logo watermark to one or many photos at once.Blur Image & Face Pixelate ToolBlur or pixelate faces, plates and backgrounds in a photo.Pixelate Image & Pixel Art ConverterTurn any picture into pixel art with retro palettes and dithering.Logo MakerDesign a text logo with fonts, icons and colors, then save SVG or PNG.Certificate MakerDesign certificates from templates and export one or many as PDF.WEBP to PNGConvert WEBP images to PNG, keeping transparency.GIF MakerTurn videos and images into GIFs, trim and compress.Business Card MakerDesign business cards and download a print-ready PDF.Flyer MakerDesign printable and social media flyers from free templates.Poster MakerDesign posters in A0–A5 and US sizes and download a print-ready PDF.Invitation Card MakerCreate printable birthday, wedding and party invitations for free.Color Palette GeneratorGenerate beautiful color palettes and export them.HEX to RGBConvert HEX colors to RGB and other formats.RGB to HEXConvert RGB to HEX with sliders, live swatch and one-click copy.HEX to HSLConvert HEX colors to HSL and back with interactive sliders.RGB to CMYK ConverterConvert RGB and HEX colors to CMYK for print, and back.Color Contrast CheckerCheck WCAG contrast ratios and find accessible text colors.Pantone to HEXLook up approximate HEX, RGB and CMYK values for Pantone colors.Color Name FinderFind the closest color name for any HEX or RGB color.AVIF to JPGConvert AVIF images to widely supported JPG.PNG & JPG to WEBPConvert PNG and JPG images to smaller WEBP files.Aspect Ratio CalculatorCalculate image sizes for 16:9, 4:3 and any ratio.Thumbnail Safe ZonePreview YouTube and TikTok thumbnail safe zones.Color Blindness SimulatorSee any image as people with protanopia, deuteranopia, tritanopia or achromatopsia see itAdd Text to ImageAdd styled text layers with outline and shadow to any photo, then downloadThumbnail MakerDesign 1280×720 YouTube thumbnails with templates, bold text and stickersImage Color PickerPick any pixel colour from an image and get HEX, RGB, HSL plus a paletteImage Border AdderAdd a border, rounded corners, matte and shadow to a photo onlineWallpaper GeneratorCreate gradient and pattern wallpapers sized for any phone, tablet or desktopColor Shades GeneratorTurn one HEX color into a 50-950 scale plus tints, shades and tones, ready to export.Round Corners ImageGive any picture rounded, circle or squircle corners and save a transparent PNG.Printable Calendar MakerMake a printable month or year calendar with holidays, then print or save PDF.YouTube Thumbnail GrabberPaste a YouTube link to get every thumbnail size, from HD 1280x720 down to 120x90.Tailwind Color GeneratorTurn one color into a full Tailwind 50–950 shade scale and export the config or CSS.Image Flipper & MirrorMirror photos horizontally or flip them vertically, one image or a whole batch.Printable Planner GeneratorDesign daily or weekly planner pages with your dates and colors, then print them as a PDF.CSS Gradient GeneratorDesign linear, radial and conic CSS gradients with draggable stops and export CSS or PNG.Grayscale Image ConverterTurn color photos into black and white with luma, luminance or average methods and sepia.Graph Paper GeneratorMake printable square, dot, isometric or hex graph paper and download it as PDF, PNG or SVG.Color MixerMix two colors in sRGB, linear, OKLab or OKLCH, or blend them with Photoshop-style modes.Photo FiltersApply 27 one-click photo filters like Vintage, Noir and Teal & Orange with an intensity slider.Lined Paper GeneratorCreate printable lined paper: wide, college or handwriting ruling, Cornell notes, PDF or PNG.Random Color GeneratorGenerate random HEX colors one at a time or in batches, with hue, saturation and lightness ranges.Photo EditorEdit photos online: brightness, contrast, saturation, crop, rotate, flip and filters with undo.Chart MakerMake bar, line, area, pie and doughnut charts from a simple table and download PNG or SVG.Color WheelFind complementary, triadic, analogous and other color harmonies on an interactive wheel.Image SharpenerSharpen soft or slightly blurry photos with a real unsharp mask and before/after view.Venn Diagram MakerMake 2- or 3-circle Venn diagrams from lists; overlaps are found for you. Export PNG or SVG.Invert Image ColorsTurn any picture into a color negative, with R/G/B channel toggles and an intensity slider.Mind Map MakerBuild mind maps fast with keyboard shortcuts and auto layout, then export PNG, SVG or JSON.Image SplitterSplit an image into a rows × columns grid of tiles and download them one by one or as a ZIP.Org Chart MakerType an indented list of names and titles and get a clean org chart to download as PNG or SVG.Image CombinerCombine images side by side, stacked or in a grid, with spacing, background color and alignment.Timeline MakerCreate horizontal or vertical timelines from dated events with colors, then save PNG or SVG.Screenshot BeautifierPut screenshots on gradient backgrounds with padding, rounded corners, shadow and a browser frame.Gantt Chart MakerPlan tasks with dates, progress and dependencies on a Gantt chart, then export PNG or CSV.Image UpscalerEnlarge images 2×, 3× or 4× with Lanczos-3 or bicubic resampling and optional sharpening.Word Cloud GeneratorTurn any text into a word cloud in shapes like a heart or star, then save it as PNG or SVG.Image Metadata ViewerSee a photo's EXIF data: camera, lens, exposure, date and GPS location, then strip it in one click.Pie Chart MakerMake pie and donut charts with labels, percentages and a legend, then download PNG or SVG.HTML Color CodesAll 140 HTML color names with HEX and RGB codes, plus the 216 web-safe colors. Click to copy.Passport Photo MakerMake passport and visa photos for any country and print them on a 4x6 sheet.PNG to SVG ConverterConvert PNG or JPG images to scalable SVG vectors with color and detail control.EXIF RemoverRemove EXIF, GPS location and other metadata from JPG, PNG and WEBP photos.Image DPI ChangerChange the DPI of JPG and PNG images without re-encoding, and see the print size.Online PaintDraw and paint in your browser: brushes, shapes, fill bucket, text, undo and PNG export.Signature MakerDraw or type your signature and download it as a transparent PNG or SVG.Color Palette from ImageExtract the main colors of any photo as HEX codes, CSS variables and a palette PNG.Photo to SketchTurn any photo into a pencil, charcoal or color sketch in your browser and download it.Image ConverterConvert images between JPG, PNG, WEBP, AVIF, BMP, GIF and ICO in batches, right in your browser.HEIC to PNGConvert iPhone HEIC and HEIF photos to lossless PNG in batches, with ZIP download.