IconSvg

全局 Svg Icon 图标组件。

@/components/IconSvg (opens new window) 可以在项目中任意地方使用。图标均可在 @/assets/iconsvg (opens new window)目录下自行添加或者删除，所有图标都会被自动导入，无需手动操作。

在线DOME (opens new window)

使用方法

1、下载或制作svg文件

存放到 @/assets/iconsvg 目录下，自己可以对此目录下svg进行删减。

2、压缩精简svg

项目会根据 @/assets/iconsvg/svgo.yml 配置自动压缩精简svg，也可以独立运行 yarn svgo 或 npm run svgo 压缩精简svg。

3、使用Demo：

<template>
    <IconSvg type="home" class="" style=""/>
</template>
<script lang="ts">
import IconSvg from '@/components/IconSvg';
import { defineComponent } from "vue";
export default defineComponent({
    components: {
        IconSvg
    }
})
</script>