Pixel-true previews
Every preview is rendered at its real size, from 16 to 256 pixels, plus a magnified 16×16 view. What you see is exactly what browsers show.
16
24
32
48
64
Favicon Generator: create a favicon online for free, with SVG, PNG, ICO, and app icons
Favicon generator
Design your favicon
Pick a starting point, tweak until it feels right, and watch every size update live. Then download SVG, PNG, ICO, and app icons.
Text
One or two characters work best at small sizes.
Font
Weight
Letter spacing0
Loading…
Start from a preset
20 stylesReal-size previews
16×16, magnified 6×The size that makes or breaks a favicon. If the shape reads here, it reads everywhere.
In the wild
My Site
New Tab
yoursite.com
Export
.ico, SVG, 16–512px PNGs, Apple & Android icons, and a web manifest
Install code
<link rel="icon" href="/favicon.ico" sizes="32x32">
<link rel="icon" href="/favicon.svg" type="image/svg+xml">
<link rel="apple-touch-icon" href="/apple-touch-icon.png">
<link rel="manifest" href="/site.webmanifest">Unzip into your site's root folder, then paste this inside <head>.
Why FavMint
Made for the smallest canvas on the web
A favicon is a 16-pixel first impression. FavMint gives you the controls to design one properly, and the previews to prove it works.
See it where it lives
Light and dark browser tabs, a search result, and a phone home screen. Catch problems before your visitors do.
FavMint — Favicon studio
Letters, icons, symbols
Type a letter or your initials in 12 curated fonts, pick from 2,100+ open-source icons, or start from 20 bold symbols made for tiny sizes.
Every control, none of the clutter
Gradients, rotation, borders, padding, opacity, shadows, and exact positioning — grouped into four simple tabs.
Private by design
No signup, no uploads, no tracking pixels in your files. Everything is generated in your browser.
The whole package in one click
A multi-size .ico, a crisp SVG, Apple and Android icons, a web manifest, and the exact HTML to paste. Text is converted to vector outlines, so your SVG looks identical everywhere.
- favicon.ico
- favicon.svg
- favicon-32x32.png
- apple-touch-icon.png
- android-chrome-512x512.png
- site.webmanifest
Undo, remix, share
Full undo history, a Surprise me button for fresh ideas, and share links that store your design right in the URL.
Logo maker
Turn your favicon into a matching logo
Text logos, lettermarks, monograms, and icon + name lockups. Bring your favicon along, choose a layout, and export a clean SVG.
Mintly
AKATELIER KAI
north
The favicon generator guide
A free favicon generator built for the smallest canvas on the web
FavMint is a free favicon generator and favicon designer that runs entirely in your browser. You can create a favicon online in a couple of minutes, from a single letter, your initials, an icon, or a symbol, and download every file a modern website needs: SVG, PNG, ICO, Apple touch icons, Android app icons, and a web manifest. There is no account to create, no watermark, and nothing is uploaded to a server. When you are done, the same design carries over to our free logo maker, so your favicon and your logo match from day one.
What is a favicon, and why does it matter?
A favicon is the small website icon that appears in browser tabs, bookmarks, history, search results, and on phone home screens when someone saves your site. It is often the first piece of your brand a visitor sees, and it is shown at just 16 or 32 pixels. A blurry or generic icon makes a site look unfinished and makes your tab harder to find among dozens of others. A clear, distinctive favicon does the opposite: it builds recognition every time someone switches tabs, and it helps your listing stand out in search results, where Google displays a favicon next to your page title.
How to create a favicon online in four steps
- 1
Pick a starting point
Type a letter or your initials, search 2,100+ open-source icons, choose one of 20 bold symbols, or start from a preset.
- 2
Style it
Choose a background shape, a solid or gradient fill, a font, and fine-tune size, rotation, padding, border, and shadow.
- 3
Check it at real sizes
Watch live previews from 16 to 256 pixels, zoom into the 16×16 grid, and see your icon in browser tabs, search results, and on a phone home screen.
- 4
Download and install
Export an SVG, PNGs, or the complete package, drop the files into your site root, and paste the ready-made HTML.
Every change updates instantly, and your work autosaves in your browser. Full undo and redo, aSurprise me button for fresh ideas, and share links that store the whole design in the URL make it easy to experiment without losing a version you liked.
A favicon designer made for tiny sizes
Most icon generators simply shrink a large image and hope for the best. FavMint is built the other way around. Every preview is rendered at its true pixel size, so what you see is exactly what a browser will show. A magnified 16×16 view reveals whether thin strokes disappear or letters blur together, and built-in legibility hints warn you about low contrast, too many characters, or missing glyphs before your visitors notice. You get eight background shapes, including squircle, circle, hexagon, shield, and leaf, plus solid, linear, and radial gradient fills, 12 curated fonts, and precise control over position and spacing.
Favicon generator with SVG, PNG, and ICO export
Browsers and devices each look for a different file, so FavMint exports all of them. As a favicon generator with SVG output, it converts text to vector outlines before export, which means your SVG favicon looks identical on every computer, even where your chosen font is not installed. One click downloads a ready-to-use ZIP package containing:
favicon.icomulti-size 16, 32, and 48 px icon for older browsers and Windowsfavicon.svga scalable vector favicon that stays sharp on any screenapple-touch-icon.png180×180 icon for iPhone and iPad home screensandroid-chrome-192x192.png and 512×512Android and progressive web app iconssite.webmanifestthe manifest that tells phones which app icon to usePNG exports11 sizes from 16 up to 1024 pixels, for app stores, social profiles, and docs
The package also includes a README and the exact HTML tags to paste into your page's<head>. Upload the files to your site root, add the tags, and your favicon works across Chrome, Safari, Firefox, Edge, iOS, and Android.
App icon generator and website icon maker in one
The same design that works at 16 pixels also has to look good at 512 or 1024. FavMint doubles as an app icon generator and app icon maker: export high-resolution PNGs for a progressive web app, an app store listing, a browser extension, a Discord or Slack workspace, or a social media profile picture. Because everything is drawn as vectors first, each size is rendered crisply rather than scaled from a single bitmap. Whether you need a website icon maker for a new side project or a consistent icon set for an existing product, you design once and export everywhere.
A free logo maker that matches your favicon
A favicon rarely lives alone. The FavMint logo maker is a free online logo maker that picks up the favicon you just designed and turns it into a full brand logo. Choose a wordmark, a lettermark, a monogram, or an icon plus name layout, type your brand name, and export a clean SVG or PNG at 1×, 2×, or 4×. It is a simple custom logo maker and brand logo maker for startups, indie developers, creators, and small businesses who want a professional look without hiring a designer or paying for a subscription. Like the rest of FavMint, the logo maker is free online, with no signup and no watermark.
Private, fast, and free
FavMint has no backend. Rendering, PNG conversion, ICO encoding, and ZIP packaging all happen on your device, so your designs are never uploaded or stored on our servers. That also makes the tool fast: there is no queue and no waiting for a server to respond. Icons come from the open-source Lucide set (ISC license) and fonts use the SIL Open Font License, so everything you create is yours to use, including for commercial projects.
Tips for a favicon that stands out
- Keep it to one or two characters or a single bold symbol. Detail disappears at 16 pixels.
- Use strong contrast between the symbol and the background so it reads in light and dark tabs.
- Fill the space. Small padding makes the icon feel confident rather than lost.
- Match your brand colors so the favicon, app icon, and logo feel like one family.
- Check the 16×16 preview. If it reads there, it reads everywhere.
Ready to try it? Open the favicon generator above and create your favicon online in minutes, for free.
Pricing
Free. Actually free.
Everything runs on your device, so there are no servers to pay for and nothing to lock behind a paywall.
Free
$0forever
The complete studio. No account, no watermark, no catch.
- Unlimited favicons and logos
- Full package: ICO, SVG, PNG, Apple & Android icons
- 2,100+ icons, 12 fonts, 20 symbols, 20 presets
- Commercial use — the files are yours
- Runs entirely in your browser
Supporter
You chooseone-time
Same tool, same features. Chip in to keep FavMint free and ad-free.
- Everything in Free
- Our genuine thanks
- Helps fund new fonts, icons, and shapes
FAQ
Favicon & logo questions, answered
Everything you need to know about making, sizing, and installing a favicon, and designing a brand logo that lasts.
Favicon basics
A favicon (short for "favorite icon") is the small square icon that represents a website. Browsers show it in tabs, bookmarks, and history, Google shows it next to your search results, and phones use it when someone adds your site to their home screen.
On a website, the favicon is a small image file, such as favicon.ico, favicon.svg, or a PNG, that the page points to with a rel="icon" link tag in its HTML head. The browser downloads it and displays it wherever the site is identified, so visitors can spot your site among open tabs at a glance.
Start with something that reads at 16 pixels: one or two letters, your initials, or a single bold symbol. In FavMint, type a letter or pick one of 2,100+ icons, choose a background shape and colors, check it in the live 16×16 preview, then download the files. No design software or signup needed.
Use a favicon generator like FavMint: design your icon in the browser, then export the full package in one click. It creates favicon.ico, favicon.svg, PNGs in 11 sizes, Apple touch and Android icons, a web manifest, and the HTML to paste into your site, all generated on your device.
Use SVG as your main favicon because it stays sharp at every size, plus a favicon.ico (16, 32, and 48 px) as a fallback for older browsers and Windows. Add a 180×180 PNG apple-touch-icon for iPhone and 192×192 and 512×512 PNGs for Android. FavMint's package includes all of these.
Yes. All modern browsers support PNG favicons. Link them with a rel="icon" tag that sets type="image/png" and the size, such as sizes="32x32". PNG is also required for Apple touch and Android icons. For the widest support, pair PNGs with an SVG and a favicon.ico.
Browser tabs display favicons at 16×16 and 32×32 pixels, so design for those first. Also provide 48×48 inside favicon.ico, 180×180 for the Apple touch icon, and 192×192 and 512×512 for Android and web app manifests. An SVG favicon covers every size from a single file.
Upload the favicon files to your site's root folder, then add link tags to the head section of every page: a rel="icon" tag for favicon.ico, another for favicon.svg, and a rel="apple-touch-icon" tag for apple-touch-icon.png. FavMint gives you this code ready to copy. Hard-refresh the page if the old icon is cached.
Logo design
Decide on a style first: a wordmark (your name in a distinctive font), a lettermark (initials), a monogram, or an icon beside your name. Then choose one or two colors and a readable font. FavMint's free logo maker builds all four layouts from your favicon, so your logo and site icon match, and exports SVG and PNG.
Know what your brand should feel like, keep the design simple, and limit it to one or two fonts and a small color palette. Sketch several directions, test them in black and white and at small sizes, and ask for honest feedback. Always keep a vector (SVG) master so it scales cleanly everywhere.
A successful logo is simple, memorable, and distinctive. It stays legible from a 16 px favicon to a billboard, works in a single color, fits the audience and industry, and stays relevant for years instead of chasing trends. Applied consistently, it becomes instantly recognizable.
Using FavMint
Yes. The favicon generator, every export format, and the logo maker are free with no watermark, no limits, and no signup.
No. Open the studio and start designing. Your work autosaves in your browser, and you can copy a share link to pick it up anywhere.
No. Rendering, PNG conversion, the .ico file, and the ZIP package are all created on your device. Nothing is sent to a server.
The package covers every modern browser and device: favicon.ico for legacy support, favicon.svg for crisp scaling, apple-touch-icon.png for iPhone home screens, Android icons, and a web manifest. Copy the folder to your site root and paste the install code.
Yes. FavMint is a favicon generator with SVG output: download a single scalable favicon.svg, copy the SVG code, or grab it inside the full package alongside PNG and ICO files.
Yes. The package includes a 180×180 Apple touch icon, 192×192 and 512×512 Android icons, and a web manifest, so the same design works as your app icon on iPhone and Android home screens.
Yes. Everything you make is yours. Icons come from Lucide (ISC license) and fonts are open-source (SIL Open Font License), both fine for commercial use.
It won't. FavMint converts text to vector outlines before export, so your SVG looks the same on every machine, even without the font installed.
One or two characters or a single bold symbol, strong contrast, and a simple shape. Use the 16×16 magnifier. If it reads there, it reads everywhere.
Your site deserves a better browser tab
Two minutes, zero signups, every file you need.