ICONYZ
Português (Brasil)

Ícones Interface com outras grades

68.623 ícones SVG grátis e de código aberto em 35 coleções de ícones Interface com outras grades. As maiores são Fluent UI System Icons, Phosphor e Energy Icons. 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 com outras grades (35)

Sobre os ícones Interface com outras grades

Estas coleções de ícones de interface usam grades diferentes de 24px ou misturam vários tamanhos. São úteis quando você precisa de um peso visual específico ou de um estilo que as coleções padrão de 24px não oferecem.

O Iconyz reúne 68.623 ícones Interface com outras grades de 35 coleções. As maiores são Fluent UI System Icons, Phosphor e Energy Icons. 34 são monocromáticas e podem ter a cor alterada com CSS; 1 é multicolorida.

As licenças variam de coleção para coleção: 26 podem ser usadas comercialmente sem atribuição, 9 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 com outras grades

LicençaColeções de íconesUso comercialAtribuição
MIT21SimNão exigida
CC-BY-4.09SimExigida
Apache-2.03SimNão exigida
OFL-1.11SimNão exigida
Unlicense1SimNã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 com outras grades

Os Ícones Interface com outras grades são grátis para uso comercial?

A maioria sim, mas depende da coleção. 26 das 35 coleções de ícones Interface com outras grades permitem uso comercial sem atribuição (MIT, Apache-2.0, OFL-1.1, Unlicense). Mais 9 permitem, desde que você dê crédito ao autor.

Qual coleção de ícones Interface com outras grades tem mais ícones?

Fluent UI System Icons é a maior, com 19.900 í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 com outras grades 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 com outras grades?

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