VueSvg

Loads a SVG image as an inline SVG.

setup

npm

npm i @seregpie/vuesvg

ES module

Register the component globally.

import Vue from 'vue';
import VueSvg from '@seregpie/vuesvg';

Vue.component(VueSvg.name, VueSvg);

or

Register the component in the scope of another component.

import VueSvg from '@seregpie/vuesvg';

export default {
  components: {
    [VueSvg.name]: VueSvg,
  },
};

browser

<script src="https://unpkg.com/vue"></script>
<script src="https://unpkg.com/@seregpie/vuesvg"></script>

If Vue is detected, the component will be registered automatically.

usage

<vue-svg src="https://unpkg.com/simple-icons/icons/github.svg"/>