Crie uma fonte de ícones personalizada em minutos. Explore mais de 20.000 ícones de código aberto do Lucide e Tabler, faça upload dos seus SVGs e gere uma fonte WOFF + CSS pronta para produção. Grátis, sem cadastro.
Sem software para instalar, sem conta para criar. Tudo funciona no seu navegador.
Explore mais de 20.000 ícones por categoria ou busque por nome. Faça upload dos seus próprios arquivos SVG para adicionar ícones personalizados. Combine ícones de qualquer coleção.
Clique em gerar e obtenha uma fonte WOFF pronta para produção com um arquivo CSS correspondente. Cada ícone recebe um nome de classe único como tf-icon-home.
Faça upload dos arquivos para seu servidor e adicione um link CSS ao seu cabeçalho. Funciona com HTML, React, Vue, Angular, WordPress, Webflow, Bubble e qualquer framework.
O gerador é completamente gratuito. O plano Pro adiciona CDN hospedado com atualizações automáticas por $15 CAD/ano.
Plano Pro: $1,25/mês. Menos que um café.
Sua fonte de ícones gerada funciona em qualquer lugar onde você possa adicionar um arquivo CSS.
Qualquer site estático ou projeto codificado manualmente.
Importe o CSS e use nomes de classe em JSX ou templates.
Adicione à pasta de fontes do seu tema e registre a folha de estilos.
Faça upload em Assets, adicione a URL do CSS no código personalizado do head.
Faça upload dos arquivos, adicione a URL do CSS no header de SEO/Metatags.
Adicione a URL do CSS no código personalizado de Configurações do Projeto.
Faça upload para os assets do tema e referencie no layout.
Use o arquivo de fonte em React Native, Flutter ou apps nativos.
Uma fonte de ícones é uma fonte web personalizada onde cada caractere é um ícone em vez de uma letra. Você inclui um arquivo CSS no seu site e usa nomes de classe como <i class="tf-icon-home"></i> para exibir ícones. Eles se adaptam a qualquer tamanho, podem ser coloridos com CSS e carregam em uma única requisição HTTP.
Mais de 20.000 ícones de coleções de código aberto, incluindo Lucide e Tabler. Você também pode fazer upload dos seus próprios arquivos SVG para incluir ícones personalizados na sua fonte.
Sim. O nível gratuito permite explorar todos os mais de 20.000 ícones, fazer upload de SVGs personalizados e baixar os arquivos WOFF + CSS compilados. Sem cadastro, sem marca d'água, sem limite na quantidade de ícones incluídos.
Por $15 CAD/ano, o plano Pro hospeda sua fonte de ícones em um CDN. Você recebe uma URL permanente para colar no cabeçalho do seu site. Quando você adiciona ou remove ícones, o CDN é atualizado automaticamente, sem precisar baixar ou fazer upload de arquivos novamente. Você pode criar bibliotecas de ícones ilimitadas.
Fontes de ícones são mais simples de usar (apenas classes CSS), carregam em uma única requisição e funcionam em qualquer lugar, incluindo templates de e-mail. Podem ser dimensionadas e coloridas com CSS assim como texto. Sprites SVG também são ótimos -- use o que melhor se encaixar no seu projeto.
Sim. Todos os ícones do gerador são de coleções de código aberto com licenças permissivas (MIT ou ISC). Você pode usá-los em projetos pessoais e comerciais sem atribuição, embora dar crédito aos autores originais seja apreciado.
Este gerador de fontes de ícones é uma das muitas ferramentas do TimingFlow, o sistema operacional criativo para agências digitais. Uma plataforma que substitui toda sua stack tecnológica.
Mais de 20.000 ícones. SVGs personalizados. Saída WOFF + CSS. Grátis, sem cadastro.