---
order: 0
title:
  zh-CN: 基本
  en-US: Type
---

## zh-CN

所有的icon示例


## en-US


````jsx
<v-icon type="info-s"></v-icon>
<v-icon type="error-s"></v-icon>
<v-icon type="success-s"></v-icon>
<v-icon type="help-s"></v-icon>
<v-icon type="warning-s"></v-icon>
<v-icon type="info-s-b"></v-icon>
<v-icon type="error-s-b"></v-icon>
<v-icon type="success-s-b"></v-icon>
<v-icon type="help-s-b"></v-icon>
<v-icon type="warning-s-b"></v-icon>
<v-icon type="close"></v-icon>
<v-icon type="head"></v-icon>
<v-icon type="tail"></v-icon>
<v-icon type="prev"></v-icon>
<v-icon type="next"></v-icon>
<v-icon type="filter"></v-icon>
<v-icon type="tick"></v-icon>
<v-icon type="up"></v-icon>
<v-icon type="down"></v-icon>
<v-icon type="search"></v-icon>
<v-icon type="doc"></v-icon>
<v-icon type="calendar"></v-icon>
<v-icon type="time"></v-icon>
<v-icon type="star"></v-icon>
<v-icon type="stared"></v-icon>
````

````vue-script
new Vue({
    el: 'body',
    components: {
        vIcon: atui.Icon
    }
})
````