PrimeVue Icons

50+ SVG icon components for PrimeVue. Each icon is a standalone Vue 3 component, so only the icons actually referenced in the application are included in the bundle.

Usage

<script setup>
import { ChevronDownIcon } from '@primevue/icons/chevrondown';
import { CheckIcon } from '@primevue/icons/check';
import { SpinnerIcon } from '@primevue/icons/spinner';
</script>

<template>
    <ChevronDownIcon />
    <CheckIcon />
    <SpinnerIcon spin />
</template>

Props

All icon components extend BaseIcon and share the same props:

| Prop | Type | Description | | ------- | ------- | ------------------------------------------------------------------ | | spin | boolean | Applies a rotation animation (useful for loaders) | | label | string | Sets aria-label and switches role from presentation to img |

Icons without a label render with aria-hidden="true" and role="presentation" so screen readers skip them when used decoratively.

Available icons

Arrows, angles, chevrons, check marks, close/times, filter, sort, search, calendar, eye/eye-slash, plus/minus, refresh, upload, star, trash, pencil, spinner, window minimize/maximize, and more. Each lives under its own subpath for tree-shaking.

License

Licensed under the PrimeUI License - Copyright (c) PrimeTek Informatics