🎛️Icons
Berry Vuetify is pre-configured with the Tabler Icons
Tabler icons
Berry is pre-configured with the most popular font library Tabler Icons.
import { AccessPointIcon } from "vue-tabler-icons";
// usage
<AccessPointIcon stroke-width="1.5" size="22" />
Material Design icons
Material icons svg using vuetify setup.
https://vuetifyjs.com/en/features/icon-fonts/#mdi-js-svg
Make one different file for imports usable icons and use it.
MDI icon file: src/plugins/mdi-icon.ts
// if you want to use mdi new icon then add like this
import { mdiHome } from '@mdi/js';
export const icons = {
home: mdiHome,
};
// Usage
<v-icon icon="$home"></v-icon> // Do not forgot to add $ syntax before icon name
Last updated