Documentação

Ícones

Biblioteca oficial de ícones da RodoConta. Mesmo conjunto usado nas assinaturas de e-mail e materiais de comunicação. Escolha uma cor da paleta principal e exporte em SVG ou PNG.

Contato

Ícones aplicados em assinaturas de e-mail e blocos de contato.

Cor:
Phone
Phone
Telefone fixo / discagem
WhatsApp
WhatsApp
WhatsApp / mensagens
Mail
Mail
E-mail de contato
MapPin
MapPin
Localização / endereço

Redes sociais

Ícones das redes oficiais da RodoConta.

Cor:
LinkedIn
LinkedIn
Perfil corporativo
Instagram
Instagram
Redes sociais
Facebook
Facebook
Página oficial
YouTube
YouTube
Canal de vídeos

Uso correto

Diretrizes mínimas para manter a consistência visual.

Tamanho
12px em assinaturas de e-mail, 16–20px em interfaces e 24px+ em destaques.
Peso de traço
Mantenha stroke-width 2 nos ícones outline. Não altere a espessura.
Cor
Escolha sempre dentro da paleta principal da marca.
Alinhamento
Sempre alinhados verticalmente ao texto adjacente (vertical-align: middle).
Os SVGs usam currentColor — basta definir a cor no elemento pai para aplicar qualquer tom da paleta.
Atlas DS · Sistema de Design · 2026