目录

HarmonyOS-NEXTHarmonyOS自带的icon图标库如何使用

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

HarmonyOS自带的图标库如何使用

1. 找到想用的icon

在 中找到你想用的图标,复制icon名称。

例如我们使用 airplane_fill

https://i-blog.csdnimg.cn/direct/ddec8e8f301f469ba706b8a61d1095f0.png

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')
	}
}