BIBLIOTECA DE ÍCONES PARA ELEMENTOR

Biblioteca de ícones Elementor: 8 pacotes de ícones extras, mais de 5.300 ícones

Master Addons adiciona oito pacotes de ícones ao seletor de ícones do próprio Elementor: Elementor Icons (eicons), Google Material Icons, Remix Icon, Feather Icons, Linearicons, Simple Line Icons, iconmonstr's Iconic Font e Teenyicons São 5.344 ícones que você pode escolher em qualquer widget com um campo de ícones.

Elementor Icon Library pop-up com os oito pacotes de ícones Master Addons listados em Minhas Bibliotecas, ao lado de um cartão mostrando a contagem de ícones para cada pacote

Assista ao vídeo de configuração de 35 segundos

O QUE VOCÊ OBTÉM

Cada pacote de ícones Elementor em um selecionador

O selecionador de ícones da Elementor vem com Font Awesome em três conjuntos: Regular, Solid e Brands Master Addons adiciona mais oito pacotes ao mesmo pop-up Cada um recebe sua própria guia em Minhas Bibliotecas, marcada com um pequeno emblema “M”.

Você não baixa nada nem carrega arquivos ZIP, e não há widget de ícone separado para aprender Continue usando os widgets Ícone, Caixa de Ícones, Lista de Ícones, Botão e Ícones Sociais do Elementor como você faz agora A caixa de pesquisa do pop-up olha através de cada pacote que você ligou.

Resultados da pesquisa para foguete na visualização Todos os ícones, com correspondências de vários pacotes de ícones
OS PACKS

Os 8 pacotes de ícones e quantos ícones cada um possui

Os números são os ícones na aba do selecionador de cada pacote Juntos, eles adicionam 5.344 ícones ao Elementor.

PacoteÍconesEstiloBom para
Ícone Remix (Pro)2.271Pares de linha e preenchimentoMenus, hover e estados ativos, dashboards
Ícones de materiais do Google1.144PreenchidoLimpe as ações de interface e os sites no estilo de aplicativos
Teenyicons (Pro)600Pequeno, contorno mínimoMenus compactos, rótulos e layouts densos
Ícones Elementadores (eicons)398Glifos de interface do elementorA correspondência do visual do próprio Elementor
Fonte Icônica (iconmonstr)300SólidoFlechas, carets e símbolos do dia a dia
Ícones Pena (Pro)272Linha clara, extremidades arredondadasInterfaces limpas e modernas
Ícones de linha simples189Linha finaSites mínimos e de portfólio
Linearicons170LinhaSites de negócios e serviços
Total5.344Font Awesome fica disponível ao lado de todos os oito pacotes

As contagens de ícones são dos arquivos do pacote em Master Addons 3.2.

NAVEGAR

Explore cada pacote de ícones

Uma amostra de cada pacote, renderizada com a mesma cor e tamanho, para que você possa comparar seus estilos lado a lado.

Dezesseis exemplos de ícones do pacote Remix Icon, incluindo casa, usuário, coração e carrinho de compras

Ícone de remix (Pro)

2.271 ícones · Linha + preenchimento · Remixicon

O maior pacote A maioria das formas vem duas vezes: a -line versão e a -fill versão, para que um ícone possa mudar de contorno para sólido ao passar o mouse ou marcar o item de menu ativo.

Seis formas de Ícones Remix mostrados como pares de linha e preenchimento: casa, coração, estrela, marcador, notificação e bate-papo
Dezesseis exemplos de ícones do Google Material Icons, incluindo casa, estrela, nuvem e configurações

Ícones de materiais do Google

1.144 ícones · Preenchido · Design de Material

Ícones de materiais do Google no estilo Material Design preenchido O conjunto cobre alertas, controles de mídia, comércio e as ações cotidianas que as pessoas conhecem dos aplicativos Android e Google.

Uma boa combinação para sites semelhantes a aplicativos, onde cada ícone deve ser lido como uma ação rapidamente.

Dezesseis exemplos de ícones do pacote Teenyicons, incluindo casa, carrinho, sino e globo

Teenyicons (Pro)

600 ícones · Pequeno esboço

Ícones de contorno pequenos e mínimos projetados para permanecerem claros em tamanhos pequenos.

Ele se encaixa nas barras laterais, mesas, emblemas e qualquer local onde um ícone fique ao lado de texto de 13 ou 14 px.

Dezesseis exemplos de ícones do Elementor Icons (eicons), incluindo coração, carrinho, código e o logotipo do Elementor

Ícones Elementadores (eicons)

