Tag - Icon Only

An icon only tag is a small visual element used to represent and categorise information within a user interface through an icon.

Overview

The purpose of the icon only tag is to provide a quick and visually appealing way to highlight or identify specific items, topics or attributes. Icon only tags are not interactive and enhance the user experience by simplifying content organisation and facilitating content discovery. Icon only tags can be embedded in other components such as cards, data tables (among others) to help users understand information more effectively.

Resources

Figma Web Component	Stable
Figma Web Documentation	Stable
Figma App Component	Stable
Figma App Documentation	Stable
Web Components	Beta
Vue [Fozzie]	N/A
React [Snacks]	Stable
iOS JustUI [UI Kit]	Stable
iOS PIE [SwiftUI]	Planned
Android PIE [Compose & Views]	Stable