以阿里矢量图标为例,下面是从下载到使用到修改样式的步骤和方法
1、阿里图标官网 选择图标→加入购物车→添加到项目→下载图标(选择svg格式)→将下载的svg图标存放到项目目录的media下
2、项目中引入方式和使用方式和png图片的使用方式是一样的——Image($r('app.media.flower'))
build() {
Column() {
Image($r('app.media.flower'))
.width(50) //设置图标的宽
.height(50)//设置图标的高
.fillColor(Color.Pink)//设置图标的颜色
}
}
3、效果