Iconografia

  • Ícones devem ter uma ação associada ao seu desenho.
  • Não é permitido o uso de ícones de forma decorativa, exceto aqueles utilizados nas mensagens do sistema ou legendas.
  • O PIWeb utiliza o conjunto de ícones gratuitos do framework Fontawesome.
  • A biblioteca do Fontawesome deve ser a única fonte de ícones a serem utilizados nas interfaces.  

Ícones básicos
Ícones de ação
Editar

 

Excluir
 
Ordenar
Visualizar
Sair
 
Importar / Exportar
/
Upload / Download
/
Redes sociais
Nota: nos ícones de ação deste modelo foram utilizados os elementos <a href=""> e <button> para ilustrar as possibilidades de uso.
Ícones de informação
Mensagens
       
Tipos de arquivo
         
Usuário