vue3-bootstrap-icon

Bootstrap Icon Vue

A free and open-source icon component library for Bootstrap icons based on vue3, all icons are from Bootstrap official icon library

中文文档

Install

npm npm install vue3-bootstrap-icon -S

yarn yarn add vue3-bootstrap-icon --save

Usage

<template>
  <BsiBootstrap />
  <BsiGithub />
</template>

<script setup>
  /* // It is not recommended to use this method to import, because there are thousands of icon components in the library, that is, thousands of modules, 
    // and webpack will load these thousands of modules during development, which will slow down the hot update speed of webpack
  // import { BsiBootstrap } from 'vue3-bootstrap-icon'; */
  import { BsiBootstrap } from 'vue3-bootstrap-icon/es/icons/BsiBootstrap';
  // The icon component name is the component file name
  import { BsiGithub } from 'vue3-bootstrap-icon/es/icons/BsiGithub';
  // use require
  const Bsi1Square = require('vue3-bootstrap-icon/cjs/icons/Bsi1Square').default;
</script>

Documentation and Examples

Component props