Turn PNG, JPG, WebP or SVG into favicon.ico, app icons and a PWA manifest. Preview how your icon looks in a browser tab, on iOS home screen and in an Android install prompt — before you download.
ICOPNGPWAiOSAndroid
LOCAL ICON WORKSHOP
☞ runs entirely in your browser — nothing is uploaded
Drop your image here
or click to browse — PNG, JPG, WebP, SVG
PNGJPGWebPSVG
Live previews
Chrome · Browser tab
New Tab
My App×
yoursite.com
16×16 favicon in an active tab
iOS · Home Screen
9:41▮▮▮ WiFi 🔋
Mail
Maps
Photos
My App
180×180 Apple Touch Icon
Android · Add to Home screen
yoursite.com
My Appyoursite.com
Add to Home screen
CancelAdd
192×192 PWA install icon
Windows 11 · Start menu
Search apps, settings, and documents
Pinned
Edge
Store
My App
Mail
48×48 pinned shortcut tile
256px source
HTML snippet
Paste into your site <head> after placing icon files in the public root.
built for launch day
Convert image to icon online
OneImageTool turns a logo, avatar, mascot or product mark into the icon files a real website or app needs. Upload an image, shape it into a clean square, preview it across browser tabs and mobile home screens, then save favicon.ico, PNG icons, Apple Touch Icon files and a PWA manifest. If the source still needs cleanup, crop it square first, or compress an oversized export — both tools run in your browser too.
Everything runs in your browser. That matters when the source is a private client logo, an unreleased app mark or a quick idea you do not want to send to another server. Tune padding, background color and corner radius while watching live device previews.
OUTPUT_FILES
your-logo.pngSRC
favicon.icoICO
apple-touch-icon.pngiOS
android-chrome-512x512.pngPWA
site.webmanifestJSON
Favicon for websites
Create a browser tab icon from the same source. Use Crop for a bold mark, or Fit with padding when the logo needs room to breathe.
Shortcut ICO
Download a multi-size ICO for legacy favicon support and desktop shortcuts. Smaller sizes are tuned to stay crisp in the tab preview.
App and PWA icons
Generate larger PNG sizes for home screens and install prompts. The pack includes a pre-configured web manifest and HTML snippet.
Multi-device preview
Unlike tab-only previews, OneImageTool shows iOS home screen, Android install banner and Windows tile mockups — all updating live as you edit.
one download, many surfaces
What the image to icon tool generates
A good workflow does not hand you a single tiny graphic. Landing pages, docs, apps, PWAs and side projects need multiple assets plus HTML snippets. Get the browser-friendly set in one ZIP.
The pack includes favicon.ico, common PNG sizes, a web manifest, HTML snippet and README — covering normal website and PWA setup.
ZIP_PACKAGE
favicon.icoICO
favicon-16x16.png … 512x512.pngPNG
apple-touch-icon.pngiOS
android-chrome-192x192.pngPWA
site.webmanifestJSON
favicon-html.txtHTML
README.txtDOC
five small moves
How to use the image to icon converter
01
Upload
Drop a PNG, JPG, WebP or SVG. Square sources work best, but wide images are fine.
02
Shape
Choose Fit, Crop or Stretch. Watch browser, iOS and Android previews update instantly.
03
Style
Add padding, round corners, keep transparency or pick a solid background tile.
04
Preview
Check the 16px tab and home-screen mocks. If the tab icon is unreadable, add padding or a solid background.
05
Download
Save the full icon pack with favicon.ico, PNG files, manifest, HTML snippet and README.
tiny to install-ready
Best sizes for image to icon output
Icons appear in very different places. A browser tab needs a bold symbol with almost no detail. A PWA install screen can show a larger mark. This converter creates every common size from one source image.
Size
Common use
Preview in tool
Tip
16×16
Browser tabs, legacy favicon
Browser tab mock
Use a strong silhouette, minimal detail
32×32
Modern favicon PNG, HD tabs
Size grid
Practical default for favicon HTML
48×48
Desktop shortcuts, Windows tiles
Windows tile mock
Keep the shape centered
180×180
Apple Touch Icon
iOS home screen mock
Solid background often looks cleaner on iOS
192×192
Android Chrome, PWA
Android install mock
Used in manifest.json icons
512×512
PWA splash, install UI
Size grid
Start from a high-quality source
make the tiny version clear
Design checklist before download
Favicons are small — thin lines, tiny text, busy photos and screenshots often turn muddy. Use the live tab and home-screen previews to test readability before exporting.
If the 16px tab preview is hard to read, try a bolder crop, more padding or a solid background. Centered shapes with clear contrast survive the jump from large image to icon much better.
Detailed photos, thin outlines, screenshots, long words and edge-touching marks.
paste and ship
Where to place the generated icon files
For static sites, put files in the public root or an assets folder copied to production. Paste the HTML snippet inside <head>. Keep favicon URLs stable after launch so bookmarks and installed shortcuts keep the same icon.
Favicon caches are stubborn during testing — use a private window or rename files while experimenting.
