Sobre o Icon Library

O Icon Library é uma ferramenta gratuita para escolher ícones de menus, botões e interfaces. Ele reúne quatro conjuntos populares numa só página com busca, para você comparar estilos lado a lado e copiar exatamente o que precisa — um SVG pronto para colar no HTML, um componente React, um PNG ou um emoji.

Os conjuntos de ícones

Lucide

Cerca de 1.900 ícones de contorno limpos, numa grade de 24×24, desenhados com traço de 2 px. É um fork do Feather mantido pela comunidade e, hoje, o mais completo dos conjuntos de contorno. Licença: ISC.

Feather

O conjunto minimalista de contorno original, com cerca de 290 ícones. O Lucide nasceu dele, então os dois combinam no estilo e na maioria dos nomes. Licença: MIT.

Bootstrap Icons

Mais de 2.000 ícones da equipe do Bootstrap, muitos com variantes de contorno e preenchidas (os nomes com -fill). São desenhados como formas preenchidas numa grade de 16×16. Licença: MIT.

Emoji (Unicode)

Todos os emojis padrão, agrupados como no padrão Unicode. Diferente dos outros, emojis são texto: a aparência deles depende das fontes instaladas em cada aparelho.

As instruções passo a passo de cada recurso — busca, estilo, scratchpad, editor de ícones, projetos .ile e atalhos de teclado — estão no Guia.

Perguntas frequentes

Por que alguns emojis aparecem marcados “sem desenho”?

Os emojis mais novos entram no padrão Unicode antes de os sistemas operacionais trazerem fontes que os desenhem. A página verifica se a fonte do seu sistema desenha cada emoji e marca os que ela não desenha. Evite esses num menu: seus visitantes provavelmente veriam um quadrado vazio. Marque Só os que têm desenho neste computador para escondê-los.

Devo usar emojis ou ícones vetoriais na minha interface?

Ícones vetoriais ficam iguais em todo lugar, herdam a cor do texto e escalam sem perder qualidade. Emojis são mais rápidos de pôr, mas mudam de aparência entre Windows, macOS, Android e iOS. Para interfaces de produto, ícones vetoriais costumam ser a escolha mais segura.

Por que a cópia falha?

Os navegadores só permitem copiar para a área de transferência em páginas seguras (https://) ou em localhost. Se você roda sua própria cópia do site, sirva-a por HTTPS.

Posso usar estes ícones em projetos comerciais?

Lucide (ISC), Feather (MIT) e Bootstrap Icons (MIT) permitem uso comercial; mantenha o aviso de licença deles no seu projeto. Os desenhos dos emojis pertencem aos fabricantes das fontes (Microsoft, Apple, Google e outros) — copiar o caractere do emoji não tem problema, mas confira os termos do fabricante antes de usar o desenho dele como imagem.

Créditos

Os ícones pertencem aos seus autores e são usados sob as respectivas licenças: Lucide, Feather, Bootstrap Icons e unicode-emoji-json. O Icon Library é criado e mantido por André M. Ferreira e tem código aberto: código-fonte no GitHub.