npm.io
5.0.1 • Published 1 week ago

@primevue/icons

Licence
SEE LICENSE IN LICENSE.md
Version
5.0.1
Deps
2
Size
264 kB
Vulns
0
Weekly
0

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