【HarmonyOS NEXT】HarmonyOS自带的icon图标库如何使用

HarmonyOS自带的图标库如何使用

1. 找到想用的icon

在官方文档中找到你想用的图标，复制icon名称。

https://developer.huawei.com/consumer/cn/design/harmonyos-symbol/

例如我们使用airplane_fill

2. 在Text组件中使用

将下面代码中xxxx替换成想用的icon名称

Text(){
	SymbolSpan($r(sys.symbol.xxxx))
}

3. (可选)导入外部字体图标iconfont

import font from '@ohos.font';
aboutToAppear() {
	font.registerFont({
		familyName: 'iconfont',
		familySrc: $rawfile('iconfont.ttf')
	})
}
build(){
	Column(){
		Text('\uxxxx').fontFamily('iconfont')
	}
}