Iconfont
语义化的矢量图形。
图标的命名规范
我们为每个图标赋予了语义化的命名,命名规则如下:
- 实心和描线图标保持同名,用 -o 来区分,比如 question-circle(实心) 和 question-circle-o(描线);
- 命名顺序:[icon名]-[形状可选]-[描线与否]-[方向可选]。
如何使用
使用 标签声明组件,指定图标对应的 type 属性,示例代码如下:
<v-icon type="link"></v-icon>
最终会渲染为:
<i class="anticon anticon-link"></i>
本地部署
图标组件使用 iconfont.cn,默认公网可访问。如需本地部署,可参考 示例。* 点击下面的图标即可复制标签
API
Icon Props
参数 | 说明 | 类型 | 默认值 |
---|---|---|---|
type | 图标类型 | string | - |
spin | 是否有旋转动画 | boolean | false |
图标列表
方向性图标
提示建议性图标
网站通用图标
品牌和标识
当前内容版权归 vue-beauty 或其关联方所有,如需对内容或内容相关联开源项目进行关注与资助,请访问 vue-beauty .