Shifting affects icon location without changing or moving the svg container. If you need to have the background and/or border scale with the icon, use the font-scale prop instead. i.e icon 'alert-circle-fill' is exported as BIconAlertCircleFill, icon 'x' is exported as BIconX, and icon 'x-square-fill' is exported as BIconXSquareFill. To change the color of the icon, refer to the Variants section, and to change the size of the icon refer to the Sizing section.Īll icons are exported with the name in PascalCase, prefixed with BIcon.
Icons inherit the current font color and font size from their parent container element. Bootstrap Icons v1.2.0 were added in BootstrapVue v2.21.0.īootstrapVue icons are not automatically installed when using BootstrapVue in your project, you must explicitly include them.Bootstrap Icons v1.1.0 were added in BootstrapVue v2.19.0.Bootstrap Icons v1.0.0 were added in BootstrapVue v2.17.0.