Using Nuxt3 and Vuetify3, I have a folder with 100+ custom svgs. I need to find a way that will allow me to customize vuetify default icons with my own (like the dropdown icon or checkbox icon). I’m not using MDI, MD, FontAwesome, etc… All of my icons are custom

All of the solutions I’ve found so far either work with only Nuxt3 (which usually involves one of the nuxt icons modules that reads the icons folder and a custom component that displays it, but then there doesn’t seem to be a way to customize the vuetify icons based on that) or it works only with Vue/Vuetify (which seems to mainly revolve around creating one component per custom icon which I don’t want to do).

Before I was using the webfont package to basically read the icons folder and then create icon fonts and CSS classes based on those icon fonts. However, ideally I would like a more native solution if it exists.

The Vuetify docs regarding icons isn’t exactly the clearest thing in the world as well, which isn’t helping me really understand how it’s supposed to be done.