Ícones Interface 16px / 32px
13.229 ícones SVG grátis e de código aberto em 18 coleções de ícones Interface 16px / 32px. As maiores são Carbon, Bootstrap Icons e IonIcons. 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 Interface 16px / 32px (18)
Sobre os ícones Interface 16px / 32px
Estas coleções são desenhadas em uma grade de 16px ou 32px. Ícones de 16px continuam nítidos em interfaces densas, como tabelas, editores de código e barras de ferramentas; os de 32px combinam com áreas de toque maiores e ilustrações de destaque.
O Iconyz reúne 13.229 ícones Interface 16px / 32px de 18 coleções. As maiores são Carbon, Bootstrap Icons e IonIcons. Todas são monocromáticas, então cada ícone assume a cor do texto ao redor (currentColor) e pode ter a cor alterada com CSS.
As licenças variam de coleção para coleção: 15 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 Interface 16px / 32px
| Licença | Coleções de ícones | Uso comercial | Atribuição |
|---|---|---|---|
| MIT | 13 | Sim | Não exigida |
| CC-BY-4.0 | 3 | Sim | Exigida |
| Apache-2.0 | 1 | Sim | Não exigida |
| BSD-3-Clause | 1 | Sim | Não 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 Interface 16px / 32px
Os Ícones Interface 16px / 32px são grátis para uso comercial?
A maioria sim, mas depende da coleção. 15 das 18 coleções de ícones Interface 16px / 32px permitem uso comercial sem atribuição (MIT, Apache-2.0, BSD-3-Clause). Mais 3 permitem, desde que você dê crédito ao autor.
Qual coleção de ícones Interface 16px / 32px tem mais ícones?
Carbon é a maior, com 2.632 í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 Interface 16px / 32px 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 Interface 16px / 32px?
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) Temáticos (9) Interface 24px (65) Interface multicolorida (12) Interface com outras grades (35) Arquivo sem manutenção (30) Sem categoria (16)