IconAnchor.vue

<template lang="pug">
  a.button.icon-link(
    target='_blank',
    :href='route',
    :title='title'
  ) 
    .svg-icon.small.fill-cream(
      v-once='',
      v-html='icon'
    )
</template>

<script>
// REQUIRED: npm install svg-inline-loader pug --save-dev
export default {
  name: 'icon-link',
  props: {
    // name of file from `/src/assets/svg/*`
    iconName: {
      type: String,
      required: true
    },
    // text inside button
    title: {
      type: String,
      required: true
    },
    // named route for `vuejs/vue-router`
    // https://router.vuejs.org/en/essentials/named-routes.html
    route: {
      type: String,
      required: true
    }
  },
  computed: {
    icon () {
      const file = require(`!svg-inline-loader!@/assets/icons/${this.iconName}.svg`)
      return file
    }
  }
}
</script>