Brand Standards

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.

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 accompanying text on a slide.

Icons are a quick way to add visual interest and reinforce main points in presentations.

Icons denoting important components of a technical diagram.

Icons can be used in diagrams or charts to quickly call out important components or operations.

Icons in the image slot of a web card.

On the web, use icons in cards or lists to add visual interest.

Red icons related to automation printed on a black mug.

Icons work well as small visuals on swag like mugs or buttons.

The applications icon.
This

Use the icon as designed without modifications.

The applications icon with the cloud and code icons squished inside.
Not this

Do not add elements to create a different shape or combine icons. Use an illustration for complex concepts.

A quote with the talk bubble icon beside it at 32 pixels.
This

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

A quote with the talk bubble icon beside it at 150 pixels.
Not 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.
This

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

The arrow icon skewed and the lightbulb icon with extra thick lines.
Not this

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

The monitor and printer icons.
This

Only use icons from the Red Hat icon library.

The monitor icon and an outdated printer icon.
Not this

Do not use a mix of icons from the internet, another brand, or the previous Red Hat library.

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 of the cloud icon. The icon alternates between being upright and upside-down, and being filled and unfilled with color.

Experiment with one icon by varying the size and fill.

A pattern of the cloud, container, and application icons spaced uniformly.

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

A pattern where the icons are connected by red lines and have a drop shadow.

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

A pattern with several multi-color icons connected by dotted lines.

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

Icon patterns in use

A notebook with an icon pattern printed on the front 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 a header image that includes an icon pattern.

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

A pattern with the conversation and talk bubbles icons alternating.
This

Vary 1 or 2 elements to create rhythm and interest.

A pattern of only the talk bubble icon uniformly spaced with no variation.
Not this

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

A pattern surrounding the text 'join the conversation' with clear space around the words.
This

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

A pattern with the icons overlapping behind the words 'join the conversation,' making it difficult to read.
Not this

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

A pattern of the monitor and laptop icons connected by separate lines.
This

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

A pattern where the laptop icon has been stretched to connect with the monitor icon.
Not this

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

A pattern of the container, sheild, and server stack icons spaced uniformly.
This

Only use standard icons in an icon pattern.

A pattern with the sheild and server stack icons mixed with a container illustration that is not an icon.
Not 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.

Red Hat logo LinkedIn YouTube Facebook Twitter

Products

Tools

Try, buy & sell

Communicate

About Red Hat

We’re the world’s leading provider of enterprise open source solutions—including Linux, cloud, container, and Kubernetes. We deliver hardened solutions that make it easier for enterprises to work across platforms and environments, from the core datacenter to the network edge.

Subscribe to our newsletter, Red Hat Shares

Sign up now
© 2022 Red Hat, Inc.