Jump to section

Nosso sistema de ícones é simples, claro e aberto. Use os ícones padrão para representar conceitos gerais de tecnologia em materiais de marketing, apresentações, conteúdo web, infográficos e diagramas. Eles devem ser usados em tamanhos pequenos, de preferência entre 32 e 100 pixels. Se for necessário um elemento maior, use uma ilustração.

Example showing white standard icons being used on a red background
Example showing red standard icons being used on a black background
Example showing black standard icons being used on a gray background

Todos os ícones usam as mesmas espessuras de traço e raios de canto, mostram os objetos de frente sempre que possível, usam perspectiva plana e são feitos com formas geométricas. Eles estão disponíveis em três cores (vermelho, preto e branco), mas podem ser alterados para qualquer cor da paleta da nossa marca.

Ícones padrão em uso

Two slides from the Red Hat presentation template showing standard icons

Os ícones padrão são uma maneira rápida de agregar interesse visual e reforçar os pontos principais das apresentações.

Example showing icons used in a technical diagram

Eles também podem ser usados em diagramas ou gráficos para destacar rapidamente componentes ou operações importantes.

Examples showing red icons being used on a web card design

Na web, use os ícones padrão em cartões ou listas, para atrair a atenção dos leitores.

Mug with a grid of standard icons

Os ícones padrão funcionam muito bem como pequenos elementos visuais em brindes, como canecas ou botões.

Red cloud icon used alone

Do this

Não altere o design do ícone.

Red cloud and lock icons being merged together

Do not do this

Não adicione elementos que alterem sua forma nem combine ícones. Para conceitos complexos, use ilustrações.

Quote with small talk bubble icon to the left and attribution

Do this

Use ícones para complementar textos ou pequenos elementos de design. Os ícones funcionam melhor com tamanhos entre 32 e 100 pixels.

Quote with large talk bubble that is not proportional to the text

Do not do this

Não amplie demais o ícone. O ícone deve apenas complementar outros elementos do design, não ser o foco de atenção.

Arrow and lightbulb icon being used without modifications

Não modifique a espessura ou a dimensão da linha dos ícones fornecidos.

Arrow and lightbulb icons being distorted and used incorrectly

Não altere ou distorça as dimensões dos ícones, nem modifique a espessura das linhas.

Red Hat standard icons for monitor and printer being used correctly

Use apenas ícones da biblioteca de ícones padrão da Red Hat.

Red Hat standard icon for monitor being paired with an outdated icon for printer

Não misture com ícones da internet, de outras marcas ou da biblioteca anterior da Red Hat.

Ícones padrão como texturas

As texturas são uma forma de usar nossos ícones para criar gráficos visualmente interessantes com rapidez. Use as texturas para fins de reconhecimento de um programa, equipe ou solução. Sempre estude cuidadosamente o melhor lugar para usar uma textura. Lembre-se de que o espaço em branco é um elemento importante da nossa marca, então não há necessidade de preenchê-lo sempre.

Cloud icon unfilled and filled repeated and used as a pattern

Tente variar o tamanho e o preenchimento de um ícone.

Container, app, and cloud icons used in a grid as a pattern

Selecione um conjunto de ícones relacionados do mesmo tamanho.

Orange and red pattern of icons connected by dotted lines

Experimente adicionar linhas de conexão aos ícones de um conjunto. As linhas devem corresponder à espessura dos ícones.

Pattern including icons that are multicolored in red and black, connected by teal dotted lines

Você pode variar cores e escala, mas sempre deve incluir o vermelho Red Hat para reforçar a marca.

Texturas de ícones em uso

Example of an icon pattern printed on a notebook

As texturas dos ícones são ótimas para personalizar brindes de equipes, soluções ou programas, pois se mantêm fiéis à marca Red Hat.

Example of an icon pattern being used on an email header

Elas podem ser adicionadas a espaços pequenos em documentos ou cabeçalhos de email, pois chamam a atenção de uma forma discreta.

Pattern made from the talk bubble and conversation icons

Do this

Varie um ou dois elementos para criar ritmo e interesse.

Talk bubble icon repeated on a grid with no variation

Do not do this

Não use o mesmo ícone sem variações. Isso é chato e repetitivo.

Image with text

Do this

Use texturas que não sejam muito complexas e que não interfiram com o texto ou outros elementos.

Image with text that is obscured by an icon pattern

Do not do this

Não use texturas que dificultem a leitura da mensagem.

Pattern of monitor and laptop icons linked by dotted lines

Do this

Use os ícones de forma independente, conectando-os por linhas ou outras formas.

Pattern of monitor and laptop icons that have been modified to connect together

Do not do this

Não combine os ícones a ponto de fazer com que eles percam seu significado.

Pattern with the shield, server, and container icons used in a grid

Do this

Use apenas ícones padrão em uma textura.

Pattern with shield and server icon and container mini-spot illustration

Do not do this

Não misture estilos diferentes de ícones ou ilustrações em uma textura.