# Iconfont
---
有含义的矢量图形，每一个图标打倒一个敌人。
## 图标的命名规范
我们为每个图标赋予了语义化的命名。只需在 `````` 标签内，制定对应的 type 属性即可。
不同 type 命名规则如下:
- 实心和描线图标保持同名，用 `-o` 来区分，比如 `question-circle`(实心) 和 `question-circle-o`(描线)；
- 命名顺序：`[icon名]-[描线与否]-[方向]`。
## 实现原理
所有的 Icon 标签最终会渲染为
```html
```
## 如何使用
使用 `````` 标签申明组件，设置对应的 type 设置需要渲染的图标，示例代码如下:
```html
```
> 点击图标复制代码。
## 图标列表
### 一. 方向性图标
### 二. 提示建议性图标
### 三. 网站通用图标