# 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.
WARNING
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
TIP
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 Description
WARNING
v-easy-components This property can be set for all components and icons used by commands. This property has three values:brands regular`` solid (default). They each indicate which font file is used, and the corresponding icon can be seen in the description below
# Rapid positioning
# Solid icons
Solid font files available by default
<ve-icon icon-style="solid" name="apple" size="16"></ve-icon>
All icon addresses
Some icons are shown below:
# Regular icons
Regular font files available by default
<ve-icon icon-style="regular" name="apple" size="16"></ve-icon>
All icon addresses
Some icons are shown below:
# Brands icons
Use Brands font file
<ve-icon icon-style="brands" name="apple" size="16"></ve-icon>
All icon addresses
Some icons are shown below:
# 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 | Set the font file for icon. In order to save the space occupied byttf, different icons are displayed.detail | string | brands regular solid | solid |