Favicon Preview Checker
Drop in a logo and see exactly how it looks as a favicon: 16 px tab icons, a bookmark bar, an iOS home screen, an Android adaptive icon and a Google search result — plus the real icon files, HTML link tags and a web manifest in one ZIP.
…or drag a PNG, JPG, SVG or WebP file here. Nothing is uploaded — the file stays in this tab.
Every real size (smooth scaling)
Rendered at 1:1 pixel size — the 16 px tile is what a browser tab actually shows.
In context
Browser tab — light chrome
Browser tab — dark chrome
Bookmark bar
iOS home screen (180 px, rounded mask)
My site
Android adaptive icon (masked to a circle)
Adaptive icons crop to a circle or squircle, so keep the important part inside the middle 66% safe zone.
Google search result
My site — the page title goes here
A short description of the page, exactly as Google would show it in the results.
HTML link tags
<link rel="icon" href="/favicon.ico" sizes="any"> <link rel="icon" type="image/png" sizes="32x32" href="/favicon-32.png"> <link rel="icon" type="image/png" sizes="16x16" href="/favicon-16.png"> <link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png"> <link rel="manifest" href="/manifest.webmanifest">
manifest.webmanifest
{
"name": "My site",
"short_name": "My site",
"icons": [
{
"src": "/favicon-192.png",
"sizes": "192x192",
"type": "image/png"
},
{
"src": "/favicon-512.png",
"sizes": "512x512",
"type": "image/png"
},
{
"src": "/favicon-512.png",
"sizes": "512x512",
"type": "image/png",
"purpose": "maskable"
}
],
"theme_color": "#4F46E5",
"background_color": "#ffffff",
"display": "standalone"
}About this tool
Favicon Preview Checker renders your image at 16, 32, 48, 64, 128, 180, 192 and 512 pixels and drops it into realistic browser-tab, bookmark, home-screen and search-result mockups so you can judge legibility before shipping. It warns about non-square or undersized sources, and builds a ZIP with a multi-size favicon.ico, the PNG set, HTML link tags and a web manifest. Images stay in your browser; images above 2048 px are refused to keep the tab responsive.
- 100% free — no account needed
- Runs in your browser
- Nothing is uploaded
Frequently asked questions
Is Favicon Preview Checker really free?
Yes. Favicon Preview Checker is completely free on PureBrowser — every feature, with no account, no trial, and no credit card.
Does Favicon Preview Checker upload my data?
No. Favicon Preview Checker runs entirely inside your browser, so anything you type, paste, or open stays on your own device.
Do I need to sign up or install anything?
Neither. There is no account and nothing to download — open the page and Favicon Preview Checker is ready to use on desktop or mobile.
Does Favicon Preview Checker work offline?
Once the page has loaded, yes. All of the processing happens locally in your browser, so it keeps working without a connection.
More utility tools
Password Strength Checker
Score your password strength and generate stronger ones.
Password Generator
Generate strong random passwords with configurable length and character sets.
Decision Maker
Let the tool randomly pick from your list of options.
Yes or No Wheel
Spin a wheel for a random yes or no answer.
Discord Timestamp Generator
Pick a date and time to generate Discord timestamp tags with live preview and one-click copy.
Discord Embed Builder
Design Discord embeds with live preview — copy JSON for bots, webhooks, and Discord.js.