Iconsax icon pack for Vue
npm install vue-iconsaxthe features of this package include the following:
- 1000 icons in 6 different types
- Perfectly balance
- 24px grid-based
- Lightweight, powerful and easy to use
![]()
- Install Yarn package
``bash`
yarn add vue-iconsax
- Install NPM package
`bash`
npm install vue-iconsax
Global registration:
`jsx`
// main.js
import { VsxIcon } from "vue-iconsax";
const app = createApp(App);
// Dynamic icon component - Use PascalCase for iconName prop
app.component("VsxIcon", VsxIcon);
app.mount("#app");
`jsx
// App.vue
// Dynamic icon component - Use PascalCase for iconName prop
`
Local registration:
`jsx
// Dynamic icon component - Use PascalCase for iconName prop
`
| Prop | Type | Default | Note |
| ---------- | --------------------------------------------------- | -------------- | ------------------------------------------------------------------ |
| color | string | currentColor | css color |size
| | number string | 24px | size="24" or :size="24" |type
| | Linear Outline TwoTone Bulk Broken Bold | Linear | icons styles |iconName` | string | | iconName is only required with vsx-icon tag (Dynamic icon imports) |
|
Emad Moghimi jaxtheprime@gmail.com
Project Link:
https://github.com/JaxThePrime/vue-iconsax