vue组件 如何引入svg图标

目前有个需求 vue封装svg 组件，svg图标比较多，但是有要求不能下载其他依赖和安装其他插件，也不能更改config配置文件 这个怎么做？有没有解决方案吗？

参考一下若依

没细看题目 ，不下插件的话 参考一下官网吧

自己封装一个

vue中引入.svg图标 - 知乎 前言更多内容，请访问我的 个人博客。创建SvgIcon组件在 components 文件夹下新建 SvgIcon 文件夹，并在 SvgIcon 文件夹下新建 index.vue 文件，内容如下：<template> <svg :class="svgClass" ar… https://zhuanlan.zhihu.com/p/67325098?1=1

这种问题百度一下很多得呢，这里效率时效性不高，参照一下这篇文章

Vue中引入svg图标的方式_十里不故梦-CSDN博客_引入svg图标 Vue中引入svg图标的方式Vue中引入svg图标的方式一安装yarn add svg-sprite-loader --devsvg组件index.vue<!-- svg组件 --><template> <svg class="svg-icon" :class="svgClass" aria-hidden="true"> <use :xlink:href="iconName" /> </svg>&l https://blog.csdn.net/weixin_53430951/article/details/112525341?spm=1005.2026.3001.5635&utm_medium=distribute.pc_relevant_ask_down.none-task-blog-2~default~OPENSEARCH~Rate-4.pc_feed_download_top3ask&depth_1-utm_source=distribute.pc_relevant_ask_down.none-task-blog-2~default~OPENSEARCH~Rate-4.pc_feed_download_top3ask