Hub

Icon Maker

Drop one picture

A square logo, 512 px or bigger, works best. PNG, SVG, JPG or WebP.

Choose a picture

Your files never leave this device. Nothing is uploaded.

Settings

Crop to a square

Whole picture Fill square

Padding 8%

Corners 18%

Background

See-through background

Apple and maskable icons always get the background colour: phones don't allow see-through there.

App name

Short name

For site.webmanifest: shown when someone adds your site to their home screen.

How to use it

Drop or choose one picture (or try the sample).
Crop, pad, round the corners and pick a background.
Check every icon, including the maskable safe zone.
Download all, then paste the tags into your page.

Do this	Phone	Keyboard
Add a picture	Tap Choose a picture	`Tab` to it, `Enter` (or `Ctrl` + `V`)
Padding, corners	Drag the sliders	`←` `→`
Background	Tap the colour, or type a hex	`Tab` to the hex box, type
Get one icon	Tap its ↓	`Tab` to it, `Enter`
Copy the HTML	Tap Copy	`Tab` to Copy, `Enter`