Neste tutorial, será mostrado como inserir novos ícones no seu projeto, após a importação e configuração dos ícones na IDE, será possível atribuir os novos ícones e utilizá-los nos componentes que possuem essa propriedade.

Pré-requisitos

Antes de começar a seguir os passos do tutorial é preciso ter certeza de que se tem um ambiente minimamente preparado para reproduzir o exemplo. Abaixo estão os requisitos principais.

Requisitos:

• Projeto do web criado. Caso haja dúvidas de como criar esse tipo de projeto acesse o link criar projeto;
• Habilitar a opção Modo Avançado.

Importando ícones ao projeto

Baixando pacote de ícone

Primeiramente, acesso acesse um site que possuam possua pacotes contendo ícones, geralmente ao baixar, ja vem zipado, no nosse nosso exemplos usaremos o site useiconic por ser open source. Baixe o pacote zipado com os ícones, no nosso exemplo basta clicar em Download v1.1.0 (Figura 1).

Figura 1 - Baixando pacote de ícones

Importando arquivos para o projeto

Após baixar, extraia em uma pasta o arquivo zipado, iremos utilizar somente a pasta font.