Iconografia

Sistema iconográfico Digiliza

Duas versões (Stroke e Fill), construídas em grid de 32px e aplicadas no produto com Lucide como base principal.

Stroke | Fill

Banco de ícones para interface, campanhas e peças institucionais. No sistema, priorizamos traço fino, cantos arredondados e leitura clara em fundos claros.

Versão Stroke

Versão Fill

No sistema Digiliza

Referência da tela de Conversas: navegação em Lucide, integrações em Logos/Remix e controles densos em Material Symbols.

Conversas

Pesquisar...

Ana Paula

10:30

Última mensagem do atendimento...

Barbara Suporte

10:31

Última mensagem do atendimento...

Cliente Digiliza

10:32

Última mensagem do atendimento...

Bibliotecas utilizadas

Lucide

Navegação principal do sistema

acesse o site

Logos

Integrações e canais externos

acesse o site

Remix Icon (ri)

Ações e estados complementares

acesse o site

Phosphor (ph)

Destaques e empty states

acesse o site
searchsendmore_vert

Material Symbols

Toolbar e controles densos

acesse o site
tickbelluser

Teenyicons

Microinterações e badges

acesse o site

Grid 32×32

Base de construção para todos os ícones do sistema.

Traço 1px

Espessura padrão com extremidades arredondadas.

Área de proteção

4px de respiro em cada lado do ícone.

Formas mestre

Vertical

Horizontal

Circular

Quadrada

Ícones do sistema

Conversas
Kanban
Contato
Campanhas
Relatórios
Configurações
Ajuda
Busca

Versão preenchida

Parta do outline, preencha o interior e recorte o negativo respeitando a forma original.

→

Padronização do rounded

Variações em múltiplos de 50 para containers e botões de ícone.