Skip to content
ENExplore Calculators

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

  1. 1Values used
  2. 2Export sizes
  3. 3Largest raster size needed= 72 px
  4. 4Sizes to export= 24, 48, 72 px
  5. 5Raster files per icon= 3
  6. 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.

Icon Set Sizes Calculator | Calcrivo