Your Clicks, Our Hype
CLICK HYPE TOOLS
🪟 Icon Maker
Turn anything into an icon — a photo, a logo, an emoji or a couple of letters. Get a genuine Windows .ICO file plus a full PNG favicon pack, made entirely in your browser.
✓ Real .ICO file✓ PNG pack 16–512px✓ No uploads✓ Free, no sign-up
🔒 Private by design: your image is processed on your own device with the browser's canvas. Nothing is uploaded to any server, ever.
1. Design your icon
Pick a source, style it, and watch the live previews. Rounded and circle shapes are baked into the files — the corners outside the shape become transparent.
📂
Drop an image here or click to chooseJPG, PNG, WebP or SVG — a square-ish image works best
No image loaded yet — the preview shows a placeholder.
1.00×
82% of the icon
Weight 800
#ffffff
#16a34a(used when “Solid colour” is chosen)
Live preview
48px
32px
16px
2. Download your icon
The .ICO bundles every standard size into one file. The PNG pack gives you each size separately — exactly what a website favicon set needs.
PNG pack — individual sizes
Website code
Upload the PNG files and the .ICO to your site's root folder, then paste this into your page's <head>.
HTML <link> tags
📌 Good to know: the icon files themselves are always square — the rounded/circle shape is baked in as transparency around the shape, so the icon looks round wherever it is used. The 256px entry inside the .ICO is PNG-compressed, which every Windows version from Vista onwards (and all modern tools) supports.
Where are icons used?
- Website favicons — the tiny picture in the browser tab, bookmarks and history. Use the .ICO plus the PNG pack and the code above.
- Windows apps & shortcuts — .ICO is the native Windows icon format for programs, desktop shortcuts and folders.
- Folder icons — right-click a folder → Properties → Customise → Change Icon, and pick your .ICO.
- Phone home screens — the 180px PNG (“apple-touch-icon”) is the size Apple devices use when a site is saved to the home screen.
Tips for a great icon
- Keep it bold and simple — at 16px, fine detail disappears. One letter, one emoji or one strong shape works best.
- Check the 16px preview above before downloading. If you can't tell what it is at that size, simplify.
- Use a solid background colour for logos and photos; transparency suits simple shapes and emoji.
Copied!