Conjunto gratuito de mais de 6.200 ícones SVG em uma grade 24x24, com licença MIT e pacotes para React, Vue, Svelte, Angular e outros.
microsoft/fluentui-system-icons
Coleção open source da Microsoft de ícones Fluent UI familiares, amigáveis e modernos, disponível para Android, iOS/macOS, Flutter e em SVG puro.
Alternativa open source a:SF Symbols
- Estrelas
- 10,961
- Forks
- 815
- Issues abertas
- 216
- Último commit
- ontem
O que é?
Fluent UI System Icons é um conjunto de ícones da Microsoft, criado para ter uma aparência familiar, amigável e moderna. Os ícones são organizados nos estilos regular e filled, e cada um vem com metadados que definem os tamanhos, estilos e a direção do texto disponíveis.
O projeto oferece os ícones em bibliotecas prontas para uso em várias plataformas. Usuários de Android adicionam um pacote do Maven Central, quem desenvolve para iOS e macOS instala via CocoaPods ou Carthage, e projetos Flutter adicionam uma dependência pub. Equipes que não usam esses frameworks podem incluir os arquivos SVG diretamente no código. As bibliotecas para Android e iOS são geradas a partir dos arquivos SVG de origem por um importador no repositório.
Os ícones podem ser marcados como espelhados para idiomas escritos da direita para a esquerda, ou como tendo versões distintas para RTL e LTR, o que ajuda na localização de interfaces. O repositório também inclui um app de demonstração para Android e um app de exemplo para Flutter.
Recursos principais
- 01Estilos de ícones regular e filled em vários tamanhos
- 02Pacotes nativos para Android, iOS/macOS e Flutter
- 03Arquivos SVG puros que podem ser incluídos diretamente em qualquer projeto web
- 04Metadados de direção que indicam se os ícones são espelhados ou específicos para RTL/LTR
- 05Disponível via Maven Central, CocoaPods, Carthage e pub
Casos de uso
- Adicionar um conjunto consistente de ícones a um app Android ou iOS
- Criar um app Flutter com ícones no estilo Fluent
- Usar ícones SVG inline em uma interface React ou web
- Localizar uma interface para idiomas escritos da direita para a esquerda usando ícones espelhados
Início rápido
- 1
Adicione o repositório mavenCentral() ao build.gradle raiz
- 2
Adicione a dependência do Android ao seu build.gradle
implementation 'com.microsoft.design:fluent-system-icons:1.1.344@aar' - 3
Adicione a dependência do Flutter ao pubspec.yaml
fluentui_system_icons: ^1.1.344
Antes de usar
- Android, iOS/macOS e Flutter precisam de bibliotecas próprias, então não há um único pacote para todas as plataformas.
- Para usar SVG diretamente, você precisa copiar os arquivos ou incluí-los no código, em vez de instalar um pacote.
Em coleções
Tópicos
Perguntas frequentes
- O que é fluentui-system-icons?
- Coleção open source da Microsoft de ícones Fluent UI familiares, amigáveis e modernos, disponível para Android, iOS/macOS, Flutter e em SVG puro. Fluent UI System Icons é um conjunto de ícones da Microsoft, criado para ter uma aparência familiar, amigável e moderna. Os ícones são organizados nos estilos regular e filled, e cada um vem com metadados que definem os tamanhos, estilos e a direção do texto disponíveis.
- fluentui-system-icons é gratuito? Qual é a licença?
- fluentui-system-icons é open source sob a licença MIT. Confira os termos da licença antes de usá-lo em produtos comerciais.
- fluentui-system-icons ainda é mantido?
- Manutenção ativa. O último commit de fluentui-system-icons foi em 6 de nov. de 2026.
- Para que posso usar fluentui-system-icons?
- Adicionar um conjunto consistente de ícones a um app Android ou iOS Criar um app Flutter com ícones no estilo Fluent Usar ícones SVG inline em uma interface React ou web Localizar uma interface para idiomas escritos da direita para a esquerda usando ícones espelhados
- Como instalar fluentui-system-icons?
- Adicione o repositório mavenCentral() ao build.gradle raiz Adicione a dependência do Android ao seu build.gradle: implementation 'com.microsoft.design:fluent-system-icons:1.1.344@aar' Adicione a dependência do Flutter ao pubspec.yaml: fluentui_system_icons: ^1.1.344
- Onde consigo fluentui-system-icons?
- O código-fonte e as instruções de instalação estão no GitHub: https://github.com/microsoft/fluentui-system-icons
Resumo gerado por IA a partir do README do projeto. As estatísticas do GitHub são atualizadas diariamente.
Projetos relacionados
Conjunto gratuito de 204 ícones SVG desenhados à mão, com licença MIT, que se desenham e ficam balançando, com componentes React.
Biblioteca gratuita e open source com mais de 3.900 ícones de estilo neutro para produtos de IA, nuvem e web, com componentes para React e Vue.
Conjuntos oficiais de ícones Material Design do Google (Material Symbols e os clássicos Material Icons) nos formatos SVG, fonte de ícones, Android e iOS.
Framework Python para criar apps web, desktop e mobile com interface baseada em Flutter, sem precisar de experiência com frontend.
Um pacote de interface de chat para Flutter com widgets de mensagem personalizáveis e uma tela de conversa que pode ser conectada a qualquer backend.