UI icons
Screen-based interfaces present special challenges for icon design, especially size and scale. Interfaces require icons that are immediately understood and remain clear at very small sizes.
Our UI (user interface) icons use the same metaphors as other Red Hat® icons to create a consistent brand language across all Red Hat assets. UI icons are utilitarian; they appear on our web pages and product interfaces to facilitate navigation or add visual context to text-based content.
Design
Grid and stroke
UI icons are designed on a 48px grid with a 2px stroke, allowing them to scale to 24px with a 1px stroke in the interface. Using a whole number for stroke weight maximizes legibility on screens with lower resolution.
Details
Rounded corners and ends, consistent stroke width, plus using 12º, 45º, and 90º angles whenever possible defines the Red Hat icon style.
Contrast
For accessibility, UI icons should have a minimum of 3:1 contrast against the background. More is better.
Use UI icons as provided, without modifications.
Do not distort, combine, or otherwise modify existing UI icons.
Use UI icons in interfaces at small sizes.
Do not substitute UI icons for other types of icons. UI icons are designed for interfaces only.
Make sure UI icons have enough contrast against the background (at least 3:1)
Do not use UI icons in a color that has insufficient contrast against the background.
Use UI icons purposefully to facilitate navigation or identify content in the interface.
Do not use UI icons as decorative artwork.
Creative Commons
Using a Creative Commons license lets us share our standard and UI icons with our customers, partners, and communities.
This icon is licensed under a Creative Commons Attribution 4.0 International license. If you redistribute this icon, Red Hat should be given attribution. For individual uses, such as a diagram or presentation, attribution is optional.
