Ícones Temáticos
7.490 ícones SVG grátis e de código aberto em 9 coleções de ícones Temáticos. As maiores são Game Icons, Health Icons e Meteocons. Abra uma coleção para ver os ícones, conferir a licença e copiar o código SVG, React, Vue ou CSS.
Coleções de ícones Temáticos (9)
Sobre os ícones Temáticos
As coleções temáticas focam em um assunto, como clima, medicina, jogos, criptomoedas, ciência ou transporte, e cobrem esse tema com mais profundidade do que as coleções de interface de uso geral.
O Iconyz reúne 7.490 ícones Temáticos de 9 coleções. As maiores são Game Icons, Health Icons e Meteocons. 8 são monocromáticas e podem ter a cor alterada com CSS; 1 é multicolorida.
As licenças variam de coleção para coleção: 6 podem ser usadas comercialmente sem atribuição, 3 permitem uso comercial com crédito ao autor. A tabela abaixo resume as licenças; a página de cada coleção tem link para a licença completa.
Licenças dos ícones Temáticos
| Licença | Coleções de ícones | Uso comercial | Atribuição |
|---|---|---|---|
| MIT | 4 | Sim | Não exigida |
| CC-BY-4.0 | 2 | Sim | Exigida |
| OFL-1.1 | 2 | Sim | Não exigida |
| CC-BY-3.0 | 1 | Sim | Exigida |
Este é um resumo, não uma orientação jurídica. Leia nosso guia de licenças de ícones e a licença indicada na página de cada coleção.
Perguntas frequentes sobre ícones Temáticos
Os Ícones Temáticos são grátis para uso comercial?
A maioria sim, mas depende da coleção. 6 das 9 coleções de ícones Temáticos permitem uso comercial sem atribuição (MIT, OFL-1.1). Mais 3 permitem, desde que você dê crédito ao autor.
Qual coleção de ícones Temáticos tem mais ícones?
Game Icons é a maior, com 4.133 ícones. Coleções maiores têm mais chance de ter todos os ícones de que você precisa, o que mantém sua interface visualmente consistente.
Como usar os Ícones Temáticos em React, Vue ou HTML?
Abra qualquer ícone e copie o código como SVG, JSX para React ou Solid, componente Vue ou Svelte, Astro ou CSS, ou baixe em SVG ou PNG. Você também pode usar um ícone direto no HTML com uma tag <img> apontando para a URL do SVG.
Posso mudar a cor dos Ícones Temáticos?
Sim, nas coleções monocromáticas. O código SVG delas usa currentColor, então ícones inline seguem a cor CSS do elemento pai. Ao usar um ícone como imagem, adicione ?color=%23RRGGBB à URL do SVG. Ícones multicoloridos mantêm as cores originais.
Outras categorias de ícones
Emoji (11) Bandeiras e mapas (12) Logotipos (18) Material (6) Programação (11) Interface 16px / 32px (18) Interface 24px (65) Interface multicolorida (12) Interface com outras grades (35) Arquivo sem manutenção (30) Sem categoria (16)