Jump to section

Product icons represent our products and technologies in small spaces such as marketplaces, catalogs, browser tabs, and favicons. Product icons are designed to work well at small sizes and are intentionally simple, but can be adapted for use as artwork in marketing materials and collateral. They should never be used as a product logo or without the context of the Red Hat brand.

Examples of product icons in both the product icon and service icon styles

Product icons are

a green check icon
  Used to represent products in user interfaces.

a green check icon
  Used as favicons in product interfaces or browser tabs.

a green check icon
  Used in diagrams or infographics to represent products.

a green check icon
  Adapted to use as artwork on swag or marketing materials.

Product icons are not

A red x icon
  Used in product logos.

A red x icon
  Exchangeable with the red hat icon.

A red x icon
  Used without the context of the Red Hat brand (i.e., with the full product name in plain text, a Red Hat or product logo, or within a Red Hat-branded interface).

Product icon styles

Our product icon system includes 2 styles. One for products (with a SKU) that we sell, and one for all other technology offerings. This helps users better understand our product portfolio and lets them easily find the technology that they’re looking for in marketplaces and catalogs.

an example of a product icon in Red Hat's product icon style

Product icon style

Products with a SKU are represented by a red-and-white icon inside a solid, black, rounded square. Key elements are highlighted in red.

service icon style

Service icon style

All other technologies, including services, features, components, plug-ins, and operators are represented by a black-and-red icon inside a black, outlined, rounded square with a white background. Key elements are highlighted in red.

Product icons in use

A screenshot of Red Hat Marketplace featuring two Red Hat offerings represented by product icons

Marketplaces and catalogs

Product icons should primarily be used to represent our products and technologies in highly visual user interfaces such as marketplaces, catalogs, and product environments.

An example of using a product icon as a favicon in a browser tab

Favicons and browser tabs

Product icons can also be used as favicons in browser tabs or within the navigation of a product interface. However, they should always be used in the context of the Red Hat brand (with a full Red Hat logo or product logo somewhere nearby).

Example of a product icon being used in a topology diagram

Diagrams

Product icons can be used to represent products and technologies in diagrams like topology views within product interfaces, technical diagrams within product documentation, or in infographics that support product initiatives.

Example of a product icon adapted and used as artwork in a social graphic

Adapted for artwork

Product icons can be used to make artwork to support a marketing initiative, like on swag or on a social media graphic. Unlike icons, which should be consistent over time and across applications, artwork can be flexible and change. Learn more about artwork.

A product icon and product logo being used in separate imprint areas

Do this

Use product icons as separate and distinct elements from logos.

Example of what not to do when using product icons and logos together

Do not do this

Do not merge product icons and logos together by replacing the red hat icon.

Example of product icons being used correctly in context of the Red Hat brand

Do this

Use product icons in the context of the Red Hat brand.

Example of product icons being used incorrectly without the context of the Red Hat brand

Do not do this

Do not use product icons without the context of the Red Hat brand.

Red Hat AMQ product icon in the product icon style

Do this

Use the product icons as provided.

Example of incorrectly scaling and altering the colors of elements of a product icon

Do not do this

Do not alter the colors or scale parts of the icon independently of each other.

A product icon in the product icon style on a black background with a white drop shadow to add separation from the background

Do this

Add a tasteful drop shadow when using the product icon style on black backgrounds.

Example of incorrectly adding an outline to the product icon style to create separation on a black background

Do not do this

Do not add an outline to the product icon style for use on black backgrounds.