# Icon 图标 0.7.2+
fontawesome icon collection
v-easy-components uses3.0.0 version of fontawesome. If you need to use a higher version offontawesome, you only need to introduce the corresponding version yourself.
注意
v-easy-components does not currently support separation fontawesome
Since versions before 0.7.2 used fontawesome 3.0.0, most new icons cannot be used, so 0.7.2 will use fontawesome 5.11.2
提示
v-easy-components is expected to support separation of fontawesome in 1.0.00.7.3 version, because ttf files are really too large, and fontawesome already supports custom icon sets
# Basic usage
<ve-icon name="apple" size="16"></ve-icon>
# icon-style 说明
注意
v-easy-components 所有组件和命令用到的图标都可以设置此属性，这个属性有三种值：brands regular solid(默认值)。他们分别表示了使用哪种字体文件，对应的图标可见下面的说明
# 快速定位
# Solid icons
默认可用Solid字体文件
<ve-icon icon-style="solid" name="apple" size="16"></ve-icon>
全部图标地址
部分可用的图标如下所示：
# Regular icons
默认可用Regular字体文件
<ve-icon icon-style="regular" name="apple" size="16"></ve-icon>
全部图标地址
部分可用的图标如下所示：
# Brands icons
使用Brands字体文件
<ve-icon icon-style="brands" name="apple" size="16"></ve-icon>
全部图标地址
部分可用的图标如下所示：
# Icon Attributes
| Parameter | Description | Type | Optional value | Defaults |
|---|---|---|---|---|
| name | Set icon for icon | string | - | - |
| size | Set the size of the icon | string / number | - | 14 |
| icon-style | 设置icon的字体文件，为了节省ttf占用的空间，显示不同的图标。详情 | string | brands regular solid | solid |