This repository provides a curated set of Microsoft’s Fluent UI Icons, converted into Svelte 5 components with the help of the svgtosvelte CLI.
[!NOTE] This repository is not affiliated with or connected to Microsoft in any way. It is merely an open-source package that provides their icons to use with Svelte 5 applications.
size
, color
) to easily adjust icon appearance.You can install the library using your preferred package manager:
npm install -D fluentui-icons-svelte
pnpm add -D fluentui-icons-svelte
yarn add -D fluentui-icons-svelte
<script>
import { AddCircleFilled } from 'fluentui-icons-svelte';
</script>
<AddCircleFilled />
Import the icon directly for faster compiling during development.
<script>
import AddCircleFilled from 'fluentui-icons-svelte/AddCircleFilled.svelte';
</script>
<AddCircleFilled />
Customize by passing props like size or color:
<AddCircleFilled size="32" color="#0078D4" />
Contributions are welcome! Feel free to open issues or pull requests for:
This project is licensed under the MIT License. The icons are derived from Microsoft’s Fluent UI Iconography with the license: CC BY 4.0. Microsoft’s Colored Icons from official package are under MIT license.
Thank you for using the Fluent UI Icons for Svelte library! If you have any questions or feedback, please don’t hesitate to open an issue or reach out.