Buscador de Ícones SVG
Pesquise Lucide e Heroicons — copie SVG, React ou Vue com um clique.
Personalize tamanho, cor e espessura do traço.
🔒Todas as operações são executadas no seu navegador.
Sobre
O Buscador de Ícones SVG permite que você pesquise no conjunto de ícones Lucide e copie o código SVG com um único clique. Personalize o tamanho, a cor e a espessura do traço, e gere o código pronto para usar no React ou Vue. Tudo funciona no seu navegador, sem solicitações de rede.
Como usar
Busque por nome
Digite uma palavra-chave (arrow, home, etc.) para filtrar os ícones.
Selecione e personalize
Clique em um ícone e ajuste o tamanho, a cor e a espessura do traço.
Copie o código
Copie o código SVG, React ou Vue diretamente para o seu projeto.
Glossário
- SVG (Gráficos Vetoriais Escaláveis)
- Formato de imagem vetorial baseado em XML que escala sem perder a qualidade, ideal para a web.
- Lucide
- Conjunto de ícones SVG de código aberto com mais de 1500 ícones. Licença ISC.
- Heroicons
- Ícones SVG da equipe Tailwind CSS. Licença MIT.
- viewBox
- Atributo SVG que define o sistema de coordenadas, garantindo a escala correta.
- stroke-width
- Controla a espessura das linhas do traço do ícone.
- currentColor
- Palavra-chave SVG que herda o valor de cores CSS para stroke/fill.
FAQ
- Q.Qual documentação de licença os ícones têm?
- Lucide tem licença ISC e Heroicons licença MIT. Ambos são gratuitos para uso comercial.
- Q.Os dados são enviados para um servidor?
- Não. Todas as operações são executadas no seu navegador.
Casos de uso
Design de Sites
Encontre o ícone perfeito para seus projetos de UI.
Projetos React
Copie importações de componentes instantaneamente.
Maquetes de Design
Visualize ícones antes de adicioná-los no Figma.
Comparação de Bibliotecas
Compare Lucide vs Heroicons lado a lado.