atui/src/components/Icon/demo/size.md

components built with Vue.js

---
order: 0
title:
  zh-CN: 自定义尺寸
  en-US: Size
---

## zh-CN

自定义尺寸的图标


## en-US


````jsx

<v-icon type="info-l" size="50"></v-icon>
<v-icon type="error-l" size="50"></v-icon>
<v-icon type="success-l" size="50"></v-icon>
<v-icon type="help-l" size="50"></v-icon>
<v-icon type="warning-l" size="50"></v-icon>
<v-icon type="close" size="50"></v-icon>
<v-icon type="head" size="50"></v-icon>
<v-icon type="tail" size="50"></v-icon>
<v-icon type="prev" size="50"></v-icon>
<v-icon type="next" size="50"></v-icon>
<v-icon type="filter" size="50"></v-icon>
<v-icon type="tick" size="50"></v-icon>
<v-icon type="up" size="50"></v-icon>
<v-icon type="down" size="50"></v-icon>
<v-icon type="search" size="50"></v-icon>
<v-icon type="doc" size="50"></v-icon>
<v-icon type="calendar" size="50"></v-icon>

````

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