Icon Set Sizes Calculator
Work out icon set sizes instantly with clear inputs, formula shown and shareable results.
About Icon Set Sizes Calculator
Raster icons must be exported at the base size multiplied by each supported pixel density, so a 24 px icon on a 3x display needs a 72 px asset. Exporting at non-integer multiples produces blurred edges on pixel-aligned icons, which is why 1x, 2x and 3x are used rather than arbitrary sizes.
Formula
Export sizes
size at density k = base size x k
Worked example
With the default values below, Icon Set Sizes Calculator returns Largest raster size needed of 72. Change any input above and every figure here is recalculated in your browser.
Inputs used
- Base icon sizeminimum 1 px
- 24 px
- Highest pixel density to supportaccepts 1–4 x
- 3 x
Results
- Largest raster size needed
- 72 px
- Sizes to export
- 24, 48, 72 px
- Raster files per icon
- 3
- Vector alternative
- A single SVG replaces all 3 raster sizes
Step by step
- 1Values used
- 2Export sizes
- 3Largest raster size needed= 72 px
- 4Sizes to export= 24, 48, 72 px
- 5Raster files per icon= 3
- 6Vector alternative= A single SVG replaces all 3 raster sizes
Assumptions and limits
- The result is derived only from the 2 inputs listed above. Anything not among them is not part of the calculation.
- In particular, this calculator does not take inflation, tax, fees or charges or compounding frequency into account.
- Figures are rounded for display to whole numbers, so totals built from several rounded parts can differ slightly from the unrounded arithmetic.
How these calculators are built and tested is described on the Methodology page. If a figure looks wrong, please report it.
Frequently Asked Questions
How is the Icon Set Sizes figure worked out?
size at density k = base size x k. Raster icons must be exported at the base size multiplied by each supported pixel density, so a 24 px icon on a 3x display needs a 72 px asset.
Why does this matter?
Exporting at non-integer multiples produces blurred edges on pixel-aligned icons, which is why 1x, 2x and 3x are used rather than arbitrary sizes.
What do I need to enter?
Enter base icon size, highest pixel density to support. The defaults shown are a realistic worked example — swap in your own figures to get a result you can use.
Related Calculators
You might also need
- Favicon Sizes CalculatorAlso in Hobbies, Crafts, Design & Media
- 3D Print Cost CalculatorAlso in Hobbies, Crafts, Design & Media
- 3D Print Time CalculatorAlso in Hobbies, Crafts, Design & Media
- Antique Appreciation CalculatorAlso in Hobbies, Crafts, Design & Media
- Aperture F Stop CalculatorAlso in Hobbies, Crafts, Design & Media
- Banner Size CalculatorAlso in Hobbies, Crafts, Design & Media
