Icon
Style
Our icons were designed to be simple, clean, and open. Four icon sets are available: standard, UI, microns, and social media.
Color schemes
Icons can be used in Red Hat’s brand red, black, and two shades of gray. In dark color scheme uses white instead of black. Blue can also be used for interactive icons. It’s not recommended to use Red Hat red for UI icons or microns.
Sizes
Sizes can be set using <rh-icon> which places icons into a transparent
square container to make each icon a standard size.
Helpful tip
<rh-icon> does not put icons in containers of other shapes or add background colors. Additional styling of the base container requires custom CSS.
| Icon Set | Size range |
|---|---|
| Standard (default) | 24px - 100 pixels |
| UI | 14px - 24 pixels |
| Micron | 8px - 12 pixels |
| Social media | 14px - 24 pixels |
Other libraries
To learn more about our other libraries, visit this page.
Feedback
To give feedback about anything on this page, contact us.
