vuetifyjs: Adding only used icons to build
We recommend using @mdi/js where possible. This provides an ES Module which exports the SVG path of every icon in the icon set and supports treeshaking. You simply pass the icon string to an SVG path element or in this case you can pass it directly to v-icon if you specify the icon font in the Vuetify config: iconfont: 'mdiSvg'.
Installation
npm install @mdi/jsUsage
<template> <v-icon>{{ mdiCheck }}</v-icon></template><script> import { mdiCheck } from '@mdi/js' export default { data: () => ({ mdiCheck, }), }</script>You can read more about integration with Vuetify here: https://vuetifyjs.com/en/customization/icons#install-material-design-icons-js-svg