Yesicon
Yesicon · Imagem
O Yesicon reúne quase 400 mil ícones vetoriais grátis de código aberto, vindos de 240 conjuntos, em um site só, com controle de cor e tamanho e exportação em SVG, PNG ou código.
Sobre Yesicon
About
O que é o Yesicon
O Yesicon é um mecanismo de busca de ícones que roda no navegador e foi feito para designers e desenvolvedores. Ele junta ícones de dezenas de conjuntos abertos, de Material Symbols e Tabler a Phosphor e Lucide, e coloca todos atrás de uma única caixa de busca. Você digita "download" ou "carrinho", filtra por estilo ou categoria e chega no ícone certo.
O site funciona como uma biblioteca de ícones open source pronta para consultar, sem instalação. Os dados vêm do Iconify, projeto de código aberto que já normaliza centenas de coleções. O Yesicon é a camada de consulta em cima disso. A qualidade da busca, portanto, depende de como os conjuntos originais nomeiam seus ícones, e um glifo muito específico pode ainda não existir.
O site é gratuito e não pede conta. Tudo gira em torno de tirar um ícone da página e colocar no seu projeto em segundos, não de montar uma biblioteca gerenciada dentro do Yesicon.
Como começar
- Abra yesicon.app e digite uma palavra na busca. Ctrl K leva direto ao campo a partir de qualquer ponto da página.
- Refine com os filtros. Dá para escolher estilo (linha, sólido ou dois tons), categoria (ações de interface, marcas, etc.) e conjunto de origem, se você já confia em um designer específico.
- Defina a cor e o tamanho em pixels no painel de prévia. O ícone se redesenha conforme você mexe.
- Copie a saída no formato que precisar: SVG puro, PNG no tamanho escolhido ou um trecho de código para React, Vue, Svelte, TailwindCSS ou UnoCSS.
- Confira a licença antes de publicar. Cada ícone pertence ao conjunto de origem, então as regras vêm daquele projeto, não do Yesicon.
Informações do produto
Uma visão rápida dos preços, das plataformas compatíveis e do desempenho de Yesicon.
Ideal para
Os usuários, tarefas e cenários em que esta ferramenta se encaixa melhor.
Usuários
- Desenvolvedores frontend
- Designers de interface e produto
- Estudantes e projetos pessoais
- Criadores individuais com um app pequeno
Tarefas
- Achar o ícone que combina com um componente
- Escolher um conjunto consistente para um projeto novo
- Recolorir um ícone conforme a paleta da marca
- Pegar código pronto para framework
- Montar logotipos de redes e marcas
Cenários
- Uma landing page feita de madrugada
- Limpar ícones misturados em um código antigo
- Prototipar antes de existir um design system
- Montar uma apresentação ou PDF com ícones em PNG
Principais recursos
Uma busca em 240 conjuntos
Uma consulta percorre quase 400 mil ícones de conjuntos abertos como Material Symbols, Material Design Icons, Tabler, Solar, Remix Icon, Lucide, Phosphor, Heroicons e Font Awesome. Não é preciso lembrar qual projeto é dono de cada glifo. A página de resultados mostra o nome do conjunto ao lado de cada ícone, então você sempre sabe a origem da peça.
Filtros de estilo, categoria e conjunto
Os filtros agem em três eixos. O estilo separa versões de linha, sólida, dois tons e arredondada. A categoria agrupa por finalidade, de ações de interface e navegação a marcas, comida e games. O filtro de conjunto reduz tudo a uma coleção quando a consistência visual vale mais do que variedade. Cruzando os três, milhares de resultados normalmente cabem em uma tela.
Prévia de cor e tamanho ao vivo
O painel de prévia permite trocar a cor e o tamanho em pixels antes de exportar. O que aparece é o que vai para a área de transferência. Isso ajuda principalmente quando o ícone precisa combinar com uma variável CSS, ou quando você já colou um SVG preto em tema escuro e teve de corrigir na mão.
Copiar como SVG, PNG ou código
Cada ícone oferece o SVG puro, um PNG no tamanho definido e um trecho pronto para React, Vue, Svelte, TailwindCSS e UnoCSS. Essa faixa atende tanto o designer que cola no Figma ou Sketch quanto o desenvolvedor que joga um componente no template. O código sai da mesma fonte da prévia, então o resultado bate.
Página de termos em alta
A página Trending ordena os termos mais buscados por usuários em inglês nos últimos seis meses e é atualizada no fim de cada mês. Palavras como plus, user, star e search aparecem no topo, mostrando como a comunidade nomeia as ações comuns. Também funciona como conferência quando você esquece o nome convencional de um ícone.
Interface em nove idiomas
A interface existe em inglês, chinês simplificado, chinês tradicional, espanhol, alemão, francês, japonês, coreano e português. Como cada idioma tem seu próprio endereço, um time espalhado por regiões trabalha no idioma dele sem contas separadas. A busca em si aceita palavras em inglês, então usuários de outros idiomas devem saber o termo em inglês.
Prós e contras
Prós
- O catálogo é enorme e gratuito. Quatrocentos mil ícones em 240 conjuntos cobrem quase qualquer cenário de interface sem assinatura.
- Buscar, filtrar e copiar acontecem na mesma página, o que elimina o vai e vem de pular entre sites de ícones.
- A prévia com cor e tamanho dispensa uma edição manual, porque você copia o ícone já no estado desejado.
- Os trechos para React, Vue e TailwindCSS poupam conversão manual, e a saída corresponde à prévia.
- Sem conta e sem limite de uso, dá para seguir buscando durante uma sessão longa de design.
Contras
- Não há API oficial nem fluxo de download em massa, então levar 200 ícones para um repositório continua sendo um clique de cada vez.
- Cada ícone traz a licença do conjunto de origem, e essas licenças variam. É preciso conferir os termos de cada projeto antes de uso comercial, o que dá trabalho extra em projetos grandes.
- O desenvolvedor não oferece plugin para Figma, Sketch ou VS Code, então o designer perde um passo em comparação com ferramentas que vivem dentro da tela de design.
- A qualidade da busca depende dos nomes dados pelos conjuntos. Ícones pouco documentados ou com nomes estranhos podem não aparecer, mesmo estando no catálogo.
Perguntas frequentes
É. Não existe plano pago, conta nem limite de download. Você busca e copia sem cadastro, e não há nada para cancelar depois.
Conteúdo relacionado
Explore ferramentas, skills e artigos relacionados a Yesicon.
Alternativas a Yesicon
Google EmbeddingGemma 2
Google DeepMind · Escrita · Imagem · ProgramaçãoGoogle EmbeddingGemma 2 é um modelo aberto de 740 milhões de parâmetros que transforma texto, código, imagens, áudio e quadros de vídeo em vetores de um único espaço de 768 dimensões, rodando em celulares e notebooks.
Tractionwave
TractionWave · Imagem · MarketingO TractionWave cria mapas de calor de atenção com IA para anúncios estáticos. Você envia um PNG ou JPG e recebe a atenção prevista, pontos quentes ranqueados e ajustes antes de gastar verba.
Imejis.io
Imejis.io · Imagem · MarketingO Imejis.io é um estúdio de design com IA para agentes e equipes de marketing. Você descreve a imagem com suas palavras, e a ferramenta escreve o texto, monta o layout, adapta para cada tamanho e exporta o arquivo final.