Cada biblioteca de ícones tem uma voz visual própria, definida por raio de canto, espessura e nível de detalhe; misturar duas produz aquela sensação de "ícones baixados de lugares diferentes da internet", mesmo quando cada um é bem desenhado isoladamente.
Line minimalista é a família que mais se aproxima da superfície chapada da marca: sem sombra, sem gradiente, sem forma orgânica. Baixe a biblioteca completa com os 287 ícones padronizados em 1.5px.
É a mesma espessura da borda de card e de campo do sistema.
Com isso, ícone e componente compartilham uma única linha visual. Um ícone de traço 2px ao lado de uma borda de 1,5px cria um desencontro que ninguém nomeia mas todo mundo percebe como "algo está pesado demais aqui".
24px em botão, campo e navegação. 48px só em estado vazio; bloco de benefício é foto ou texto. Não use um terceiro tamanho: se o ícone parece pequeno demais a 24px, o problema é o espaço em volta.
As duas bibliotecas oficiais num lugar só: Sistema, para site, app e Central, e Peças, para posts, anúncios e impressos. Mude tamanho, traço, cor e fundo e veja o resultado em todos os ícones. Os controles só vão até onde a marca permite, e o aviso diz quando a combinação sai da regra. Clique num ícone para selecionar; em Detalhes, baixe o SVG ou o PNG, ou copie o código.
Este é o conjunto funcional de uma locadora: buscar, escolher data e local, pagar, confirmar, pedir ajuda. Se uma tela nova precisar de um ícone que não está aqui, pegue na mesma biblioteca, nunca de outra.
O item ativo muda de forma e de cor. Dois sinais em vez de um: se a única pista fosse a cor, quem tem dificuldade de percebê-la perderia o estado por completo. Isso vale sobretudo na tab bar do app.
O ícone de perfil é o único ícone que não vem da biblioteca: é a asa branca sobre vermelho cheio, a 66% de largura. É ele que garante reconhecimento no círculo de 40px da busca do Google, e é um dos dois únicos lugares onde a asa aparece sem o wordmark.
Um ícone puramente decorativo leva aria-hidden="true". Um ícone que é a própria ação (o X de fechar, por exemplo) precisa de rótulo acessível, mesmo sem texto visível.
Foto é conteúdo e ícone é sinal de função; nenhum dos dois é decoração. Seis cards de vitrine com três ícones cada são dezoito ícones repetidos numa tela, sem dizer nada que uma linha de texto não diga. Onde cabia um ícone grande "para ilustrar", cabe uma foto do saguão ou nada. Ver 06 · Componentes.