Icon 图标
基于 iconfont.cn 的图标组件，内置 198 个图标，支持 Symbol 模式、Font Class 模式和自定义 SVG。
基础用法
通过 name 属性引用内置图标：
Font Class 模式
通过 fontClass 属性使用 iconfont Font Class 模式：
图标大小
通过 size 属性设置图标大小，支持数字(px)和字符串：
旋转与动画
通过 rotate 设置旋转角度，通过 spin 开启旋转动画：
图标颜色
通过 color 属性自定义图标颜色：
自定义 SVG
通过默认插槽传入自定义 SVG 路径内容：
自定义图标
用户可通过配置额外加载自己的 iconfont 图标：
1. 在 iconfont.cn 创建项目，添加图标
2. 选择「Symbol」模式，复制 JS 链接
3. 在 nuxt.config.ts 中配置 iconfontUrl
4. 使用 <NIcon name="your-icon" /> 引用自定义图标
内置图标一览
点击图标可复制名称，共 198 个内置图标。
搜索 / 发现
社交 / 互动（20）
aixin
aixin1
dianzan
dianzan1
dianzan2
guanzhu
buganxingqu
shoucang
shoucang1
shoucang2
pengyouquan
weibo
weixin
fenxiang
pinglun
pinglun1
huati
huati1
huatifuhao
saoyisao
媒体 / 娱乐（18）
dianying
dianying1
dianyingpiao
dianyingpiao1
ertongpiao
bofangjilu
xiangkan
yixiangkan
tupian
xiangji
xiangji1
xiaojuchang
yanchu
xiaoshi
yingchengka
yingyuan
lanqiu
youxishoubing
生活 / 服务（19）
hongbao
lihe
lipinka
maiyizengyi
youhuiquan
qianbao
yinhangka
yinhangyouhui
wuyefei
huodong
duihuan
remen
mingxinghuodong
gongyi
fankui
wenjuan
wenda
yuding
qupiao
用户 / 身份（15）
wode
wode1
wodeguanzhu
huiyuan
huiyuan1
qinghuiyuan
mima
anquan
zhiwen
nan
nv
shouji
shouji1
dianhua
dianhua1
状态 / 反馈（14）
chenggong
chenggong1
shibai
shibai1
tanhao
tanhao1
tishi
shandian
shandian1
xitongfanmang
gonggao
caidan
riqian
rili
操作 / 工具（22）
bianji
chuangzuo
chuangzuo1
fuzhi
dingwei
dingwei1
dingwei2
gengduo
gengduo2
jianshao
jianshao1
zengjia
zengjia1
shanchu
shanchu1
shaixuan
shuaxin
sousuo
shangchuan
xiazai
dakai
shezhi
通用 / 界面（20）
shouye
shouye1
faxian
faxian1
shijian
shijian1
shuju
shuju1
yanjing
yanjing1
diantong_guan
diantong_kai
WIFI
wuwifi
ditu
TOP
Dyanjing
shequ
shequ1
taolunqu
创意 / 装饰（8）
sahua
pintu
lifangjingti
jiangbei
huangguan
dajuan
ceshi
jiju
英文 / 技术（14）
chengxuwenti_bug
a-3D
Shield
a-QuestionMarkCircle
a-ScreenFull
a-ScreenNormal
a-TrendDown
a-TrendUp
Headphone
cube-outline
link
pie-chart-02
link-broken-01
quanqiu_xinjiapo
Props
| 参数 | 类型 | 默认值 | 说明 |
|---|---|---|---|
name | string | - | 图标名称，对应 iconfont 中的 font_class（Symbol 模式） |
fontClass | string | - | Font Class 名称，如 "icon-search"（Font Class 模式） |
size | number | string | '1em' | 图标大小，数字为 px，字符串如 "24px"、"1.5em" |
rotate | number | 0 | 旋转角度 |
spin | boolean | false | 是否旋转动画 |
color | string | inherit | 图标颜色 |