398 ícones UI do elementador·

Fonte de ícone do próprio Elementor, os glifos que o editor usa para formatação de texto, layout e símbolos de widget O selecionador padrão do Elementor não lista eicons Master Addons adiciona todos os 398 como uma guia que você pode escolher.

Handy em sites de tutoriais e agências que devem corresponder à interface do Elementor.

Dezesseis exemplos de ícones da fonte icônica do iconmonstr, incluindo casa, usuário, foguete e globo

Fonte Icônica (iconmonstr)

300 ícones · Sólido · por iconmonstr

A Fonte Icônica definida por iconmonstr Esta é uma biblioteca diferente de Ionicons Uma grande parte dela são setas, ângulos e carets em versões simples e circuladas.

Use-o para botões, controles deslizantes e setas de navegação que precisam de uma forma sólida e ousada.

Dezesseis exemplos de ícones de Feather Icons, incluindo casa, câmera, mapa e camadas

Ícones de Pena (Pro)

272 ícones · Grade 24 px · Linha de luz

Ícones desenhados em uma grade de 24 px com um leve traço uniforme e extremidades arredondadas.

Os trajes leves apresentam listas, tabelas de preços e menus de navegação.

Dezesseis exemplos de ícones de ícones de linha simples, incluindo casa, usuário, foguete e troféu

Ícones de linha simples

189 ícones · Linha fina

Ícones de contorno fino para pessoas, telefones, mapas, navegação e outros símbolos do dia a dia.

Escolha-o para layouts mínimos e de portfólio, onde um ícone pesado chamaria muita atenção.

Dezesseis exemplos de ícones da Linearicons, incluindo casa, carrinho, nuvem e presente

Linearicons

170 ícones · Linha

Ícones de linha de Linearicons, como casa, nuvem, bloqueio, engrenagem e coração.

Funciona bem para listas de serviços e seções de contato em sites de negócios.

CONFIGURAÇÃO

Como adicionar mais ícones ao Elementor (3 passos)

Demora cerca de um minuto Detalhes completos estão no Documentos da Biblioteca de Ícones.

Passo 1

Ligue os pacotes que quiser

Vá para Complementos Mestres > Configurações > Extensões e clique no filtro Biblioteca de Ícones Cada pacote tem seu próprio switch, e Habilitado Todos liga cada pacote de uma só vez Clique em Salvar alterações.

Guia Extensões de complementos mestre filtrada para Biblioteca de ícones, mostrando interruptores para todos os oito pacotes de ícones
Passo 2

Abra qualquer campo de ícone no Elementor

Adicione um ícone, caixa de ícones, lista de ícones, botão ou qualquer outro widget com um ícone. Passe o mouse sobre a visualização do ícone na guia Conteúdo e clique em Biblioteca de ícones.

Painel de widgets Elementor Icon com o botão Biblioteca de Ícones destacado na visualização do ícone
Passo 3

Escolha um pacote ou pesquise e insira

Os novos pacotes ficam em Minhas Bibliotecas Clique em um pacote para navegar nele, ou digite Filtrar por nome para pesquisar cada pacote de uma só vez Selecione um ícone e clique em Inserir.

Um ícone de foguete Remix selecionado no pop-up Biblioteca de Ícones com o botão Inserir destacado
COMPATIBILIDADE

Funciona em todos os campos de ícones do Elementor

Os pacotes se conectam ao pop-up padrão da Biblioteca de Ícones do Elementor, para que apareçam onde quer que esse pop-up seja aberto:

O controle de Ícones do Widget Builder usa os mesmos pacotes, então widgets personalizados os obtêm também Veja Controle de ícones no Widget Builder.

Cor, tamanho, rotação e cor de hover vêm da guia Estilo de cada widget, os mesmos controles que você já usa para ícones Font Awesome.

Guia Estilo da caixa de ícones com a seção Ícone aberta ao lado das caixas de ícones que usam cada um dos oito pacotes
DESEMPENHO

Carregue apenas os pacotes que você usa

Mantenha os pacotes que seu site precisa e deixe o restante desligado.

Um interruptor por pacote

Desligue um pacote e sua guia sai do pop-up da Biblioteca de Ícones Seus arquivos de fonte param de carregar no editor.

Nada adicionado à sua biblioteca de mídia

Os pacotes são fontes de ícones, então cada ícone é uma única tag <i> e sua biblioteca de mídia permanece intocada.

Uma lista mais curta para pesquisar

A pesquisa e a visualização Todos os ícones incluem apenas os pacotes que você ligou, o que mantém os resultados curtos.

