ProIcons for Vue

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>

Request an icon

If an icon you want isn't in the set, you can request an icon in discussions.

Contributing

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