1. Tabler Icons

                        
// ----------------------------------------------------------------------
// src/main.ts
// ----------------------------------------------------------------------

import VueTablerIcons from "vue-tabler-icons";
app.use(VueTablerIcons);

// ----------------------------------------------------------------------
// usage
// ----------------------------------------------------------------------

<script setup lang="ts">
import { MoodSmileIcon, CircleXIcon } from 'vue-tabler-icons';
</script>

<template>
  <MoodSmileIcon size="22" />
  <CircleXIcon size="25" />
</template>