---
title: 图标
date: 2023-05-28 15:16:38
permalink: /pages/basics/icon
article: false
---

::: tip 温馨提示
点击右侧图标页面，对应的图标，即可复制类名：`cuIcon-图标名称`
:::


## 引入样式

编辑 `App.vue`文件在`<style>` 项引入 `icon.css`

```vue
<style>
    @import "colorui/main.css";
    @import "colorui/icon.css";
</style>
```

## 使用语法

```html
<标签 class="cuIcon-图标名称"></标签>
```