Pesquisar Ícones e Adicioná-los à Página

Nossa Biblioteca de Ícones contém vários conjuntos de ícones: Material Design, Font Awesome, Bootstrap, Feather, Hawcons, Amazon AWS, Azure Services, Kubernetes, Google Cloud, Cisco, RPG Awesome e Emoji. E muitos desses conjuntos incluem uma variedade de temas.

Neste artigo, você aprenderá como encontrar os ícones que precisa e adicioná-los à página como objetos. Também mostraremos como duplicar e renomear esses ícones.

Navegar na biblioteca de ícones

Para navegar na biblioteca de ícones, vá até a Barra Lateral Esquerda e clique na Aba de Ícones. A aba ficará azul — e abrirá o Painel de Ícones.

Na parte superior do painel, use o menu suspenso para selecionar um kit de ícones e a seta do submenu para selecionar um tema específico para esse kit.

Depois de selecionar um kit e um tema, o painel exibirá várias categorias de ícones — para que você possa explorar um assunto ou ação específica.

Você pode expandir e recolher rapidamente todas as categorias dentro de um conjunto de ícones usando o menu Mais ações, ou mantendo pressionado Alt/Option ao expandir ou recolher uma única categoria.

Pesquisar ícones

Todos os nossos ícones são marcados com tags, facilitando a pesquisa, comparação e escolha do melhor ícone para o seu contexto.

Para pesquisar um ícone:

1. Digite um termo de pesquisa no campo para ver o número de correspondências em todas as bibliotecas.
2. Clique no link de 'correspondências' e selecione uma biblioteca de ícones no menu suspenso para ver os resultados desse conjunto específico.
3. Use o menu suspenso para clicar nos resultados de diferentes conjuntos sem perder o contexto da pesquisa.

Adicionar ícones à página

No Painel de Ícones, há duas maneiras de adicionar um ícone à sua página:

1. Arraste e solte um ícone em um local específico da página
2. Clique no ícone para que ele apareça no centro do seu viewport

Depois de adicionar um ícone à página, é fácil adicionar ícones subsequentes do mesmo conjunto. Basta clicar nesse ícone e, na seção de dimensões do Painel de Formato, abaixo do nome do ícone, você encontrará um link rápido para a biblioteca da qual ele foi adicionado.

Ícones personalizados

Atualmente, não é possível enviar conjuntos de ícones personalizados para a biblioteca de ícones, mas estamos desenvolvendo ativamente essa funcionalidade.

Enquanto isso, se você tiver ícones personalizados no formato SVG, há uma solução rápida e fácil usando o Painel de Modelos como repositório.

Para enviar e adicionar ícones personalizados:

1. Na barra lateral esquerda, clique na Aba de Modelos para abrir o Painel de Modelos.
2. Clique no botão Criar uma nova pasta para criar uma pasta dedicada de ícones.
3. Nomeie sua pasta de acordo com o seu conjunto de ícones específico.
4. Arraste e solte os arquivos svg de ícones selecionados do seu computador para a Biblioteca de Modelos.
5. A biblioteca manterá o nome dos arquivos de ícones individuais para que você possa pesquisá-los rapidamente.
6. Arraste seus ícones recém-adicionados para a página para redimensioná-los e estilizá-los.

Duplicar ícones

Você só pode duplicar ícones depois que eles forem adicionados a uma página — como objetos.

Há duas maneiras de duplicar um objeto:

• Mantendo pressionado Alt/Option, clique e arraste uma duplicata para longe do original
• Ctrl/Cmd + D cria uma duplicata na página

Renomear ícones

Você pode renomear qualquer objeto na página de duas maneiras:

• Na parte superior do Painel de Formato, você encontrará o nome do objeto em texto azul; basta clicar no texto para renomear.
• No Painel de Camadas, dê um duplo clique no nome do objeto e digite um novo nome.

Em um artigo posterior, explicaremos como usar o Painel de Camadas para Agrupar e Organizar seus objetos de forma rápida e eficaz.