Vuetify Font awesome SVG integration problem

I am trying to get component from vuetify working. I am using fontawesome svg icons and i followed the docs regarding installation page. Here is how i got it registered:

import Vue from "vue";
import Vuetify from "vuetify";
import "vuetify/dist/vuetify.min.css";

import { library } from "@fortawesome/fontawesome-svg-core";
import { FontAwesomeIcon } from "@fortawesome/vue-fontawesome";
import { fas, faBell } from "@fortawesome/free-solid-svg-icons";

Vue.component("font-awesome-icon", FontAwesomeIcon); // Register component globally
library.add(fas, faBell); // Include needed icons

Vue.use(Vuetify);

export default new Vuetify({
  icons: {
    iconfont: "faSvg",
  },
});

However when I am using code such as this :

 <v-icon>fas fa-bell</v-icon>

for displaying icons it does not work. I got it working by using the font-awesome-icon component but i would like to use the native vuetify v-icon component.

Do you guys have any idea what might be the issue?

Thank you.