@iconify-prerendered

A superset standalone icon-components for Vue with zero dependencies. Designed for excellent tree shaking.

Installation

Install the appropriate icon set

npm i @iconify-prerendered/vue-<icon-set-name>

# Bootstrap Icons
npm i @iconify-prerendered/vue-bi

# Material Design Icons
npm i @iconify-prerendered/vue-mdi

Usage

Just import icon-component from set like usual.

<script setup>
import { IconAccount } from '@iconify-prerendered/vue-mdi' 
</script>

<template>
<a>
  <IconAccount/>
  Go to account
</a>
</template>

That's all you need. No bundler plugins or IDE extensions. It just works.

Available icons sets