COMPARAR

Biblioteca de ícones de complementos mestres versus ícones integrados do Elementor versus ícones personalizados

Três maneiras de colocar ícones no Elementor e o que cada um oferece.

Elementor embutidoÍcones personalizados Elementor ProBiblioteca de ícones Master Addons
Conjuntos íconesFonte Incrível Regular, Sólida e MarcasQualquer conjunto que você carregarFonte Incrível mais 8 pacotes
Ícones prontos para usoFonte Apenas incrívelNenhum até você enviar um conjunto5.344 mais
Precisa de um CEP de Fontello, IcoMoon ou FontasticNãoSimNão
eicons no selecionadorNãoNãoSim, 398 ícones
Ligue e desligue os aparelhosNãoExclua o conjunto carregadoUm interruptor por pacote
Pesquise em conjuntosSimSimSim, cada pacote de uma vez

Precisa da fonte de ícones da sua marca? faça o upload com os ícones personalizados do Elementor Pro. Ele aparece em Minhas bibliotecas ao lado dos pacotes Master Addons.

EM USO

Pacotes de ícones em layouts reais

Quatro seções de exemplo, cada uma construída com um pacote, para mostrar como os estilos ficam em uma página.

Exemplo de grade de recursos com seis cartas, cada uma usando um ícone de linha Remix Icon
Grade de recursos com ícones de linha Remix Icon
Exemplo de tabela de preços com dois planos usando ícones de verificação de penas e cruz
Tabela de preços com ícones de penas
Exemplo de seção de contato com ícones de telefone, e-mail, mapa e relógio do Google Material Icons
Seção de contato com ícones de materiais do Google
Exemplo de painel com um menu de barra lateral compacto e estatísticas usando Teenyicons
Menu de barra lateral compacto com Teenyicons

Perguntas frequentes para a biblioteca de ícones Elementor

Saiba as dúvidas mais solicitadas que os usuários têm sobre a Biblioteca de Ícones e encontre respostas em um só lugar.
Como adiciono mais ícones ao Elementor?

Instale os complementos mestres, vá para complementos mestres > configurações > extensões > Biblioteca de ícones e ligue os pacotes desejados. Eles então aparecem em Minhas bibliotecas no pop-up Biblioteca de ícones de cada campo de ícone do Elementor.

No. Todos os oito pacotes são enviados dentro do plugin, portanto, não há arquivos ZIP para importar e nenhum SVG para fazer upload.

5.344 ícones em oito pacotes: Ícone Remix 2.271, Ícones de Material do Google 1.144, Teenyicons 600, Ícones Elementor 398, Fonte Icônica 300, Ícones de Pena 272, Ícones de Linha Simples 189 e Linearicons 170.

Feather Icons, Remix Icon e Teenyicons fazem parte do Master Addons Pro. Eles aparecem no selecionador assim que o Pro estiver ativo com uma licença válida.

São tipos de letra de ícones Se quiser usar o seu próprio ficheiro SVG para um único ícone, a opção Carregar SVG do Elementor no campo de ícones ainda funciona como habitualmente.

Posso usar os eicons do Elementor em meus widgets?

Sim. O selecionador padrão do Elementor lista apenas Font Awesome, mas Master Addons adiciona os 398 eicons como sua própria guia, para que você possa colocá-los em qualquer campo de ícones.

No. Iconic Font é um conjunto de 300 ícones da iconmonstr. Ionicons é uma biblioteca separada e não faz parte do Master Addons.

Sim. Conjuntos que você carrega com ícones personalizados e os pacotes Master Addons aparecem no mesmo pop-up, e Font Awesome permanece onde está.

Certifique-se de que o interruptor do pacote está ligado e você clicou em Salvar alterações e, em seguida, recarregar o editor Se os ícones mostrarem como quadrados vazios, limpe o cache do Elementor em Elementor > Ferramentas > Geral (Limpar arquivos e dados), depois limpe o cache da página e o CDN.

Obtenha mais de 5.300 ícones em seu selecionador de ícones Elementor

Todos os oito pacotes ficam no próprio pop-up da Elementor, cada um com seu próprio switch A Biblioteca de Ícones faz parte do Master Addons for Elementor, que roda em mais de 30.000 sites.

Documentos da Biblioteca de Ícones

Configurações, prefixos CSS, solução de problemas

Controle de ícones do Widget Builder

Use os pacotes em widgets personalizados

Biblioteca de modelos

Páginas e seções prontas

Preços

Planos para Master Addons Pro