Icons

@primeicons/vue is available at npm, run the following command to download it to your project.

Each icon is a standalone Vue component. Import them individually for optimal tree-shaking, or use the named exports from the package root.

PrimeIcons library is now available on Figma Community. By adding them as a library, you can easily use these icons in your designs.

Each icon is a standalone Vue component rendered as an inline SVG, displayed by importing it from @primeicons/vue and using it as a tag.

Size of an icon is controlled with the size property that accepts a number in pixels or any CSS length value.

Icon color is defined with the color property which is inherited from the parent with currentColor by default.

Use the spin property to apply a rotation animation to an icon. Alternatively, a spin animation utility such as animate-spin from Tailwind can also be used.

Icon components can be referenced programmatically by passing the component itself to APIs that accept an icon, such as the model of a Menu.

Here is the full list of icons available as Vue components. Click any icon to copy its import statement.