Icon Button
Icon buttons help people take minor actions with one tap
- Icon buttons must use an icon with a clear meaning
- Four types: standard, outlined, danger, and ghost
- On hover, display a tooltip describing the button's action (not the name of the icon)
Example
Resources
| Name | Resource | Status |
|---|---|---|
| Figma | Design Kit (Figma) | Private |
- Icon buttons must use an icon with a clear meaning
- Four types: standard, outlined, danger, and ghost
- On hover, display a tooltip describing the button's action (not the name of the icon)
Example
Resources
| Name | Resource | Status |
|---|---|---|
| Figma | Design Kit (Figma) | Private |
- Icon buttons must use an icon with a clear meaning
- Four types: standard, outlined, danger, and ghost
- On hover, display a tooltip describing the button's action (not the name of the icon)
Example
Resources
| Name | Resource | Status |
|---|---|---|
| Figma | Design Kit (Figma) | Private |
- Icon buttons must use an icon with a clear meaning
- Four types: standard, outlined, danger, and ghost
- On hover, display a tooltip describing the button's action (not the name of the icon)
Example
Resources
| Name | Resource | Status |
|---|---|---|
| Figma | Design Kit (Figma) | Private |