# 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 - -