Repolode
Enviar
microsoft

microsoft/fluentui-system-icons

Colección de código abierto de iconos Fluent UI de Microsoft, familiares, amigables y modernos, disponible para Android, iOS/macOS, Flutter y como SVG sin procesar.

Alternativa open source a:SF Symbols

Ver en GitHubSitio web
Estrellas
10,961
Forks
815
Issues abiertos
216
Último commit
anteayer

¿Qué es?

Fluent UI System Icons es un conjunto de iconos de Microsoft diseñados para resultar familiares, amigables y modernos. Los iconos están organizados en estilos regular y relleno, y cada uno incluye metadatos que definen los tamaños, estilos y direcciones de texto disponibles.

El proyecto ofrece los iconos en bibliotecas listas para usar en varias plataformas. Los usuarios de Android incorporan un paquete desde Maven Central; los desarrolladores de iOS y macOS instalan los iconos mediante CocoaPods o Carthage, y los proyectos de Flutter añaden una dependencia de pub. Los equipos que no usan estos frameworks pueden insertar directamente los archivos SVG. Las bibliotecas de Android e iOS se generan a partir de los recursos SVG de origen mediante un importador incluido en el repositorio.

Los iconos se pueden marcar para que se reflejen en idiomas que se escriben de derecha a izquierda, o para indicar que tienen versiones distintas para RTL y LTR, lo que facilita la creación de interfaces localizadas. El repositorio también incluye una aplicación de muestra para Android y una aplicación de ejemplo para Flutter.

Funciones clave

  • 01Estilos de iconos regular y relleno en varios tamaños
  • 02Paquetes nativos para Android, iOS/macOS y Flutter
  • 03Archivos SVG sin procesar que se pueden insertar en cualquier proyecto web
  • 04Metadatos de dirección que indican si los iconos se reflejan o tienen versiones específicas para RTL/LTR
  • 05Disponibles en Maven Central, CocoaPods, Carthage y pub

Casos de uso

  • Añadir un conjunto coherente de iconos a una aplicación de Android o iOS
  • Crear una aplicación de Flutter con iconos de estilo Fluent
  • Usar iconos SVG insertados directamente en una interfaz de React o web
  • Localizar una interfaz para idiomas que se escriben de derecha a izquierda mediante iconos reflejados

Inicio rápido

  1. 1

    Añade el repositorio mavenCentral() al build.gradle raíz

  2. 2

    Añade la dependencia de Android a tu build.gradle

    implementation 'com.microsoft.design:fluent-system-icons:1.1.344@aar'
  3. 3

    Añade la dependencia de Flutter a pubspec.yaml

    fluentui_system_icons: ^1.1.344

Antes de usarlo

  • Android, iOS/macOS y Flutter necesitan cada uno su propia biblioteca, así que no hay un único paquete para todas las plataformas.
  • Para usar SVG sin más, tendrás que copiar o insertar los archivos directamente, en lugar de instalar un paquete.

En colecciones

Apps para Android y herramientas para el móvil

Temas

#icons#design-system#svg#android#ios#flutter#react#ui#design#fluent

Preguntas frecuentes

¿Qué es fluentui-system-icons?
Colección de código abierto de iconos Fluent UI de Microsoft, familiares, amigables y modernos, disponible para Android, iOS/macOS, Flutter y como SVG sin procesar. Fluent UI System Icons es un conjunto de iconos de Microsoft diseñados para resultar familiares, amigables y modernos. Los iconos están organizados en estilos regular y relleno, y cada uno incluye metadatos que definen los tamaños, estilos y direcciones de texto disponibles.
¿fluentui-system-icons es gratuito? ¿Qué licencia tiene?
fluentui-system-icons es open source bajo la licencia MIT. Revisa los términos de la licencia antes de usarlo en productos comerciales.
¿fluentui-system-icons sigue mantenido?
Mantenimiento activo. El último commit de fluentui-system-icons fue el 6 nov 2026.
¿Para qué puedo usar fluentui-system-icons?
Añadir un conjunto coherente de iconos a una aplicación de Android o iOS Crear una aplicación de Flutter con iconos de estilo Fluent Usar iconos SVG insertados directamente en una interfaz de React o web Localizar una interfaz para idiomas que se escriben de derecha a izquierda mediante iconos reflejados
¿Cómo se instala fluentui-system-icons?
Añade el repositorio mavenCentral() al build.gradle raíz Añade la dependencia de Android a tu build.gradle: implementation 'com.microsoft.design:fluent-system-icons:1.1.344@aar' Añade la dependencia de Flutter a pubspec.yaml: fluentui_system_icons: ^1.1.344
¿Dónde consigo fluentui-system-icons?
El código fuente y las instrucciones de instalación están en GitHub: https://github.com/microsoft/fluentui-system-icons

Resumen generado por IA a partir del README del proyecto. Las estadísticas de GitHub se actualizan a diario.

Proyectos relacionados

tabler / tabler-icons

Colección gratuita de más de 6.200 iconos SVG con licencia MIT, diseñados en una cuadrícula de 24x24, con paquetes para React, Vue, Svelte, Angular y más.

Frontend y UI#icons#svg#icon-font
22,6 mil+58 esta semana1,3 milJavaScriptMITBien mantenidoActualizado hace 9 días