Icons | Bootstrap-vue icon
BootstrapIconsaredesignedtoworkwithBootstrapcomponents,fromformcontrolstonavigation.BootstrapIconsareSVGs,sotheyscalequicklyandeasilyandcanbestyledwithCSS.WhiletheyarebuiltforBootstrap,theywillworkinanyproject.BootstrapVueiconcomponentsarebuiltfrombootstrap-iconsv1.5.0[1]sourceSVGs.Iconsareopt-in,meaningthattheyexplicitlyneedtobeimportedinordertobeused.Theyarenotinstalledbydefault.Youdonotneedbootstrap-iconsasadependency.UsageBootstrapVueiconsarenotautomaticallyinstalledwhenusingBootstrapVue...
Bootstrap Icons are designed to work with Bootstrap components, from form controls to navigation. Bootstrap Icons are SVGs, so they scale quickly and easily and can be styled with CSS. While they are built for Bootstrap, they will work in any project.
BootstrapVue icon components are built from bootstrap-icons v1.5.0[1] source SVGs. Icons are opt-in, meaning that they explicitly need to be imported in order to be used. They are not installed by default. You do not need bootstrap-icons as a dependency.
UsageBootstrapVue icons are not automatically installed when using BootstrapVue in your project, you must explicitly include them.
Icons inherit the current font color and font size from their parent container element. To change the color of the icon, refer to the Variants[2] section, and to change the size of the icon refer to the Sizing[3] section.
All icons are exported with the name in PascalCase, prefixed with BIcon. i.e icon alert-circ...