RIcon 图表

快捷使用 svg 作为图标。

使用流程

提示

如果需要让 svg 继承 color 颜色值，需要注意 svg 文件的 fill 属性是否为 currentColor。

• 引入图标至 src/icons 文件夹下
• 确保文件名为 demo.svg 格式
• 使用 RIcon 组件引入图标

import { RIcon } from '@/components'

const Demo = () => {
  return <RIcon icon="demo" />
}

props

名称	类型	默认值	说明
color	string	currentColor	图标颜色
prefix	string	icon	图标前缀
name	string	-	图标名称，名称为图标的文件名，必填
size	string | number	14	图标尺寸，同时设置宽高
width	string | number	0	图标宽度
height	string | number	0	图标高度
depth	number	1	图标颜色深度，也就是透明度
cursor	string	default	鼠标样式