Skip to main content

Icon With Background

An icon with a background is a visual element that combines an icon symbol with a shape behind it.

Overview

The Icon with a background is a non-interactive element that presents iconography with a coloured shape behind it.

An icon with a background used alongside the title and supporting text of an order inside a card.

Resources

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