Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/kituin/fluenticon

✨Windows App SDK Fluent System Icon Control✨
https://github.com/kituin/fluenticon

fluent-design fluent-icon nuget-package windows-app-sdk winui3

Last synced: about 1 month ago
JSON representation

✨Windows App SDK Fluent System Icon Control✨

Awesome Lists containing this project

README

        

# FluentIcon

### ✨ 使用Windows App SDK 构建的FluentIcon控件 ✨
### ✨ Windows App SDK Fluent Icon Control ✨



license


release




![image](https://github.com/kitUIN/FluentIcon/assets/68675068/05c85b8b-44e5-4600-bcda-ca57dab5d66c)

## 介绍📖
图标均来自于[Fluentui-System-Icon](https://github.com/microsoft/fluentui-system-icons)

字体文件[FluentSystemIcons-Regular.ttf](https://github.com/microsoft/fluentui-system-icons/blob/main/fonts/FluentSystemIcons-Regular.ttf) (不必安装字体,`nuget`包中自带)

字体文件[FluentSystemIcons-Filled.ttf](https://github.com/microsoft/fluentui-system-icons/blob/main/fonts/FluentSystemIcons-Filled.ttf) (不必安装字体,`nuget`包中自带)

`json2Symbol.py`文件为`json`转`Symbol`枚举

## 简单使用🛠️

请先安装`nuget`包
- [KitUIN.FluentIcon.WinUI.Regular](https://www.nuget.org/packages/KitUIN.FluentIcon.WinUI.Regular/)
- [KitUIN.FluentIcon.WinUI.Filled](https://www.nuget.org/packages/KitUIN.FluentIcon.WinUI.Filled/)

在需要使用的`Xaml`文件的顶部添加

```
xmlns:icons="using:FluentIcon.WinUI"
```

随后使用

```xml

```

选择你需要的图标,填入`Symbol`中

## 如何选择图标🖼️
安装[Character-Map-UWP](https://www.microsoft.com/store/apps/9wzdncrdxf41?cid=storebadge&ocid=badge),将字体文件拖入,进行挑选