# Icon 图标

350+常用的字体图标组件

# 基础用法

使用icon属性,仅限unify内置的字体图标

<unify-icon icon="iconactivity"></unify-icon>

# 图标大小

使用size属性控制字体图标大小

<unify-icon size="42" icon="iconactivity"></unify-icon>

# 图标颜色

图标颜色为文本颜色,请前往基础布局》颜色板块查看文字颜色,也可自定义class(需写在公共的css文件或者App.vue内才生效,当前页无效)

<unify-icon size="42" icon="iconactivity" color="color-red"></unify-icon>

# Attributes

参数 说明 类型 可选值 默认值
icon 图标名称 String - -
size 图标尺寸 Number / String - 28
color 字体颜色 String color-main