Get started with vue-svgicon CDN

MIT licensed

Vue-svgicon is a Vue.js component for rendering and using SVG icons.

Tags:
  • vue
  • vue2.0
  • svg
  • icon
  • svgicon

Stable version

Copied!

How to start using vue-svgicon CDN


<template>
  <div>
    <svg-icon icon-class="moon" class="icon" />
    <svg-icon icon-class="sun" class="icon" />
  </div>
</template>

<script>
import Vue from 'vue'
import { SvgIcon } from 'vue-svgicon'

Vue.use(SvgIcon)

export default {
  components: {
    SvgIcon
  }
}
</script>

<style scoped>
.icon {
  width: 30px;
  height: 30px;
  fill: currentColor;
}
</style>
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!

All versions