Ícones Interface 24px
149.521 ícones SVG grátis e de código aberto em 65 coleções de ícones Interface 24px. As maiores são IconMind, IconOven e Keyline 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 24px (65)
IconMind
IconOven
Keyline Icons
Solar
Reicon
Tabler Icons
Huge Icons
Boxicons
MingCute Icon
Remix Icon
IconPark Outline
Lucide Extended
Myna UI Icons
andrsrxn/icons
TDesign Icons
Griddy Icons
Ultimate free icons
IconPark Solid
IconPark TwoTone
Lucide
IconaMoon
Iconoir
Lets Icons
Sharp free icons
Plump free icons
Sargam Icons
Unicons
Mage Icons
Pixelarticons
Stash Icons
Jam Icons
BoxIcons v2
Majesticons
Flowbite Icons
css.gg
BoxIcons v2 Solid
Lineicons
Pixel Icon
ProIcons
Vadivam
Cyber free icons
Basil
Akar Icons
coolicons
Meteor Icons
Lucide Lab
Guidance
WordPress Icons
Typicons
Bitcoin Icons
Prime Icons
Unicons Monochrome
Circum Icons
Humbleicons
Feather Icon
EOS Icons
Unicons Thin Line
Gridicons
Matita
Unicons Solid
Cuida Icons
Mono Icons
WeUI Icon
Duoicons
SVG Spinners
Sobre os ícones Interface 24px
As coleções UI 24px são desenhadas em uma grade de 24×24 pixels, o tamanho mais comum para ícones de interface. Elas cobrem ações, navegação, arquivos, dispositivos e indicadores de status, e são a escolha padrão para botões, menus, barras de ferramentas e barras de navegação.
O Iconyz reúne 149.521 ícones Interface 24px de 65 coleções. As maiores são IconMind, IconOven e Keyline Icons. 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: 53 podem ser usadas comercialmente sem atribuição, 12 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 24px
| Licença | Coleções de ícones | Uso comercial | Atribuição |
|---|---|---|---|
| MIT | 36 | Sim | Não exigida |
| Apache-2.0 | 11 | Sim | Não exigida |
| CC-BY-4.0 | 11 | Sim | Exigida |
| ISC | 3 | Sim | Não exigida |
| CC-BY-SA-4.0 | 1 | Sim | Exigida |
| GPL-2.0-only | 1 | Sim | Não exigida |
| GPL-2.0-or-later | 1 | Sim | Não exigida |
| MPL-2.0 | 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 24px
Os Ícones Interface 24px são grátis para uso comercial?
A maioria sim, mas depende da coleção. 53 das 65 coleções de ícones Interface 24px permitem uso comercial sem atribuição (MIT, Apache-2.0, ISC, GPL-2.0-only). Mais 12 permitem, desde que você dê crédito ao autor.
Qual coleção de ícones Interface 24px tem mais ícones?
IconMind é a maior, com 31.722 í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 24px 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 24px?
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 16px / 32px (18) Interface multicolorida (12) Interface com outras grades (35) Arquivo sem manutenção (30) Sem categoria (16)