SvgIcon.vue

<script>
export default {
    props: ['icon'],

    render(h) {
        let svgHtml = require(`!html-loader!./../../svg/${this.icon}.svg`)
        let wrapper = document.createElement('div')
        wrapper.innerHTML = svgHtml
        let node = wrapper.firstChild
        let attrs = {}

        node.getAttributeNames().forEach(name => {
            attrs[name] = node.getAttribute(name)
        })

        delete attrs.height
        delete attrs.width

        return h('svg', {
            class: [ 'svg-icon' ],
            attrs: attrs,
            domProps: {
                innerHTML: node.innerHTML
            }
        })
    }
}
</script>