Icon

OverviewStyleGuidelinesCodeAccessibilityDemos
  1. Overview
  2. Status
  3. Sample element
  4. When to use
  5. Icons and sets
  6. Status checklist
  1. Overview
  2. Status
  3. Sample element
  4. When to use
  5. Icons and sets
  6. Status checklist

Overview

Icons represents general concepts and can support text as a decorative element. The icon element is a container that allows users to add icons of varying dimensions in the same area without shifting surrounding content.

Status

Sample element

When to use

  • When you want to supplement the meaning of text with a visual element
  • When you need to represent a UI function with an approved Red Hat icon
  • When you need an icon to occupy a certain amount of space

Icons and sets

<rh-icon> exclusively uses the official Red Hat brand icons.

Browse the icon sets

Status checklist

Edit this page on GitHub