Icon Button

Usage

Used as a compact tappable button that displays only an icon (no text) to represent common or frequent action. The icon should convey a clear action definition.

Reference Material Design for general guidance when designing for Android.

Design properties

Types

Standard

Behavior and interaction

Configuration

• Size:
• Touch target must be at least 48×48dp for accessibility.
• The visual icon itself is typically 24dp within that target.
• Padding and spacing:
• Maintain 8dp minimum spacing between adjacent icons or other tappable elements.
• Use consistent horizontal padding when placed inside app bars or toolbars.
• Ripple / feedback:
• Always include touch feedback (ripple or highlight) to confirm interaction.

Positioning

• Within containers:
• Align icon buttons to container edges or baselines for visual rhythm (eg trailing edge of a card, row, or list item).
• Maintain consistent horizontal and vertical alignment with nearby text or icons.
• Floating and standalone:
• When used independently (outside app bars or other components), center-align the icon within its container and ensure sufficient spacing from other content.
• Density adjustments:
• In compact or adaptive layouts, prioritize essential actions and hide or group secondary icons as needed.

Related components

Changelog