element/examples/docs/zh-CN/icon.md

## Icon 图标

提供了一套常用的图标集合。

### 使用方法

直接通过设置类名为 `el-icon-iconName` 来使用即可。例如：

:::demo
```html
<i class="el-icon-edit"></i>
<i class="el-icon-share"></i>
<i class="el-icon-delete"></i>
<el-button type="primary" icon="el-icon-search">搜索</el-button>

```
:::

### 图标集合

<ul class="icon-list">
  <li v-for="name in ['info','error','success','warning','question','back','arrow-left','arrow-down','arrow-right','arrow-up','caret-left','caret-bottom','caret-top','caret-right','d-arrow-left','d-arrow-right','minus','plus','remove','circle-plus','remove-outline','circle-plus-outline','close','check','circle-close','circle-check','circle-close-outline','circle-check-outline','zoom-out','zoom-in','d-caret','sort','sort-down','sort-up','tickets','document','goods','sold-out','news','message','date','printer','time','bell','mobile-phone','service','view','menu','more','more-outline','star-on','star-off','location','location-outline','phone','phone-outline','picture','picture-outline','delete','search','edit','edit-outline','rank','refresh','share','setting','upload','upload2','download','loading']" :key="name">
    <span>
      <i :class="'el-icon-' + name"></i>
      <span class="icon-name">{{'el-icon-' + name}}</span>
    </span>
  </li>
</ul>
change all rewrited components documents to new templates 2016-08-26 10:34:54 +00:00			`## Icon 图标`
Initial commit 2016-07-27 06:15:02 +00:00
add docs of messagebox/tooltip/tag... 2016-08-18 09:29:11 +00:00			`提供了一套常用的图标集合。`
Initial commit 2016-07-27 06:15:02 +00:00
minor doc updates/guarantee _self returns the right vm 2016-09-06 11:30:50 +00:00			`### 使用方法`
Initial commit 2016-07-27 06:15:02 +00:00
update document of basic 2016-09-07 10:46:20 +00:00			直接通过设置类名为 `el-icon-iconName` 来使用即可。例如：
Initial commit 2016-07-27 06:15:02 +00:00
fix encoding apostrophes/some components change to new template 2016-08-25 10:24:51 +00:00			`:::demo`
Initial commit 2016-07-27 06:15:02 +00:00			```html
update icon/input-number/pagination/button/dropdown docs 2016-09-06 09:26:04 +00:00			`<i class="el-icon-edit"></i>`
			`<i class="el-icon-share"></i>`
			`<i class="el-icon-delete"></i>`
some icon fixes 2017-10-19 04:11:47 +00:00			`<el-button type="primary" icon="el-icon-search">搜索</el-button>`
fix encoding apostrophes/some components change to new template 2016-08-25 10:24:51 +00:00
Initial commit 2016-07-27 06:15:02 +00:00			```
fix encoding apostrophes/some components change to new template 2016-08-25 10:24:51 +00:00			`:::`
Initial commit 2016-07-27 06:15:02 +00:00
minor doc updates/guarantee _self returns the right vm 2016-09-06 11:30:50 +00:00			`### 图标集合`
Initial commit 2016-07-27 06:15:02 +00:00
			`<ul class="icon-list">`
Chore: speeding up doc building (#14510) 2019-03-01 10:35:08 +00:00			<li v-for="name in ['info','error','success','warning','question','back','arrow-left','arrow-down','arrow-right','arrow-up','caret-left','caret-bottom','caret-top','caret-right','d-arrow-left','d-arrow-right','minus','plus','remove','circle-plus','remove-outline','circle-plus-outline','close','check','circle-close','circle-check','circle-close-outline','circle-check-outline','zoom-out','zoom-in','d-caret','sort','sort-down','sort-up','tickets','document','goods','sold-out','news','message','date','printer','time','bell','mobile-phone','service','view','menu','more','more-outline','star-on','star-off','location','location-outline','phone','phone-outline','picture','picture-outline','delete','search','edit','edit-outline','rank','refresh','share','setting','upload','upload2','download','loading']" :key="name">
Initial commit 2016-07-27 06:15:02 +00:00			`<span>`
			`<i :class="'el-icon-' + name"></i>`
Carbon: new icons 2017-10-18 08:12:54 +00:00			`<span class="icon-name">{{'el-icon-' + name}}</span>`
Initial commit 2016-07-27 06:15:02 +00:00			`</span>`
			`</li>`
			`</ul>`