Skip to content
本页内容

Icon 图标

undraw-ui推荐使用iconPark作为图标库

iconPark 引入

iconfont引用

详细介绍:iconPark创建项目

基础用法

可以通过size和color定义样式大小和颜色,默认继承父类。

然后添加图标到项目里下载SVG Symbol的js文件,组件标识的名称如home,使用<u-icon name="home"></u-icon>

自定义图标

将自定义 SVG 放入图标。(确保设定了 SVG 的 viewBox 属性)

推荐使用 xicons 作为图标库。

Icon 属性

属性说明类型默认值
colorsvg的fill颜色Pick<CSSProperties, 'color'>-
sizesvg图标的大小number / string16

Icon 插槽

名称说明
-自定义