Skip to content

Icon 图标

用于显示图标的组件,支持自定义图片和 Iconify 图标库。

推荐使用方式

推荐直接使用 icon 属性传入 Iconify 图标名称,这是最简单和高效的使用方式。

基础用法

使用 icon 属性

直接通过 icon 属性传入 Iconify 图标名称,这是最简单的使用方式。

使用 Iconify 图标组件

也可以通过插槽使用 Iconify 图标组件,适合需要更多控制的场景。

自定义图片

使用 src 属性指定图片地址。

iconicon

尺寸

使用 size 属性设置图标大小。

颜色

使用 color 属性设置图标颜色。

插槽内容

当没有指定 iconsrc 时,可以使用插槽自定义内容。推荐使用 emoji 或其他文本内容,而不是 Iconify 组件。

📱🎉❤️

API

Icon Props

名称类型默认值说明
iconstringIconify 图标名称
srcstring自定义图标 URL 或路径
sizestring | number'1em'图标大小
colorstring'currentColor'图标颜色
customClassstring自定义类名
customStylestring | object自定义样式

Icon Slots

名称说明
default自定义图标内容,推荐使用 emoji 或其他文本内容,而不是 Iconify 组件

基于 MIT 协议发布