Blurry icons usually come from half pixels
Sometimes one icon in a set looks soft while the rest are crisp. The usual cause is a stroke that sits across the middle of a pixel rather than on its boundary. When the grid size and the stroke weight disagree in parity, the edge of a centered stroke ends in .5 and rendering spreads it half a pixel to either side. This tool works the numbers out one line at a time.
How it is calculated
The canvas center is the grid size divided by two, the stroke edge on the center line is the grid size minus the stroke divided by two, and the offset to center a shape is the grid size minus the shape divided by two. The fractional part of each value is read with a tolerance of 1e-9 and sorted into whole, half or neither. The stroke and grid are also judged at your export scale, so you can see what a 1.5x or 2x export does. Written as of October 2026.
Limits
Optical alignment offsets differ by shape and have no numeric standard, so they are not calculated. Platform icon size lists, spacing systems and inspection of real SVG coordinates are not supported.
Frequently asked questions
When the grid size and the stroke weight share parity, the edge of a centered stroke lands on a whole pixel. On a 24 grid a 2 px stroke puts its edge at 11, while a 1 px stroke puts it at 11.5, which is a half pixel.
The stroke does not line up with the pixel boundary, so rendering spreads it half a pixel to each side. The familiar symptom is a 1 px line showing up as a blurred 2 px gray band.
No. The nudge that makes a triangle or a circle look centered differs by shape and has no numeric standard. This tool only does the arithmetic of half pixels.