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

DOCUMENTATION

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/[email protected]/font/bootstrap-icons.css">

@import url("https://cdn.jsdelivr.net/npm/[email protected]/font/bootstrap-icons.css");

import "bootstrap-icons"

<template>
    <Bi icon="alarm"/>
</template>
<script>
import {Bi} from "@wovosoft/wovoui-icons";

export default {
    components: {Bi}
}
</script>