vue-heroiconsVue 组件图标库

联合创作 · 2023-09-19 17:59

一个免费的高质量 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!然后粘贴到你需要的地方即可。

浏览 6
点赞
评论
收藏
分享

手机扫一扫分享

编辑 分享
举报
评论
图片
表情
推荐
点赞
评论
收藏
分享

手机扫一扫分享

编辑 分享
举报