Icons in Vue

Icons in Vue

https://iconpark.oceanengine.com/official

Official tutorial: @icon-park/vue - npm

 1.IconPark

2.Basic use

download

yarn add  @icon-park/vue --save

start up

yarn run serve

Referenced in the project

<script>
import { TableFile } from '@icon-park/vue';
export default {
  components: {
    TableFile
  },
  name: 'HelloWorld',
  props: {
    msg: String
  }
}
</script>

<template>
  <div class="hello">
    <table-file theme="outline" size="24" fill="#333" />
  </div>
</template>

In short, it is referenced and used in the form of components.