🎛️Icons

Mantis Vuetify is pre-configured with the Ant Design Vue

Mantis is pre-configured with the most popular font library Ant design icons.


import { PlusOutlined } from "@ant-design/icons-vue";

// usage
<PlusOutlined :style="{ fontSize: '20px' }" />

Material icons svg using vuetify setup.

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 1 year ago