npm install vue-awesome
https://github.com/Justineo/vue-awesome
nuxtの場合は以下をplugin/vicon.tsとかで保存
import Vue from 'vue'
import 'vue-awesome/icons'
import Icon from 'vue-awesome/components/Icon'
Vue.component('v-icon', Icon)
typescript使ってたら多分怒られるので回避
declare module 'vue-awesome/components/Icon'
nuxt.config.js
plugins: [
{ src: '~/plugins/vicon.ts' },
],
<!-- basic -->
<v-icon name="beer"/>
<!-- with options -->
<v-icon name="sync" scale="2" spin/>
<v-icon name="comment" flip="horizontal"/>
<v-icon name="code-branch" label="Forked Repository"/>
<!-- stacked icons -->
<v-icon label="No Photos">
<v-icon name="camera"/>
<v-icon name="ban" scale="2" class="alert"/>
</v-icon>
名 type 初期値 説明 name string null アイコンの名前です。 Font Awesomeのアイコンを使用することができます。 使用できるのは無料のアイコンだけです。 scale number|string 1 アイコンのサイズを調整するために使用されます。 spin boolean false アイコンが回転しているかどうかを指定するために使用されます。 inverse boolean false trueに設定すると、アイコンの色は#fffになります pulse boolean false パルス効果をアイコンに設定します。 flip 'vertical'|'horizontal'|null null アイコンを反転するために使用されます。 label string null アイコンがある場合は、そのアリアラベルを設定します。 title string null アイコンのタイトルを設定します。