Use Bootstrap Icons As Components In Vue

Install & Download:

# Yarn
$ yarn add bootstrap-icons-vue
# NPM
$ npm i bootstrap-icons-vue --save

Description:

An icon library for Vue 3 that allows you to use Bootstrap icons as components in the app.

Basic Usage:

1. Import icons from the bootstrap-icons-vue.

import { BIconBatteryFull, ... } from 'bootstrap-icons-vue';
// or all icons
import { BootstrapIconsPlugin } from 'bootstrap-icons-vue';

2. Insert icons into the app.

<template>
  <BIconBatteryFull />
</template>
export default {
  components: {
    BIconBatteryFull,
    ...
  },
  // ...
};

Preview:

Use Bootstrap Icons As Components In Vue

Changelog:

v1.8.1 (03/13/2022)

  • Added more icons

Add Comment