图标

组件介绍

SvgIcon 是 SVG 图标组件,可以使用本地 SVG 文件,也可以使用网络中的图标资源。

  • 使用本地资源:将 SVG 文件保存到 /src/assets/icons/svg 目录下,SvgIcon 的 name 属性值使用文件名即可,不需要文件后缀。

  • 使用网络资源:使用网络资源图标中的 xx:xx 格式图标标识,作为SvgIcon 的 name 属性值即可。

  • 图标资源:iconesopen in new windowiconifyopen in new window

提示

可以将SvgIcon组件放到el-icon的插槽中使用,通过el-icon的属性设置图标的颜色及尺寸。

<el-icon color="#fc5531" :size="16">
    <SvgIcon name="ep:home-filled"/>
</el-icon>

属性

属性名描述默认值
perfix前缀'icon'
name图标名称
Last Updated:
Contributors: zhangyuge