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.

Related Posts

Data-Table-Generator-Tabulator

Interactive Data Table Generator with JS/jQuery and JSON | Tabulator

Tabulator allows you to create interactive tables in seconds from any HTML Table, JavaScript array, AJAX data source, or JSON format data. Just include the library in your…

alert-confirm-prompt-attention-js

Simple Alert, Confirm, Prompt Popup Using Vanilla JavaScript Library | attention.js

JavaScript provides various built-in functionality to display popup messages for different purposes. Attention JS is a vanillaJS plugin used to create a custom alert, confirm, or Prompt…

Bootstrap-4-Sidebar-Menu-Responsive-Template

Bootstrap 4 Sidebar Menu Responsive Template | MDB

Bootstrap Side Navbar – Responsive sidebar template based on the Bootstrap 4 framework. An easy-to-use, totally responsive, Google Material Design impressed aspect navigation for modern web app…

Bootstrap-4-Toast-Notification-Plugin

Lightweight Bootstrap 4 Toast Notification Plugin | BS4 Advanced Toast

A lightweight Bootstrap 4 Toast Notification plugin integrated with JS/jQuery. bs4-toast.js is a JavaScript library that enhances the native Bootstrap toast component with icons, buttons, callbacks, and…

Audio-Visualizations-Wave

How to Create Audio Visualizations with JavaScript | Wave.js

Audio Visualizer Library – wave.js is a vanilla javascript audio visualization library that provides 20+ creative audio visualization effects to bring more engagement to your visitor. Contribute…

bootstrap-5-treeview

Bootstrap 5 Treeview Dynamically Collapsible | bs5treeview

Bootstrap 5 Tree View is a very simple plug-in for creating a basic and elegant Treeview using BS5. For use with Bootstrap 5, the attributes have been…

Leave a Reply

Your email address will not be published. Required fields are marked *