# Icon 图标
# Example
import { icon } from 'vigour';
// icon.name === 'vigour-icon'
# Names
The name attribute is required to determine which icon is displayed.
name 属性是必须的，决定显示哪个 icon。
<div :style="{ padding: '1em' }">
<vigour-icon name="settings"></vigour-icon>
<vigour-icon name="download"></vigour-icon>
<vigour-icon name="upload" color="#999"></vigour-icon>
<vigour-icon name="left" color="yellowgreen"></vigour-icon>
<vigour-icon name="right" color="red"></vigour-icon>
</div>
# Available Icons
The values that can be set by the name property are listed below.
以下列举了 name 属性可以设置的值。
| name | icon |
|---|---|
| caution | |
| clear | |
| download | |
| info | |
| left | |
| loading | |
| right | |
| settings | |
| thumbs-up | |
| upload |
# Props
| prop | type | default value | available value |
|---|---|---|---|
| name | string | - | - |