Documentação
Ultima atualização: 11 de Fevereiro de 2019

Ícones

Ícones disponíveis

O Core conta atualmente com um total de 34 ícones, todos eles usam um svg como background.

  • ic-password
  • ic-email
  • ic-smile
  • ic-smartphone
  • ic-circle-down
  • ic-fire
  • ic-circle-up
  • ic-visibility-off
  • ic-visibility-on
  • ic-code-pin
  • ic-keyboard-arrow-right
  • ic-keyboard-arrow-right-2
  • ic-close
  • ic-phone
  • ic-support
  • ic-financeiro
  • ic-comercial
  • ic-servicos
  • ic-orange-rocket
  • ic-earphone
  • ic-pending
  • bubble-simple-line-icons
  • ic-orange-eye
  • ic-search
  • ic-search-list
  • ic-go
  • ic-back
  • ic-pin
  • ic-attachment
  • ic-buy
  • ic-web
  • ic-install
  • ic-solved
  • ic-remove-photo

Como usar

Por motivos de desempenho, todos os ícones exigem uma classe base .icon-svg e a classe individual do ícone desejado.

Não misture com outros componentes

As classes de ícone não pode ser combinada diretamente com outros componentes. Eles não devem ser utilizados junto com outras classes sobre o mesmo elemento. Em vez disso, adicione um <span> ou um i.

Use apenas em elementos vazios

Classes de ícone só devem serem utilizadas em elementos que não contêm nenhum conteúdo de texto e que não tenham elementos filho.

Exemplo

Abaixo tem um exemplo simples e prático de como usar os ícones que estão disponíveis no Core.

<i class="icon-svg ic-install"></i>