Bootstrap Icons
wovoui-icons are imported from Bootstrap 5 icons. There are more than 1800 icons. And in the future, if Bootstrap provides some more icons, those will be available too as soon as possible.
Getting Started
Installation
Using NPM
npm install @wovosoft/wovoui-icons
Using yarn
yarn add @wovosoft/wovoui-icons
Using Icons as Vue Component
Icon Components use SVGs provided by bootstrap-icons. So, importing bootstrap-icon style is optional.
<template>
<Activity :size="5"/>
<Alarm :size="5"/>
</template>
<script>
import {Activity, Alarm} from "@wovosoft/wovoui-icons";
export default {
components: {Activity, Alarm}
}
</script>
Using Icons by CSS
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.9.1/font/bootstrap-icons.css">
@import url("https://cdn.jsdelivr.net/npm/bootstrap-icons@1.9.1/font/bootstrap-icons.css");
import "bootstrap-icons"
<template>
<Bi icon="alarm"/>
</template>
<script>
import {Bi} from "@wovosoft/wovoui-icons";
export default {
components: {Bi}
}
</script>