---
sidebar: auto
---

# 用法

详细介绍图标的各种属性和用法。

## 基本用法

<Demo name="Basic">
<<< @/docs/.vuepress/components/Demos/Basic.vue
</Demo>

## 设置大小

<Demo name="Size">
<<< @/docs/.vuepress/components/Demos/Size.vue
</Demo>

## 设置颜色

<Demo name="Color">
<<< @/docs/.vuepress/components/Demos/Color.vue
</Demo>

## 设置线条粗细

<Demo name="Stroke">
<<< @/docs/.vuepress/components/Demos/Stroke.vue
</Demo>

## 使用 CSS 类进行自定义设置

<Demo name="Class">
<<< @/docs/.vuepress/components/Demos/Class.vue
</Demo>