Quick Icon Maker

May 19, 2025

Quick Icon Maker lets you build a 100 × 80 pixel PNG icon by stacking three layers:

The result is shown live in the preview and can be downloaded with one click.

Choose a background
• Paste an image URL into “Background Image URL” and press Load.
• If the link is valid, the background appears.
Add your main picture
• Click Choose Main Image and select a file from your computer.
• When the edit window opens, zoom + drag to frame the part you want, then press Apply Changes.
Add an overlay (optional)
• Paste an image URL into “Overlay Image URL” and press Load. The overlay sits on top.

Tip: PNGs with transparent areas work best for overlays.

Zoom slider – slide to resize the picture (0.1×‑3×).
Drag (mouse or finger) – move the image until the desired crop sits inside the dashed frame.
Apply Changes – saves the crop and closes the editor.
Cancel – discards edits and closes the editor.

Everything is non‑destructive—you can reopen the same upload and re‑crop at any time.

Control	What it does
Day / Night switch	Changes the preview canvas background so you can check how your icon looks on light vs dark themes.
Download Icon (PNG)	Saves the composed icon as imvu_icon.png.

Export Settings – downloads a small .json file with the two URLs you used and the day/night preference.
Import Settings – load a previously‑saved .json file to rebuild the same scene.
The app also auto‑saves to your browser. When you return, your last state reloads automatically.

Click Clear All → confirm. This resets every field, removes images, and wipes the browser save, giving you a fresh workspace.

Output: 100 × 80 px, PNG, transparent where no layer is present.
Main image crop: Always scaled to fill the full 100 × 80 frame, so avoid tiny source images—they may look blurry when enlarged.

“Please enter a valid URL” – Make sure the link begins with http/https and points to a direct image file (.png, .jpg, .gif).
Nothing appears after loading – The host may block cross‑origin downloads. Re‑upload the image to ImgBB, Catbox, etc., and use that link.
“Selection outside image bounds” – Zoom out or re‑centre the image so the dashed crop frame sits inside the picture.
Blank download or red X – One of the layers failed to load. Press Clear All then add images back one by one to find the culprit.

Keep layer images the same aspect ratio (wide) to avoid stretching.
Use transparent PNGs for overlays and sparse main images for cleaner results.
Store favourite backgrounds/overlays in a text file; paste when needed and export settings for fast repeats.

Enjoy creating crisp icons in seconds!