This is vue 3 matirial design icons picker

Installation

You can install the package via npm :

npm i mdi-selector

Usage :

import {IconSelector} from 'mdi-selector/dist/ds-library'

in your templete

<IconSelector v-model="icon" height="300px"></IconSelector>

in your style

<style>
    @import url("https://cdn.jsdelivr.net/npm/@mdi/font@7.2.96/css/materialdesignicons.min.css");
    @import "mdi-selector/dist/ds-library.css";
</style>

Credits

• Osama Al-mamari