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.
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.
- 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
Upload
Drop a PNG, JPG, WebP or SVG. Square sources work best, but wide images are fine.
Shape
Choose Fit, Crop or Stretch. Watch browser, iOS and Android previews update instantly.
Style
Add padding, round corners, keep transparency or pick a solid background tile.
Preview
Check the 16px tab and home-screen mocks. If the tab icon is unreadable, add padding or a solid background.
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.
Simple logos, flat mascots, square marks, bold initials and high-contrast symbols.
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.
public/
├── favicon.ico
├── favicon-32x32.png
├── apple-touch-icon.png
├── android-chrome-192x192.png
├── android-chrome-512x512.png
└── site.webmanifest