fluentui-system-icons
1.0.1indexedOffers a collection of friendly, modern icons with features like search, filtering, SVG code copying, dark/light theme, and responsive design for various devices.
1
Stars
—
Used by
dependents
—
Health
/ 100
Fluent UI System Icons - Kotlin Multiplatform
Note: This is a fork of the original Microsoft FluentUI System Icons repository, specifically created to provide Kotlin Multiplatform and Compose Multiplatform support.
Fluent UI System Icons are a collection of familiar, friendly and modern icons from Microsoft, now available for Kotlin Multiplatform projects with full Compose Multiplatform support.
🌐 Interactive Web Catalog
Browse and copy icons with our interactive web catalog: Open Catalog
✨ Features:
- 🔍 Search and filter through all available icons
- 📋 Copy SVG code directly to clipboard
- 🎨 Copy Jetpack Compose references (e.g.,
FluentIcons.Filled.FileEdit) - 🌙 Dark/Light theme support
- 📱 Responsive design for all devices
Installation
Using Version Catalog (Recommended)
Add to your gradle/libs.versions.toml:
[versions]
fluentui-icons = "${latest_version}"
[libraries]
fluentui-system-icons = { module = "io.github.niyajali:fluentui-system-icons", version.ref = "fluentui-icons" }
Then in your module's build.gradle.kts:
kotlin {
sourceSets {
commonMain.dependencies {
implementation(libs.fluentui.system.icons)
}
}
}
Usage
Basic Usage
@Composable
fun MyScreen() {
Column(
modifier = Modifier.padding(16.dp),
verticalArrangement = Arrangement.spacedBy(dp)
) {
Icon(
imageVector = FluentIcons.Filled.Home,
contentDescription =
)
Icon(
imageVector = FluentIcons.Filled.Settings,
contentDescription =
)
Icon(
imageVector = FluentIcons.Regular.Mail,
contentDescription =
)
Icon(
imageVector = FluentIcons.Regular.Calendar,
contentDescription =
)
Button(onClick = { }) {
Icon(FluentIcons.Filled.Add, contentDescription = )
Spacer(Modifier.width(dp))
Text()
}
}
}
Available Styles
- FluentIcons.Filled - Filled style icons
- FluentIcons.Regular - Regular/outline style icons
- FluentIcons.Colored - Multi-color icons (where available)
Supported Platforms
✅ Android (Jetpack Compose)
✅ iOS (Compose Multiplatform)
✅ Desktop (Windows, macOS, Linux)
✅ Web (Compose for Web (JS/WasmJS))
What's New
🎯 Full Compose Multiplatform support for all platforms
🚀 Type-safe icon references with IntelliSense support
📦 Single dependency for all platforms
🌐 Interactive web catalog for easy discovery
🎨 Consistent API across all platforms
⚡ Optimized bundle size with tree-shaking support
Contributing
We welcome contributions! Please feel free to open an issue with questions or requests.
License
This project is licensed under the MIT License - see the LICENSE file for details.
Contact
Please feel free to open a GitHub issue and assign to the following points of contact with questions or requests.
- Jason Custer(@jasoncuster) / Spencer Nelson(@spencer-nelson) / Joe Woodward(@thewoodpecker) - Design
- Nick Romano(@rickromano) - iOS
Code of Conduct
This project has adopted the Microsoft Open Source Code of Conduct. For more information see the Code of Conduct FAQ or contact opencode@microsoft.com with any additional questions or comments.