Vuetifyを用いたページネーションの表示でsvgが表示されません

Question

Vuetifyを用いてページネーションを作成しています

解決したい事：　svgの表示をしたいです。（矢印のもの）

<v-app>
  <div class="text-center">
    <v-pagination
      v-model="page"
      :length="pagenate_length(items)"
      circle
    ></v-pagination>
  </div>
</v-app>

import Vuetify from 'vuetify';
import 'vuetify/dist/vuetify.min.css';

Vue.use(Vuetify);

const app = new Vue({
    el: '#app',
    store,
    vuetify: new Vuetify()
});

確認した事
0, ページネーションとして機能するか？　→　クリックすると正しく動きます。
1, 検証ツールでsvg要素の確認　→　svgがそもそも無かった
2, templateタグで囲んでみる　→　変化なし

上記を確認しましたが解決出来ずに止まってしまいました。
どなたか知見のある方、知恵をご教授いただきたいです。よろしくお願い致します。

参考にしているサイト
https://vuetifyjs.com/ja/components/paginations/#section-4f7f304465b9

vuetify 2.4.0
vue 2.5.17

Answer 1

以下のドキュメントに従っていずれかの方法でiconがインストールされているかを確認されるとよいかと思います。

https://vuetifyjs.com/en/features/icons/#installing-iconfonts

Comments

[tenlife]

リンクありがとうございます！！
解決できました！

各種インストールし、下記のコードを加える事で求めていた表示が出来ました。
prev-icon="mdi-menu-left"
next-icon="mdi-menu-right"

ありがとうございました。