πŸ‘†Icon Touch Target Size Guide

Min touch target size by context

px
px

You Might Also Need

Why does the touch target matter?

Even if the icon artwork itself is small, the actual tappable area β€” padding included β€” needs to be large enough to hit reliably. Apple's Human Interface Guidelines recommend a minimum of 44Γ—44pt, Google's Material Design recommends 48Γ—48dp, and the web accessibility standard WCAG 2.5.5 sets a minimum of 24Γ—24px. Ignoring these guidelines leads to frequent mis-taps, especially for users with larger fingers or in situations that make precise tapping harder, like walking or driving.

Pick your platform, then enter the current touch target size and the gap between adjacent icons, and this tool instantly tells you whether it meets that platform's standard. Keeping at least 8px of spacing between neighboring icons also helps reduce accidental taps.

Frequently Asked Questions

What is the minimum touch target size?

iOS recommends 44Γ—44pt, Android recommends 48Γ—48dp, and the web accessibility standard WCAG recommends a minimum of 24Γ—24px.

Can the icon itself be small?

The icon artwork can be small, but the actual tappable area, including padding, still needs to meet the recommended minimum.