Technology icons

Similar to app icons on a phone, technology icons help customers quickly identify Red Hat® products and components. We use them in small spaces where a logo won’t fit, like marketplaces and catalogs, diagrams, and favicons on browser tabs.

Six technology icons on a gray background

Technology icons are designed to illustrate the functionality of the technology as simply as possible at small sizes. To build recognition outside of the interface, we've also adapted the technology icons for our 4 platform sub-brands—Red Hat Enterprise Linux®, Red Hat OpenShift®, Red Hat Ansible® Automation Platform, and Red Hat AI—into artwork for marketing materials.

All technology icons require approval from the Brand Design and Naming team as well as the Red Hat legal department. Learn more about requesting a new technology icon (Red Hat associates only).

Design

Technology icons use the same design style as other Red Hat icons, but are placed inside a black or white rounded rectangle. Products—the software and services that we sell—use a black rounded rectangle. Components—like features, plug-ins, operators, builds, and other technologies that are part of or used alongside our products—use a white rounded rectangle.

Diagram highlighting the rounded rectangle bounding shape

Rounded rectangle

Technology icons use a rounded rectangle with a 9pt corner radius. Products use a black rounded rectangle and a gray-60 outline. Components use a white rounded rectangle with a gray-20 outline.

Diagram highlighting how the icon looks

Details

The inner details use 1.25pt strokes with rounded corners and ends. Products use red-50 and white strokes while components use red-50 and black. For balance, we aim for a 50:50 ratio of the two colors.

Diagram highlighting where the icon sits in the rounded rectangle

Alignment

The inner details are built on key lines that align to the center of the rounded rectangle with ample clear space.

The Red Hat Subscription Management and Red Hat build of Quarkus technology icon

Use the icons as provided without modifications.

 Image showing misuse: The icons have been manipulated

Do not alter the colors or scale parts of an icon.

The Red Hat JBoss EAP and single sign-on technology icons

Use the full technology icon, including the rounded rectangle.

Image showing misuse: The rounded rectangle has been manipulated

Do not remove the icon from the rounded rectangle or place the icon in a different shape.

One-color variations

For circumstances where color is limited, like printing a piece of swag, technology icons are also available in one-color versions. The details and rounded rectangle are merged to create a single object with a transparent background.

In one-color icons, we differentiate between products and components based on if the icon is filled or unfilled. Product icons are filled, while component icons are unfilled.

The Red Hat OpenShift Connects icon in full color and one-color red

Products

One-color icons for products maintain the full rounded rectangle, with the details cut out and transparent.

The automation controller icon in full color and one-color red

Components

Icons for components maintain only the outer stroke of the rounded rectangle. The inner details are merged into one flat shape and grouped with the rounded rectangle stroke.

Icon in one-color red, white, black, and gray

Colorways

One-color icons should only be used in Red Hat core colors: red-50, black, white, or shades of gray.

The Red Hat Ansible Automation Platform and Ansible core icons

Use the one-color version of the icon in our core colors and make sure it has enough contrast against the background.

Image showing misuse: The color of the icons has been changed to teal and blue

Don't use the one-color version of the icon in a color that’s outside of our core colors.

The one-color versions of the Red Hat Insights and automation content navigator icons

Use a one-color icon in a color that has sufficient contrast against the background.

Image showing misuse: The icons are outlined and have a black box pasted behind them

Don't add an outline or a shape to a one-color icon in order to make it visible. Choose a different color icon instead.

Technology icons vs. product logos

Products have both a technology icon and a product logo. Which visual to use when representing the product depends on the context and the size of the space available. Components do not have logos.

Product logos

The Red Hat Enterprise Linux product logo on a t-shirt

Product logos incorporate the Red Hat logo and the full name of the product. When you’re representing a single product and you have the space, use a product logo. They create instant recognition for our parent brand and the product.

Technology icons

Technology icons on the Red Hat Marketplace interface

In a space that’s too small for a product logo—or when you’re referring to multiple Red Hat products at the same time—use a technology icon. This avoids squished logos and visual clutter that might be created by using too many product logos in one layout.

 

Adding badges to icons in marketplaces

Many of our products and components are available through software marketplaces. While some marketplace offerings are owned by Red Hat, many are owned by our partners. Partner marketplaces present specific branding challenges, especially when it comes to helping our customers feel confident that they’re selecting the right offering.

Badges can be added to existing technology icons to show that the offering is a plug-in or operator, or to reinforce that it’s an official Red Hat offering. Badged icons should be used sparingly and only within marketplaces, never in marketing or on swag. 

Diagram highlighting adding a smaller rectangle in the bottom right corner

Badging

Badges are rounded squares set to one third the height of the technology icon, added to the bottom right corner. They are always gray-10 with a thin gray-20 outline, with a 5px gap between the square and technology icon. The badge can contain our hat icon or a plug-in or operator icon in gray-95.

A marketplace listing for RHEL, with a fedora badge added to the RHEL product icon

Marketplace offerings

If there’s a concern that customers won’t recognize our marketplace listings without the Red Hat logo, we can use a badged version of the technology icon.

Learn more about marketplace listings in the partner handbook.

A marketplace listing for an Ansible plugin, with a plugin badge added to the Ansible product icon

Plug-ins and operators

Plug-ins and operators are usually free offerings that work with one of our products or components. To make it clear what the user is getting, we can use the technology icon with a badge rather than using the existing icon alone or creating a new icon.

Two technology icons, one with a plugin badge and one with an operator badge.

Use a badge to indicate that an offering is a plug-in or operator for an existing offering.

An image showing misuse: A made up icon for an Ansible plugin

Don’t create new icons for plug-ins or operators.

A marketplace listing for RHEL, with a fedora badge added to the RHEL product icon

Use a Red Hat badge if we need to reassure customers that a marketplace listing is an official Red Hat offering.

An image showing misuse: A presentation slide with a badged RHEL icon and a badged OpenShift icon

Don’t use badged icons outside of marketplaces.

Applying technology icons

Technology icons should always be used in the context of the Red Hat brand. The Red Hat logo, a product logo, or (at the very least) the full name of the product or component should always be visible nearby. Without this context, our customers might not recognize the icon as representing a Red Hat technology.

The Red Hat OpenShift product logo and technology icon

Use technology icons as separate and distinct elements from logos.

Image showing misuse: The Red Hat OpenShift technology icon replacing the hat in the Red Hat logo

Do not merge icons and logos together.

The Red Hat Runtimes and automation controller technology icons

Use technology icons as they are provided without modification.

Image showing misuse: The icons have been altered to have an outline and drop shadow

Do not add drop shadows, outlines, or other effects to technology icons.

The Red Hat icon for automation and the Red Hat Ansible Automation Platform technology icon

Use all Red Hat icons and technology icons as they are provided.

Image showing misuse: The automation icon is inside a rounded rectangle, and the Ansible icon is not

Do not modify or combine Red Hat icon styles to create your own icon.

A co-brand logo lockup between the Red Hat logo and partner’s logo

Use the Red Hat logo when co-branding with a partner or customer logo.

Image showing misuse: The Red Hat Enterprise Linux technology icon co-branded with a partner’s logo

Do not co-brand a technology icon with a partner or customer logo.

The Red Hat OpenShift web page with the OpenShift icon and product artwork in the hero image.
Listings on the Red Hat Ecosystem Catalog use technology icons to indicate which Red Hat products the listing is certified on.
Red Hat technology icons on listings in the AWS Marketplace.
The outro of a Red Hat YouTube video with the Red Hat Ansible Automation Platform icon and web page URL.