diff --git a/vue/CIcon.vue b/vue/CIcon.vue
new file mode 100644
index 000000000..c992d348f
--- /dev/null
+++ b/vue/CIcon.vue
@@ -0,0 +1,22 @@
+<template>
+  <svg width="64" height="64" v-html="computedCode"></svg>
+</template>
+
+<script>
+export default {
+  name: 'CIcon',
+  icons: {},
+  props: {
+    iconCode: String,
+    icon: String
+  },
+  mounted () {
+    console.log(this.$options.icons)
+  },
+  computed: {
+    computedCode () {
+      return this.iconCode || this.$options.icons[this.icon]
+    }
+  }
+}
+</script>
diff --git a/vue/index.js b/vue/index.js
new file mode 100644
index 000000000..45a38708e
--- /dev/null
+++ b/vue/index.js
@@ -0,0 +1,12 @@
+import Icons from '../js/iconsGenerated.js'
+import CIcon from './CIcon'
+
+export { CIcon }
+
+const VueCIconPlugin = {
+  install (Vue) {
+    CIcon.icons = Icons
+    Vue.component('CIcon', CIcon)
+  }
+}
+export { VueCIconPlugin }