@proicons/vue

ProIcons for Vue

An implementation of the ProIcons icon library for Vue 3 applications.
Browse icons | Documentation | GitHub | NPM

Features

• All icons are available as customizable Vue components
• Supports ESM tree-shaking

Read the full documentation here

Installation

Install via NPM:

npm install @proicons/vue

[!IMPORTANT] This package is ESM-only. To use in CommonJS contexts, use await import('@proicons/vue') (asynchronous) or require('@proicons/vue') in newer Node.js versions.

Usage

All icons are available as Vue components named in PascalCase and may end in Icon.

To import the Add Square icon:

<script setup lang="ts">
import { AddSquareIcon } from '@proicons/vue'
// or
import { AddSquare } from '@proicons/vue'
</script>

<template>
    <AddSquareIcon :size="32" color="red">
</template>

Contributing

For more info on how to contribute, please see our contributing guide.