bootstrap | Bootstrap-vue icon
Free,highquality,opensourceiconlibrarywithover1,500icons.Includethemanywayyoulike—SVGs,SVGsprite,orwebfonts.UsethemwithorwithoutBootstrapinanyproject.--BootstrapIcons[1]ThislibraryprovidesBootstrapiconsasVue3.xcomponents.BuiltfromBootstrapIconsv1.11.3.Installation#Usingyarnyarnaddbootstrap-icons-vue#Ornpmnpminstallbootstrap-icons-vueAlternatively,youcanusethemstraightfromaCDNwithoutinstallation.
Free, high quality, open source icon library with over 1,500 icons. Include them anyway you like—SVGs, SVG sprite, or web fonts. Use them with or without Bootstrap in any project. -- Bootstrap Icons[1]
This library provides Bootstrap icons as Vue 3.x components.
Built from Bootstrap Icons v1.11.3.
Installation # Using yarn yarn add bootstrap-icons-vue # Or npm npm install bootstrap-icons-vueAlternatively, you can use them straight from a CDN without installation.
<script src="https://unpkg.com/[email protected]"></script> <script src="https://unpkg.com/[email protected]"></script> Usage1. Importing individual icons
Making them globally available for an app:
import { createApp } from "vue"; import { BIconBatteryFull, BIconArrow90degDown, BIconBookmark, } from "bootstrap-icons-vue"; const app = createApp(/** App **/); app.component("BIconBatteryFull", B...