Material design icons for Vue 3

Icons from materialdesignicons.com rendered as PascalCase vue components with Mdi prefix.

Icon source: materialdesignicons.com

How to (with Tailwind CSS)

<template>
    <p>
        <MdiAbacus class="w-4 h-4 inline text-rose-400" /> Hello world
        <MdiFormatBold class="w-4 h-4 inline text-rose-400" /> Hello world
    </p>
</tempalte>

<script setup>
import {
    MdiAbacus,
    MdiFormatBold,
} from 'materialdesignicons-vue3/icons/';
</script>

How to build your own

You need Python 3 installed

Commands

This command will clone source Git repository.

sync

This command creates vue components.

build

This command will clear the source directory. Use it before production.

cleanup

Linux & Mac

cd build
chmod +x *.sh
./sync.sh
./build.sh
./cleanup.sh

Windows

cd build
sync.cmd
build.cmd
cleanup.cmd