LumaTool
Local Processing

Icon Resizer

Icon Resizer resizes a PNG, JPG, WebP, or SVG icon into many square PNG outputs such as 16x16, 32x32, 128x128, 256x256, and 512x512.

Runs locallyNo uploadYour input is processed in your browser.

Icon Resizer

Resize PNG, JPG, WebP, or SVG icons into common square sizes with contain, cover, transparency, background color, and ZIP export.

What is this tool?

An icon resizer is a batch resizing tool for website icons, browser extensions, desktop shortcuts, PWA icons, plugin assets, and app handoff packages. It keeps the workflow simple: choose sizes, preview them, then download individual PNG files or a ZIP.

Supported input formats

  • PNG images
  • JPG and JPEG images
  • WebP images
  • SVG logos and icons
  • Square source artwork is recommended
  • Large files should be kept under 10 MB for smooth browser processing

Output files

  • icon-16.png
  • icon-24.png
  • icon-32.png
  • icon-48.png
  • icon-64.png
  • icon-128.png
  • icon-256.png
  • icon-512.png
  • custom square PNG sizes
  • lumatool-icon-sizes.zip

Size guide

  • 16x16: browser small icon.
  • 24x24: compact UI icon.
  • 32x32: toolbar or favicon output.
  • 48x48: desktop shortcut.
  • 128x128: extension or plugin icon.
  • 256x256: high-resolution desktop icon.
  • 512x512: PWA or app handoff icon.

Input examples

  • Company logo PNG
  • Personal blog avatar
  • SaaS product mark
  • SVG logo
  • Transparent square icon

Output examples

  • icon-16.png
  • icon-24.png
  • icon-32.png
  • icon-48.png
  • icon-64.png
  • icon-128.png

Common use cases

  • Create browser extension icon sizes from one SVG or PNG.
  • Generate toolbar, desktop, plugin, and PWA PNG assets in one ZIP.
  • Check tiny 16x16 and 32x32 readability before shipping.
  • Add custom square sizes for internal design systems.
  • Batch resize icons without installing a desktop utility.

Best practices

  • Start from high-resolution square artwork when possible.
  • Keep the subject centered and avoid tiny text inside small icons.
  • Use transparent backgrounds only when the mark remains visible on light and dark surfaces.
  • Use consistent file paths between exported files and HTML code.
  • After replacing favicons, clear browser cache or change filenames if the old icon remains visible.

Common mistakes

  • Uploading a low-resolution source and expecting sharp large icons.
  • Using artwork that touches the edge and gets clipped after rounding or cover mode.
  • Shipping only favicon.ico and forgetting Apple Touch Icon or manifest icons.
  • Leaving HTML paths that do not match the files in the public folder.
  • Not previewing 16x16 and 32x32 outputs before release.

Privacy and local processing

Your file is processed locally in your browser and is not uploaded to LumaTool servers. Image decoding, canvas resizing, ICO packaging, ZIP creation, manifest generation, and HTML code generation all happen on the client side.

Examples

Input examples

Input example 
Company logo PNG
Personal blog avatar
SaaS product mark
Output example 
icon-16.png
icon-24.png
icon-32.png

Icon Resizer resizes a PNG, JPG, WebP, or SVG icon into many square PNG outputs such as 16x16, 32x32, 128x128, 256x256, and 512x512.

Output examples

Input example 
one source icon image
Output example 
icon-16.png
icon-24.png
icon-32.png
icon-48.png
icon-64.png

Your file is processed locally in your browser and is not uploaded to LumaTool servers. Image decoding, canvas resizing, ICO packaging, ZIP creation, manifest generation, and HTML code generation all happen on the client side.

Privacy note

Your file is processed locally in your browser and is not uploaded to LumaTool servers. Image decoding, canvas resizing, ICO packaging, ZIP creation, manifest generation, and HTML code generation all happen on the client side.

How to use

  1. Step 1. Upload or enter the required icon paths.
  2. Step 2. Choose the output options that match your website, app, or PWA workflow.
  3. Step 3. Review the previews, generated files, manifest, or HTML code before downloading.
  4. Step 4. Download individual files, download the ZIP package, or copy the generated code.

Real-world examples

Create browser extension icon sizes from one SVG or PNG

Create browser extension icon sizes from one SVG or PNG.

Generate toolbar, desktop, plugin, and PWA PNG assets in one ZIP

Generate toolbar, desktop, plugin, and PWA PNG assets in one ZIP.

Check tiny 16x16 and 32x32 readability before shipping

Check tiny 16x16 and 32x32 readability before shipping.

Common use cases

  • Create browser extension icon sizes from one SVG or PNG.
  • Generate toolbar, desktop, plugin, and PWA PNG assets in one ZIP.
  • Check tiny 16x16 and 32x32 readability before shipping.
  • Add custom square sizes for internal design systems.
  • Batch resize icons without installing a desktop utility.

FAQ

Can I resize SVG icons?

Yes. SVG input is sanitized, rendered locally, and exported as PNG sizes.

Will the icon be uploaded?

No. Processing runs locally in your browser and the file is not uploaded to LumaTool servers.

Can I keep the transparent background?

Yes. Keep transparent background enabled, or choose a custom background color for non-transparent PNG output.

What is the best size for icons?

It depends on the target. Check 16x16 and 32x32 for favicons, 128x128 for extensions, and 512x512 for PWA or app handoff.

Can I download all sizes at once?

Yes. Generate the selected sizes and download the ZIP package.

What is the difference between cover and contain mode?

Contain keeps the full image visible with possible padding. Cover fills the square and may crop edges.

What is Icon Resizer best used for?

Icon Resizer is useful for focused icon tools tasks where you need a quick browser-based result without switching tools.

How is my input handled?

Your file is processed locally in your browser and is not uploaded to LumaTool servers. Image decoding, canvas resizing, ICO packaging, ZIP creation, manifest generation, and HTML code generation all happen on the client side.

Related tools

F

Favicon Generator

Create favicon.ico, PNG icons, Apple Touch Icon, Android icons, manifest, previews, HTML tags, and ZIP downloads locally.

Icon Tools Ready Local Processing No Upload Use Now A

App Icon Generator

Generate iOS, Android, and PWA icon sizes from PNG, JPG, WebP, or SVG with safe area and rounded-corner previews.

Icon Tools Ready Local Processing No Upload Use Now I

ICO Converter

Convert common image formats into favicon-ready ICO files locally.

Image Tools Ready Local Processing No Upload Use Now I

Image Base64 Converter

Convert images to Base64 data URLs and preview Base64 image content locally.

Image Tools Ready Local Processing No Upload Use Now S

SVG Optimizer

Compress, clean, sanitize, preview, copy, and download SVG markup while removing scripts, events, metadata, and risky content.

Icon Tools Ready Local Processing No Upload Use Now