Icons

Our icon system is simple, clean, and open. Use standard icons to represent general technology concepts in marketing materials, presentations, web content, infographics, and diagrams. They’re intended to be used at small sizes, working best for sizes between 32 and 100 pixels. If you need a larger visual, use an illustration.

White icons on a red background
Red icons on a black background
Black icons on a gray background

All icons use the same stroke weight and corner radii, show objects from the front when possible, use flattened perspective, and are made from geometric shapes. They're available in 3 colors—red, black and white—but they can be changed to any color in our brand palette.

Icons in use

Icons being used with text on Red Hat presentation slides

Icons make it easier to add visual interest to a presentation and reinforce the slide's main points.

Icons used as informational signage in an office space, indicating that the space is a quiet zone.

Using icons for office signage can convey a quick message without the need for words, like these icons indicating that this space in Red Hat Tower is for quiet working.

A photograph of a mug with the text “Because Red Hat® Ansible® Automation Platform is enjoying this” and icons representing automation processes

Icons and icon patterns work well as small visuals on swag, like this automation-themed mug.

Web cards with Red Hat icons in the image slot

On the web, icons in cards or lists to draw attention to the section and reinforce the text.

A technical diagram using Red Hat icons

Icons are used in our technical diagrams and charts to represent important components or operations.

An icon used on a sign.

Important office informational signage, like this kitchen sign, use icons to give the reader quick context.

The icons for “multiple applications” and “unsecured container.
Do this

Use the icon as designed without modifications.

Image showing misuse: The icons have another icon shrunk down and placed in the middle of them
Red X saying do not do this

Do not add elements to combine icons. Use an illustration for complex concepts or suggest a new icon.

A presentation with small icons next to text
Do this

Use icons to complement text or other small design elements. They work best between 32 and 100 pixels in size.

The talk bubble icon used too large with a quote
Red X saying do not do this

Do not make the icon too large. The icon should complement other design elements, not be the dominating visual.

The arrow and lightbulb icons
Do this

Use the icons as provided without modifying the line weight or dimensions

Image showing misuse: The icons have been distorted
Red X saying do not do this

Do not change or distort the dimensions of icons or add weight to the lines.

The Red Hat icons for clock and calendar
Do this

Only use icons from the Red Hat icon library.

Image showing misuse: The Red Hat clock icon and a random calendar icon from online
Red X saying do not do this

Do not use a mix of icons from the internet or another brand. If you can’t find an icon you need, suggest a new one.

Icons as patterns

Patterns are a way to use our icons to create visually interesting graphics quickly. Use patterns to aid recognizability for a program, team, or product. Carefully consider where you use a pattern to ensure that its placement makes sense. Remember that whitespace is a key element of our brand, so not every blank space needs to be filled.

A pattern made of the cloud icon filled and unfilled, upright and upside down

Experiment with one icon by varying the size and fill.

The cloud, app, and container icons in a grid

Try picking a set of related icons and using them at the same size.

Several icons with lines connecting them together in a grid

Try adding connecting lines to icons in a set. The lines should match the weight of the icons.

Several icons in a grid in black, teal, and Red Hat red

Experiment with color and scale, but always include Red Hat red to reinforce our brand.

Icon patterns in use

A notebook with the Red Hat Marketplace logo and a pattern of red hat icon printed on the cover

Icon patterns are a great way to customize a piece of swag for a team, product, or program while staying true to the Red Hat brand.

An email with an icon pattern in the header image

Icon patterns can be added to small spaces on documents or email headers to add visual interest without adding clutter.

A pattern of talk bubble icons at various sizes and orientations
Do this

Vary 1 or 2 elements to create rhythm and interest.

Image showing misuse: A pattern of the same talk bubble icon repeated with no variation
Red X saying do not do this

Do not use the same icon with no variation. It’s boring and repetitive.

A pattern of talk bubble icons at various sizes and orientations with the text “Join the conversation.”
Do this

Use a pattern that is not too complex and that does not interfere with text or other elements.

Image showing misuse: The talk bubble icons are overlaid on top of the text.
Red X saying do not do this

Do not use a pattern in a way that makes it difficult to read the message.

A pattern of laptop and monitor icons connected by dotted lines
Do this

Use icons independently and connect them using lines or other shapes.

Image showing misuse: The laptop and monitor icons have been manipulated so that they are connected
Red X saying do not do this

Do not combine icons together in a way that makes them lose their meaning.

A pattern with the open source community and globe icons
Do this

Only use standard icons in an icon pattern.

Image showing misuse: The globe icon in the pattern is replaced with a mini-spot illustration of the globe
Red X saying do not do this

Do not mix different styles of icons or illustrations in a pattern.

Creative Commons

Using a Creative Commons license lets us share our icons 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.