svg-vuejs

SVG VueJS - Vue 2.0 SVG图标组件库,用于管理和使用SVG资源
1,754
Install
npm install svg-vuejs
Latest Version:5.0.5
Vue:2
License:MIT
Last Updated:Mar 27, 2026
Links: npm
Maintainer: og-liu

svg-vuejs

Vue 2.0 SVG图标组件库,用于在Vue项目中轻松管理和使用SVG资源。

🚀 安装

npm install svg-vuejs@5.0.5

🎯 快速开始

// main.js
import Vue from 'vue'
import SvgVuejs from 'svg-vuejs'

Vue.use(SvgVuejs, {
  projectId: 'your-project-id',
  apiKey: 'your-api-key',
  baseUrl: 'https://your-api.com/api'
})
<!-- 在组件中使用 -->
<template>
  <div>
    <svg-icon name="logo" :size="32" color="#409EFF" />
    <svg-icon name="user" size="2rem" />
  </div>
</template>

📚 完整文档

查看 USAGE.md 获取详细的使用说明和API文档。

🌟 核心特性

  • ✅ Vue 2.6+ 完美兼容
  • ✅ 智能缓存机制
  • ✅ TypeScript 支持
  • ✅ 加载状态监控
  • ✅ 完善的错误处理
  • ✅ 多种构建格式支持 (UMD/ESM/CommonJS)

🔧 功能亮点

  • SvgIcon 组件 - 简单易用的SVG图标组件
  • API 客户端 - 完整的后端API集成
  • 缓存管理 - 智能的内存缓存系统
  • 事件系统 - 丰富的事件通知机制

📖 了解更多

📄 License

MIT

Related Packages

vue2-svg-icon

A solution for svg icon in vue2.0

3,471
@jt-icons/icon-vue-components

Vue components of JT Icons collection.

2,961 1
vicons

SVG Vue components integrated from `fluentui-system-icons` and `ionicons`.

53,979
vue-svg-icon

a simple solution for multicolor svg icon in vue

13,095

Version History

Version Released Vue License
5.0.5 ^2.6.0 || ^2.7.0 MIT
5.0.4 ^2.6.0 || ^2.7.0 MIT
5.0.3 ^2.6.0 || ^2.7.0 MIT
5.0.2 ^2.6.0 || ^2.7.0 MIT
5.0.1 ^2.6.0 || ^2.7.0 MIT