A Vue Component Library for Bootstrap Icons

Vue Bootstrap Icons is a free, high-quality, open-source icon library with over 1500+ icons. Include them however you want — SVGs, SVG sprites, or web fonts. Use it with or without Bootstrap on any project.

font awesome icons, bootstrap icons, icon library css, icon library html, bootstrap 4 icons

How to make use of it:

Install and download:

# Yarn
$ yarn add bootstrap-icons-vue

# NPM
$ npm i bootstrap-icons-vue --save

1. Import icons from bootstrap-icons-vue.

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

2. Insert icons into the application.

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

Use Bootstrap Icons As Components, Bootstrap Icons Vue Plugin/Github


See Demo And Download

Official Website(tommyip): Click Here

This superior jQuery/javascript plugin is developed by tommyip. For extra Advanced Usage, please go to the official website.

Share