Quasar Iconsax

This is a Quasar v2 SVG icon library containing icons based on the beautifully crafted Iconsax collection. It is designed to match the format of official Quasar icon libraries like @quasar/extras/ionicons-v7, enabling high performance and full tree-shaking support out of the box.

Installation

You can install this package via your package manager:

npm install quasar-iconsax

Usage

You can use the icons directly inside your Vue components with Quasar's <q-icon> component. Since it's properly exported, only the icons you import will be bundled in your final app.

<template>
  <q-page class="flex flex-center">
    <!-- Using the icon via the name prop -->
    <q-icon :name="isxArrowRight" size="32px" color="primary" />
  </q-page>
</template>

<script setup>
import { isxArrowRight } from "quasar-iconsax";
</script>

Contributing / Adding More Icons

If you want to contribute to this package or fork it to add your own icons:

1. Clone the repository.
2. Place your raw .svg files from Iconsax directly into the svg/ directory.
3. Run npm install and then npm run build:icons.
4. Done! The files inside dist/ will automatically be updated with the new Quasar-compatible strings.

Credits

All SVG icons and original designs are created and owned by the Vuesax / Iconsax team. This library is simply an independent wrapper to make these amazing icons easily consumable within the Quasar Framework ecosystem. All credit for the visual design goes directly to them.