vue-heroiconsVue 组件图标库
一个免费的高质量 SVGs Vue 组件图标库,使用 MIT 协议开源。
- 100% 无其他项目依赖
- 100% 兼容 CDN 安装的 Vue.js 使用
安装:
-
Npm:
npm i @bytegem/vue-heroicons -S
-
Yarn:
yarn add @bytegem/vue-heroicons
注册 Vue Components
import Vue from 'vue'; import Heroicons from '@bytegem/vue-heroicons'; Vue.use(Heroicons);
使用:
<HeroIconAdjustmentsOutline />
<hero-icon-adjustments-outline />
驼峰命名和中横线命名都可以,反正 Vue.js 自己处理了👻
其他
Heroicons 有 150 个两种风格的图标,分别是 24px 的 Outline 风格和 20px 的 Solid 风格
你可以在 https://bytegem.github.io/vue-heroicons/ 网站上点击图标按钮复制 Vue Component Tag!然后粘贴到你需要的地方即可。
评论