Server : Apache System : Linux server2.corals.io 4.18.0-348.2.1.el8_5.x86_64 #1 SMP Mon Nov 15 09:17:08 EST 2021 x86_64 User : corals ( 1002) PHP Version : 7.4.33 Disable Function : exec,passthru,shell_exec,system Directory : /home/corals/vreg/node_modules/bootstrap-vue/src/icons/ |
{
"name": "@bootstrap-vue/icons",
"version": "1.0.0",
"meta": {
"title": "Bootstrap Icons",
"version": "2.2.0",
"bootstrap-icons-version": "1.2.2",
"slug": "",
"description": "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.",
"REMARK": "Note all bootstrap-icons are added to this file during the build phase. Avoid editing this file directly.",
"components": [
{
"component": "BIcon",
"version": "2.2.0",
"props": [
{
"prop": "icon",
"description": "Name of icon to render. The corresponding icon component must be installed"
},
{
"prop": "title",
"description": "Text content to place in the title",
"version": "2.17.0"
},
{
"prop": "variant",
"description": "Contextual color variant. By default the icon inherits the current text color"
},
{
"prop": "fontScale",
"description": "Scale the icons current font size"
},
{
"prop": "scale",
"description": "Scales the icon's SVG, without increasing the font size"
},
{
"prop": "rotate",
"description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise"
},
{
"prop": "flipH",
"description": "Flips the icon horizontally"
},
{
"prop": "flipV",
"description": "Flips the icon vertically"
},
{
"prop": "shiftH",
"description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units"
},
{
"prop": "shiftV",
"description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units"
},
{
"prop": "stacked",
"version": "2.3.0",
"description": "Set this prop to true when placing inside a BIconstack component"
},
{
"prop": "animation",
"version": "2.7.0",
"description": "Animate the icon. Supported built-in animations are 'cylon', 'fade', 'pulse', 'spin' and 'throb'"
}
]
},
{
"component": "BIconstack",
"version": "2.3.0",
"props": [
{
"prop": "title",
"description": "Text content to place in the title",
"version": "2.17.0"
},
{
"prop": "variant",
"description": "Contextual color variant. By default the icon inherits the current text color"
},
{
"prop": "fontScale",
"description": "Scale the icons current font size"
},
{
"prop": "scale",
"description": "Scales the icon's SVG, without increasing the font size"
},
{
"prop": "rotate",
"description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise"
},
{
"prop": "flipH",
"description": "Flips the icon horizontally"
},
{
"prop": "flipV",
"description": "Flips the icon vertically"
},
{
"prop": "shiftH",
"description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units"
},
{
"prop": "shiftV",
"description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units"
},
{
"prop": "animation",
"version": "2.7.0",
"description": "Animate the icon. Supported built-in animations are 'cylon', 'fade', 'pulse', 'spin' and 'throb'"
}
]
},
{
"component": "BIconBlank",
"version": "2.2.0",
"props": [
{
"prop": "title",
"description": "Text content to place in the title",
"version": "2.17.0"
},
{
"prop": "variant",
"description": "Contextual color variant. By default the icon inherits the current text color"
},
{
"prop": "fontScale",
"description": "Scale the icons current font size"
},
{
"prop": "scale",
"description": "Scales the icon's SVG, without increasing the font size"
},
{
"prop": "rotate",
"description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise"
},
{
"prop": "flipH",
"description": "Flips the icon horizontally"
},
{
"prop": "flipV",
"description": "Flips the icon vertically"
},
{
"prop": "shiftH",
"description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units"
},
{
"prop": "shiftV",
"description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units"
},
{
"prop": "stacked",
"version": "2.3.0",
"description": "Set this prop to true when placing inside a BIconstack component"
},
{
"prop": "animation",
"version": "2.7.0",
"description": "Animate the icon. Supported built-in animations are 'spin', 'pulse' and 'cylon'"
}
]
},
{
"component": "BIconAlarm",
"auto-gen": "bootstrap-icons 1.2.2",
"props": [
{
"prop": "title",
"description": "Text content to place in the title",
"version": "2.17.0"
},
{
"prop": "variant",
"description": "Contextual color variant. By default the icon inherits the current text color"
},
{
"prop": "fontScale",
"description": "Scale the icons current font size"
},
{
"prop": "scale",
"description": "Scales the icon's SVG, without increasing the font size"
},
{
"prop": "rotate",
"description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise"
},
{
"prop": "flipH",
"description": "Flips the icon horizontally"
},
{
"prop": "flipV",
"description": "Flips the icon vertically"
},
{
"prop": "shiftH",
"description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units"
},
{
"prop": "shiftV",
"description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units"
},
{
"prop": "stacked",
"version": "2.3.0",
"description": "Set this prop to true when placing inside a BIconstack component"
},
{
"prop": "animation",
"version": "2.7.0",
"description": "Animate the icon. Supported built-in animations are 'cylon', 'fade', 'pulse', 'spin' and 'throb'"
}
]
},
{
"component": "BIconAlarmFill",
"auto-gen": "bootstrap-icons 1.2.2",
"props": [
{
"prop": "title",
"description": "Text content to place in the title",
"version": "2.17.0"
},
{
"prop": "variant",
"description": "Contextual color variant. By default the icon inherits the current text color"
},
{
"prop": "fontScale",
"description": "Scale the icons current font size"
},
{
"prop": "scale",
"description": "Scales the icon's SVG, without increasing the font size"
},
{
"prop": "rotate",
"description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise"
},
{
"prop": "flipH",
"description": "Flips the icon horizontally"
},
{
"prop": "flipV",
"description": "Flips the icon vertically"
},
{
"prop": "shiftH",
"description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units"
},
{
"prop": "shiftV",
"description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units"
},
{
"prop": "stacked",
"version": "2.3.0",
"description": "Set this prop to true when placing inside a BIconstack component"
},
{
"prop": "animation",
"version": "2.7.0",
"description": "Animate the icon. Supported built-in animations are 'cylon', 'fade', 'pulse', 'spin' and 'throb'"
}
]
},
{
"component": "BIconAlignBottom",
"auto-gen": "bootstrap-icons 1.2.2",
"props": [
{
"prop": "title",
"description": "Text content to place in the title",
"version": "2.17.0"
},
{
"prop": "variant",
"description": "Contextual color variant. By default the icon inherits the current text color"
},
{
"prop": "fontScale",
"description": "Scale the icons current font size"
},
{
"prop": "scale",
"description": "Scales the icon's SVG, without increasing the font size"
},
{
"prop": "rotate",
"description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise"
},
{
"prop": "flipH",
"description": "Flips the icon horizontally"
},
{
"prop": "flipV",
"description": "Flips the icon vertically"
},
{
"prop": "shiftH",
"description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units"
},
{
"prop": "shiftV",
"description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units"
},
{
"prop": "stacked",
"version": "2.3.0",
"description": "Set this prop to true when placing inside a BIconstack component"
},
{
"prop": "animation",
"version": "2.7.0",
"description": "Animate the icon. Supported built-in animations are 'cylon', 'fade', 'pulse', 'spin' and 'throb'"
}
]
},
{
"component": "BIconAlignCenter",
"auto-gen": "bootstrap-icons 1.2.2",
"props": [
{
"prop": "title",
"description": "Text content to place in the title",
"version": "2.17.0"
},
{
"prop": "variant",
"description": "Contextual color variant. By default the icon inherits the current text color"
},
{
"prop": "fontScale",
"description": "Scale the icons current font size"
},
{
"prop": "scale",
"description": "Scales the icon's SVG, without increasing the font size"
},
{
"prop": "rotate",
"description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise"
},
{
"prop": "flipH",
"description": "Flips the icon horizontally"
},
{
"prop": "flipV",
"description": "Flips the icon vertically"
},
{
"prop": "shiftH",
"description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units"
},
{
"prop": "shiftV",
"description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units"
},
{
"prop": "stacked",
"version": "2.3.0",
"description": "Set this prop to true when placing inside a BIconstack component"
},
{
"prop": "animation",
"version": "2.7.0",
"description": "Animate the icon. Supported built-in animations are 'cylon', 'fade', 'pulse', 'spin' and 'throb'"
}
]
},
{
"component": "BIconAlignEnd",
"auto-gen": "bootstrap-icons 1.2.2",
"props": [
{
"prop": "title",
"description": "Text content to place in the title",
"version": "2.17.0"
},
{
"prop": "variant",
"description": "Contextual color variant. By default the icon inherits the current text color"
},
{
"prop": "fontScale",
"description": "Scale the icons current font size"
},
{
"prop": "scale",
"description": "Scales the icon's SVG, without increasing the font size"
},
{
"prop": "rotate",
"description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise"
},
{
"prop": "flipH",
"description": "Flips the icon horizontally"
},
{
"prop": "flipV",
"description": "Flips the icon vertically"
},
{
"prop": "shiftH",
"description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units"
},
{
"prop": "shiftV",
"description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units"
},
{
"prop": "stacked",
"version": "2.3.0",
"description": "Set this prop to true when placing inside a BIconstack component"
},
{
"prop": "animation",
"version": "2.7.0",
"description": "Animate the icon. Supported built-in animations are 'cylon', 'fade', 'pulse', 'spin' and 'throb'"
}
]
},
{
"component": "BIconAlignMiddle",
"auto-gen": "bootstrap-icons 1.2.2",
"props": [
{
"prop": "title",
"description": "Text content to place in the title",
"version": "2.17.0"
},
{
"prop": "variant",
"description": "Contextual color variant. By default the icon inherits the current text color"
},
{
"prop": "fontScale",
"description": "Scale the icons current font size"
},
{
"prop": "scale",
"description": "Scales the icon's SVG, without increasing the font size"
},
{
"prop": "rotate",
"description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise"
},
{
"prop": "flipH",
"description": "Flips the icon horizontally"
},
{
"prop": "flipV",
"description": "Flips the icon vertically"
},
{
"prop": "shiftH",
"description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units"
},
{
"prop": "shiftV",
"description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units"
},
{
"prop": "stacked",
"version": "2.3.0",
"description": "Set this prop to true when placing inside a BIconstack component"
},
{
"prop": "animation",
"version": "2.7.0",
"description": "Animate the icon. Supported built-in animations are 'cylon', 'fade', 'pulse', 'spin' and 'throb'"
}
]
},
{
"component": "BIconAlignStart",
"auto-gen": "bootstrap-icons 1.2.2",
"props": [
{
"prop": "title",
"description": "Text content to place in the title",
"version": "2.17.0"
},
{
"prop": "variant",
"description": "Contextual color variant. By default the icon inherits the current text color"
},
{
"prop": "fontScale",
"description": "Scale the icons current font size"
},
{
"prop": "scale",
"description": "Scales the icon's SVG, without increasing the font size"
},
{
"prop": "rotate",
"description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise"
},
{
"prop": "flipH",
"description": "Flips the icon horizontally"
},
{
"prop": "flipV",
"description": "Flips the icon vertically"
},
{
"prop": "shiftH",
"description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units"
},
{
"prop": "shiftV",
"description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units"
},
{
"prop": "stacked",
"version": "2.3.0",
"description": "Set this prop to true when placing inside a BIconstack component"
},
{
"prop": "animation",
"version": "2.7.0",
"description": "Animate the icon. Supported built-in animations are 'cylon', 'fade', 'pulse', 'spin' and 'throb'"
}
]
},
{
"component": "BIconAlignTop",
"auto-gen": "bootstrap-icons 1.2.2",
"props": [
{
"prop": "title",
"description": "Text content to place in the title",
"version": "2.17.0"
},
{
"prop": "variant",
"description": "Contextual color variant. By default the icon inherits the current text color"
},
{
"prop": "fontScale",
"description": "Scale the icons current font size"
},
{
"prop": "scale",
"description": "Scales the icon's SVG, without increasing the font size"
},
{
"prop": "rotate",
"description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise"
},
{
"prop": "flipH",
"description": "Flips the icon horizontally"
},
{
"prop": "flipV",
"description": "Flips the icon vertically"
},
{
"prop": "shiftH",
"description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units"
},
{
"prop": "shiftV",
"description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units"
},
{
"prop": "stacked",
"version": "2.3.0",
"description": "Set this prop to true when placing inside a BIconstack component"
},
{
"prop": "animation",
"version": "2.7.0",
"description": "Animate the icon. Supported built-in animations are 'cylon', 'fade', 'pulse', 'spin' and 'throb'"
}
]
},
{
"component": "BIconAlt",
"auto-gen": "bootstrap-icons 1.2.2",
"props": [
{
"prop": "title",
"description": "Text content to place in the title",
"version": "2.17.0"
},
{
"prop": "variant",
"description": "Contextual color variant. By default the icon inherits the current text color"
},
{
"prop": "fontScale",
"description": "Scale the icons current font size"
},
{
"prop": "scale",
"description": "Scales the icon's SVG, without increasing the font size"
},
{
"prop": "rotate",
"description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise"
},
{
"prop": "flipH",
"description": "Flips the icon horizontally"
},
{
"prop": "flipV",
"description": "Flips the icon vertically"
},
{
"prop": "shiftH",
"description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units"
},
{
"prop": "shiftV",
"description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units"
},
{
"prop": "stacked",
"version": "2.3.0",
"description": "Set this prop to true when placing inside a BIconstack component"
},
{
"prop": "animation",
"version": "2.7.0",
"description": "Animate the icon. Supported built-in animations are 'cylon', 'fade', 'pulse', 'spin' and 'throb'"
}
]
},
{
"component": "BIconApp",
"auto-gen": "bootstrap-icons 1.2.2",
"props": [
{
"prop": "title",
"description": "Text content to place in the title",
"version": "2.17.0"
},
{
"prop": "variant",
"description": "Contextual color variant. By default the icon inherits the current text color"
},
{
"prop": "fontScale",
"description": "Scale the icons current font size"
},
{
"prop": "scale",
"description": "Scales the icon's SVG, without increasing the font size"
},
{
"prop": "rotate",
"description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise"
},
{
"prop": "flipH",
"description": "Flips the icon horizontally"
},
{
"prop": "flipV",
"description": "Flips the icon vertically"
},
{
"prop": "shiftH",
"description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units"
},
{
"prop": "shiftV",
"description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units"
},
{
"prop": "stacked",
"version": "2.3.0",
"description": "Set this prop to true when placing inside a BIconstack component"
},
{
"prop": "animation",
"version": "2.7.0",
"description": "Animate the icon. Supported built-in animations are 'cylon', 'fade', 'pulse', 'spin' and 'throb'"
}
]
},
{
"component": "BIconAppIndicator",
"auto-gen": "bootstrap-icons 1.2.2",
"props": [
{
"prop": "title",
"description": "Text content to place in the title",
"version": "2.17.0"
},
{
"prop": "variant",
"description": "Contextual color variant. By default the icon inherits the current text color"
},
{
"prop": "fontScale",
"description": "Scale the icons current font size"
},
{
"prop": "scale",
"description": "Scales the icon's SVG, without increasing the font size"
},
{
"prop": "rotate",
"description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise"
},
{
"prop": "flipH",
"description": "Flips the icon horizontally"
},
{
"prop": "flipV",
"description": "Flips the icon vertically"
},
{
"prop": "shiftH",
"description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units"
},
{
"prop": "shiftV",
"description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units"
},
{
"prop": "stacked",
"version": "2.3.0",
"description": "Set this prop to true when placing inside a BIconstack component"
},
{
"prop": "animation",
"version": "2.7.0",
"description": "Animate the icon. Supported built-in animations are 'cylon', 'fade', 'pulse', 'spin' and 'throb'"
}
]
},
{
"component": "BIconArchive",
"auto-gen": "bootstrap-icons 1.2.2",
"props": [
{
"prop": "title",
"description": "Text content to place in the title",
"version": "2.17.0"
},
{
"prop": "variant",
"description": "Contextual color variant. By default the icon inherits the current text color"
},
{
"prop": "fontScale",
"description": "Scale the icons current font size"
},
{
"prop": "scale",
"description": "Scales the icon's SVG, without increasing the font size"
},
{
"prop": "rotate",
"description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise"
},
{
"prop": "flipH",
"description": "Flips the icon horizontally"
},
{
"prop": "flipV",
"description": "Flips the icon vertically"
},
{
"prop": "shiftH",
"description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units"
},
{
"prop": "shiftV",
"description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units"
},
{
"prop": "stacked",
"version": "2.3.0",
"description": "Set this prop to true when placing inside a BIconstack component"
},
{
"prop": "animation",
"version": "2.7.0",
"description": "Animate the icon. Supported built-in animations are 'cylon', 'fade', 'pulse', 'spin' and 'throb'"
}
]
},
{
"component": "BIconArchiveFill",
"auto-gen": "bootstrap-icons 1.2.2",
"props": [
{
"prop": "title",
"description": "Text content to place in the title",
"version": "2.17.0"
},
{
"prop": "variant",
"description": "Contextual color variant. By default the icon inherits the current text color"
},
{
"prop": "fontScale",
"description": "Scale the icons current font size"
},
{
"prop": "scale",
"description": "Scales the icon's SVG, without increasing the font size"
},
{
"prop": "rotate",
"description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise"
},
{
"prop": "flipH",
"description": "Flips the icon horizontally"
},
{
"prop": "flipV",
"description": "Flips the icon vertically"
},
{
"prop": "shiftH",
"description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units"
},
{
"prop": "shiftV",
"description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units"
},
{
"prop": "stacked",
"version": "2.3.0",
"description": "Set this prop to true when placing inside a BIconstack component"
},
{
"prop": "animation",
"version": "2.7.0",
"description": "Animate the icon. Supported built-in animations are 'cylon', 'fade', 'pulse', 'spin' and 'throb'"
}
]
},
{
"component": "BIconArrow90degDown",
"auto-gen": "bootstrap-icons 1.2.2",
"props": [
{
"prop": "title",
"description": "Text content to place in the title",
"version": "2.17.0"
},
{
"prop": "variant",
"description": "Contextual color variant. By default the icon inherits the current text color"
},
{
"prop": "fontScale",
"description": "Scale the icons current font size"
},
{
"prop": "scale",
"description": "Scales the icon's SVG, without increasing the font size"
},
{
"prop": "rotate",
"description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise"
},
{
"prop": "flipH",
"description": "Flips the icon horizontally"
},
{
"prop": "flipV",
"description": "Flips the icon vertically"
},
{
"prop": "shiftH",
"description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units"
},
{
"prop": "shiftV",
"description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units"
},
{
"prop": "stacked",
"version": "2.3.0",
"description": "Set this prop to true when placing inside a BIconstack component"
},
{
"prop": "animation",
"version": "2.7.0",
"description": "Animate the icon. Supported built-in animations are 'cylon', 'fade', 'pulse', 'spin' and 'throb'"
}
]
},
{
"component": "BIconArrow90degLeft",
"auto-gen": "bootstrap-icons 1.2.2",
"props": [
{
"prop": "title",
"description": "Text content to place in the title",
"version": "2.17.0"
},
{
"prop": "variant",
"description": "Contextual color variant. By default the icon inherits the current text color"
},
{
"prop": "fontScale",
"description": "Scale the icons current font size"
},
{
"prop": "scale",
"description": "Scales the icon's SVG, without increasing the font size"
},
{
"prop": "rotate",
"description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise"
},
{
"prop": "flipH",
"description": "Flips the icon horizontally"
},
{
"prop": "flipV",
"description": "Flips the icon vertically"
},
{
"prop": "shiftH",
"description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units"
},
{
"prop": "shiftV",
"description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units"
},
{
"prop": "stacked",
"version": "2.3.0",
"description": "Set this prop to true when placing inside a BIconstack component"
},
{
"prop": "animation",
"version": "2.7.0",
"description": "Animate the icon. Supported built-in animations are 'cylon', 'fade', 'pulse', 'spin' and 'throb'"
}
]
},
{
"component": "BIconArrow90degRight",
"auto-gen": "bootstrap-icons 1.2.2",
"props": [
{
"prop": "title",
"description": "Text content to place in the title",
"version": "2.17.0"
},
{
"prop": "variant",
"description": "Contextual color variant. By default the icon inherits the current text color"
},
{
"prop": "fontScale",
"description": "Scale the icons current font size"
},
{
"prop": "scale",
"description": "Scales the icon's SVG, without increasing the font size"
},
{
"prop": "rotate",
"description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise"
},
{
"prop": "flipH",
"description": "Flips the icon horizontally"
},
{
"prop": "flipV",
"description": "Flips the icon vertically"
},
{
"prop": "shiftH",
"description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units"
},
{
"prop": "shiftV",
"description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units"
},
{
"prop": "stacked",
"version": "2.3.0",
"description": "Set this prop to true when placing inside a BIconstack component"
},
{
"prop": "animation",
"version": "2.7.0",
"description": "Animate the icon. Supported built-in animations are 'cylon', 'fade', 'pulse', 'spin' and 'throb'"
}
]
},
{
"component": "BIconArrow90degUp",
"auto-gen": "bootstrap-icons 1.2.2",
"props": [
{
"prop": "title",
"description": "Text content to place in the title",
"version": "2.17.0"
},
{
"prop": "variant",
"description": "Contextual color variant. By default the icon inherits the current text color"
},
{
"prop": "fontScale",
"description": "Scale the icons current font size"
},
{
"prop": "scale",
"description": "Scales the icon's SVG, without increasing the font size"
},
{
"prop": "rotate",
"description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise"
},
{
"prop": "flipH",
"description": "Flips the icon horizontally"
},
{
"prop": "flipV",
"description": "Flips the icon vertically"
},
{
"prop": "shiftH",
"description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units"
},
{
"prop": "shiftV",
"description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units"
},
{
"prop": "stacked",
"version": "2.3.0",
"description": "Set this prop to true when placing inside a BIconstack component"
},
{
"prop": "animation",
"version": "2.7.0",
"description": "Animate the icon. Supported built-in animations are 'cylon', 'fade', 'pulse', 'spin' and 'throb'"
}
]
},
{
"component": "BIconArrowBarDown",
"auto-gen": "bootstrap-icons 1.2.2",
"props": [
{
"prop": "title",
"description": "Text content to place in the title",
"version": "2.17.0"
},
{
"prop": "variant",
"description": "Contextual color variant. By default the icon inherits the current text color"
},
{
"prop": "fontScale",
"description": "Scale the icons current font size"
},
{
"prop": "scale",
"description": "Scales the icon's SVG, without increasing the font size"
},
{
"prop": "rotate",
"description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise"
},
{
"prop": "flipH",
"description": "Flips the icon horizontally"
},
{
"prop": "flipV",
"description": "Flips the icon vertically"
},
{
"prop": "shiftH",
"description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units"
},
{
"prop": "shiftV",
"description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units"
},
{
"prop": "stacked",
"version": "2.3.0",
"description": "Set this prop to true when placing inside a BIconstack component"
},
{
"prop": "animation",
"version": "2.7.0",
"description": "Animate the icon. Supported built-in animations are 'cylon', 'fade', 'pulse', 'spin' and 'throb'"
}
]
},
{
"component": "BIconArrowBarLeft",
"auto-gen": "bootstrap-icons 1.2.2",
"props": [
{
"prop": "title",
"description": "Text content to place in the title",
"version": "2.17.0"
},
{
"prop": "variant",
"description": "Contextual color variant. By default the icon inherits the current text color"
},
{
"prop": "fontScale",
"description": "Scale the icons current font size"
},
{
"prop": "scale",
"description": "Scales the icon's SVG, without increasing the font size"
},
{
"prop": "rotate",
"description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise"
},
{
"prop": "flipH",
"description": "Flips the icon horizontally"
},
{
"prop": "flipV",
"description": "Flips the icon vertically"
},
{
"prop": "shiftH",
"description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units"
},
{
"prop": "shiftV",
"description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units"
},
{
"prop": "stacked",
"version": "2.3.0",
"description": "Set this prop to true when placing inside a BIconstack component"
},
{
"prop": "animation",
"version": "2.7.0",
"description": "Animate the icon. Supported built-in animations are 'cylon', 'fade', 'pulse', 'spin' and 'throb'"
}
]
},
{
"component": "BIconArrowBarRight",
"auto-gen": "bootstrap-icons 1.2.2",
"props": [
{
"prop": "title",
"description": "Text content to place in the title",
"version": "2.17.0"
},
{
"prop": "variant",
"description": "Contextual color variant. By default the icon inherits the current text color"
},
{
"prop": "fontScale",
"description": "Scale the icons current font size"
},
{
"prop": "scale",
"description": "Scales the icon's SVG, without increasing the font size"
},
{
"prop": "rotate",
"description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise"
},
{
"prop": "flipH",
"description": "Flips the icon horizontally"
},
{
"prop": "flipV",
"description": "Flips the icon vertically"
},
{
"prop": "shiftH",
"description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units"
},
{
"prop": "shiftV",
"description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units"
},
{
"prop": "stacked",
"version": "2.3.0",
"description": "Set this prop to true when placing inside a BIconstack component"
},
{
"prop": "animation",
"version": "2.7.0",
"description": "Animate the icon. Supported built-in animations are 'cylon', 'fade', 'pulse', 'spin' and 'throb'"
}
]
},
{
"component": "BIconArrowBarUp",
"auto-gen": "bootstrap-icons 1.2.2",
"props": [
{
"prop": "title",
"description": "Text content to place in the title",
"version": "2.17.0"
},
{
"prop": "variant",
"description": "Contextual color variant. By default the icon inherits the current text color"
},
{
"prop": "fontScale",
"description": "Scale the icons current font size"
},
{
"prop": "scale",
"description": "Scales the icon's SVG, without increasing the font size"
},
{
"prop": "rotate",
"description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise"
},
{
"prop": "flipH",
"description": "Flips the icon horizontally"
},
{
"prop": "flipV",
"description": "Flips the icon vertically"
},
{
"prop": "shiftH",
"description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units"
},
{
"prop": "shiftV",
"description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units"
},
{
"prop": "stacked",
"version": "2.3.0",
"description": "Set this prop to true when placing inside a BIconstack component"
},
{
"prop": "animation",
"version": "2.7.0",
"description": "Animate the icon. Supported built-in animations are 'cylon', 'fade', 'pulse', 'spin' and 'throb'"
}
]
},
{
"component": "BIconArrowClockwise",
"auto-gen": "bootstrap-icons 1.2.2",
"props": [
{
"prop": "title",
"description": "Text content to place in the title",
"version": "2.17.0"
},
{
"prop": "variant",
"description": "Contextual color variant. By default the icon inherits the current text color"
},
{
"prop": "fontScale",
"description": "Scale the icons current font size"
},
{
"prop": "scale",
"description": "Scales the icon's SVG, without increasing the font size"
},
{
"prop": "rotate",
"description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise"
},
{
"prop": "flipH",
"description": "Flips the icon horizontally"
},
{
"prop": "flipV",
"description": "Flips the icon vertically"
},
{
"prop": "shiftH",
"description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units"
},
{
"prop": "shiftV",
"description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units"
},
{
"prop": "stacked",
"version": "2.3.0",
"description": "Set this prop to true when placing inside a BIconstack component"
},
{
"prop": "animation",
"version": "2.7.0",
"description": "Animate the icon. Supported built-in animations are 'cylon', 'fade', 'pulse', 'spin' and 'throb'"
}
]
},
{
"component": "BIconArrowCounterclockwise",
"auto-gen": "bootstrap-icons 1.2.2",
"props": [
{
"prop": "title",
"description": "Text content to place in the title",
"version": "2.17.0"
},
{
"prop": "variant",
"description": "Contextual color variant. By default the icon inherits the current text color"
},
{
"prop": "fontScale",
"description": "Scale the icons current font size"
},
{
"prop": "scale",
"description": "Scales the icon's SVG, without increasing the font size"
},
{
"prop": "rotate",
"description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise"
},
{
"prop": "flipH",
"description": "Flips the icon horizontally"
},
{
"prop": "flipV",
"description": "Flips the icon vertically"
},
{
"prop": "shiftH",
"description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units"
},
{
"prop": "shiftV",
"description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units"
},
{
"prop": "stacked",
"version": "2.3.0",
"description": "Set this prop to true when placing inside a BIconstack component"
},
{
"prop": "animation",
"version": "2.7.0",
"description": "Animate the icon. Supported built-in animations are 'cylon', 'fade', 'pulse', 'spin' and 'throb'"
}
]
},
{
"component": "BIconArrowDown",
"auto-gen": "bootstrap-icons 1.2.2",
"props": [
{
"prop": "title",
"description": "Text content to place in the title",
"version": "2.17.0"
},
{
"prop": "variant",
"description": "Contextual color variant. By default the icon inherits the current text color"
},
{
"prop": "fontScale",
"description": "Scale the icons current font size"
},
{
"prop": "scale",
"description": "Scales the icon's SVG, without increasing the font size"
},
{
"prop": "rotate",
"description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise"
},
{
"prop": "flipH",
"description": "Flips the icon horizontally"
},
{
"prop": "flipV",
"description": "Flips the icon vertically"
},
{
"prop": "shiftH",
"description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units"
},
{
"prop": "shiftV",
"description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units"
},
{
"prop": "stacked",
"version": "2.3.0",
"description": "Set this prop to true when placing inside a BIconstack component"
},
{
"prop": "animation",
"version": "2.7.0",
"description": "Animate the icon. Supported built-in animations are 'cylon', 'fade', 'pulse', 'spin' and 'throb'"
}
]
},
{
"component": "BIconArrowDownCircle",
"auto-gen": "bootstrap-icons 1.2.2",
"props": [
{
"prop": "title",
"description": "Text content to place in the title",
"version": "2.17.0"
},
{
"prop": "variant",
"description": "Contextual color variant. By default the icon inherits the current text color"
},
{
"prop": "fontScale",
"description": "Scale the icons current font size"
},
{
"prop": "scale",
"description": "Scales the icon's SVG, without increasing the font size"
},
{
"prop": "rotate",
"description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise"
},
{
"prop": "flipH",
"description": "Flips the icon horizontally"
},
{
"prop": "flipV",
"description": "Flips the icon vertically"
},
{
"prop": "shiftH",
"description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units"
},
{
"prop": "shiftV",
"description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units"
},
{
"prop": "stacked",
"version": "2.3.0",
"description": "Set this prop to true when placing inside a BIconstack component"
},
{
"prop": "animation",
"version": "2.7.0",
"description": "Animate the icon. Supported built-in animations are 'cylon', 'fade', 'pulse', 'spin' and 'throb'"
}
]
},
{
"component": "BIconArrowDownCircleFill",
"auto-gen": "bootstrap-icons 1.2.2",
"props": [
{
"prop": "title",
"description": "Text content to place in the title",
"version": "2.17.0"
},
{
"prop": "variant",
"description": "Contextual color variant. By default the icon inherits the current text color"
},
{
"prop": "fontScale",
"description": "Scale the icons current font size"
},
{
"prop": "scale",
"description": "Scales the icon's SVG, without increasing the font size"
},
{
"prop": "rotate",
"description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise"
},
{
"prop": "flipH",
"description": "Flips the icon horizontally"
},
{
"prop": "flipV",
"description": "Flips the icon vertically"
},
{
"prop": "shiftH",
"description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units"
},
{
"prop": "shiftV",
"description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units"
},
{
"prop": "stacked",
"version": "2.3.0",
"description": "Set this prop to true when placing inside a BIconstack component"
},
{
"prop": "animation",
"version": "2.7.0",
"description": "Animate the icon. Supported built-in animations are 'cylon', 'fade', 'pulse', 'spin' and 'throb'"
}
]
},
{
"component": "BIconArrowDownLeft",
"auto-gen": "bootstrap-icons 1.2.2",
"props": [
{
"prop": "title",
"description": "Text content to place in the title",
"version": "2.17.0"
},
{
"prop": "variant",
"description": "Contextual color variant. By default the icon inherits the current text color"
},
{
"prop": "fontScale",
"description": "Scale the icons current font size"
},
{
"prop": "scale",
"description": "Scales the icon's SVG, without increasing the font size"
},
{
"prop": "rotate",
"description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise"
},
{
"prop": "flipH",
"description": "Flips the icon horizontally"
},
{
"prop": "flipV",
"description": "Flips the icon vertically"
},
{
"prop": "shiftH",
"description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units"
},
{
"prop": "shiftV",
"description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units"
},
{
"prop": "stacked",
"version": "2.3.0",
"description": "Set this prop to true when placing inside a BIconstack component"
},
{
"prop": "animation",
"version": "2.7.0",
"description": "Animate the icon. Supported built-in animations are 'cylon', 'fade', 'pulse', 'spin' and 'throb'"
}
]
},
{
"component": "BIconArrowDownLeftCircle",
"auto-gen": "bootstrap-icons 1.2.2",
"props": [
{
"prop": "title",
"description": "Text content to place in the title",
"version": "2.17.0"
},
{
"prop": "variant",
"description": "Contextual color variant. By default the icon inherits the current text color"
},
{
"prop": "fontScale",
"description": "Scale the icons current font size"
},
{
"prop": "scale",
"description": "Scales the icon's SVG, without increasing the font size"
},
{
"prop": "rotate",
"description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise"
},
{
"prop": "flipH",
"description": "Flips the icon horizontally"
},
{
"prop": "flipV",
"description": "Flips the icon vertically"
},
{
"prop": "shiftH",
"description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units"
},
{
"prop": "shiftV",
"description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units"
},
{
"prop": "stacked",
"version": "2.3.0",
"description": "Set this prop to true when placing inside a BIconstack component"
},
{
"prop": "animation",
"version": "2.7.0",
"description": "Animate the icon. Supported built-in animations are 'cylon', 'fade', 'pulse', 'spin' and 'throb'"
}
]
},
{
"component": "BIconArrowDownLeftCircleFill",
"auto-gen": "bootstrap-icons 1.2.2",
"props": [
{
"prop": "title",
"description": "Text content to place in the title",
"version": "2.17.0"
},
{
"prop": "variant",
"description": "Contextual color variant. By default the icon inherits the current text color"
},
{
"prop": "fontScale",
"description": "Scale the icons current font size"
},
{
"prop": "scale",
"description": "Scales the icon's SVG, without increasing the font size"
},
{
"prop": "rotate",
"description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise"
},
{
"prop": "flipH",
"description": "Flips the icon horizontally"
},
{
"prop": "flipV",
"description": "Flips the icon vertically"
},
{
"prop": "shiftH",
"description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units"
},
{
"prop": "shiftV",
"description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units"
},
{
"prop": "stacked",
"version": "2.3.0",
"description": "Set this prop to true when placing inside a BIconstack component"
},
{
"prop": "animation",
"version": "2.7.0",
"description": "Animate the icon. Supported built-in animations are 'cylon', 'fade', 'pulse', 'spin' and 'throb'"
}
]
},
{
"component": "BIconArrowDownLeftSquare",
"auto-gen": "bootstrap-icons 1.2.2",
"props": [
{
"prop": "title",
"description": "Text content to place in the title",
"version": "2.17.0"
},
{
"prop": "variant",
"description": "Contextual color variant. By default the icon inherits the current text color"
},
{
"prop": "fontScale",
"description": "Scale the icons current font size"
},
{
"prop": "scale",
"description": "Scales the icon's SVG, without increasing the font size"
},
{
"prop": "rotate",
"description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise"
},
{
"prop": "flipH",
"description": "Flips the icon horizontally"
},
{
"prop": "flipV",
"description": "Flips the icon vertically"
},
{
"prop": "shiftH",
"description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units"
},
{
"prop": "shiftV",
"description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units"
},
{
"prop": "stacked",
"version": "2.3.0",
"description": "Set this prop to true when placing inside a BIconstack component"
},
{
"prop": "animation",
"version": "2.7.0",
"description": "Animate the icon. Supported built-in animations are 'cylon', 'fade', 'pulse', 'spin' and 'throb'"
}
]
},
{
"component": "BIconArrowDownLeftSquareFill",
"auto-gen": "bootstrap-icons 1.2.2",
"props": [
{
"prop": "title",
"description": "Text content to place in the title",
"version": "2.17.0"
},
{
"prop": "variant",
"description": "Contextual color variant. By default the icon inherits the current text color"
},
{
"prop": "fontScale",
"description": "Scale the icons current font size"
},
{
"prop": "scale",
"description": "Scales the icon's SVG, without increasing the font size"
},
{
"prop": "rotate",
"description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise"
},
{
"prop": "flipH",
"description": "Flips the icon horizontally"
},
{
"prop": "flipV",
"description": "Flips the icon vertically"
},
{
"prop": "shiftH",
"description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units"
},
{
"prop": "shiftV",
"description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units"
},
{
"prop": "stacked",
"version": "2.3.0",
"description": "Set this prop to true when placing inside a BIconstack component"
},
{
"prop": "animation",
"version": "2.7.0",
"description": "Animate the icon. Supported built-in animations are 'cylon', 'fade', 'pulse', 'spin' and 'throb'"
}
]
},
{
"component": "BIconArrowDownRight",
"auto-gen": "bootstrap-icons 1.2.2",
"props": [
{
"prop": "title",
"description": "Text content to place in the title",
"version": "2.17.0"
},
{
"prop": "variant",
"description": "Contextual color variant. By default the icon inherits the current text color"
},
{
"prop": "fontScale",
"description": "Scale the icons current font size"
},
{
"prop": "scale",
"description": "Scales the icon's SVG, without increasing the font size"
},
{
"prop": "rotate",
"description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise"
},
{
"prop": "flipH",
"description": "Flips the icon horizontally"
},
{
"prop": "flipV",
"description": "Flips the icon vertically"
},
{
"prop": "shiftH",
"description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units"
},
{
"prop": "shiftV",
"description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units"
},
{
"prop": "stacked",
"version": "2.3.0",
"description": "Set this prop to true when placing inside a BIconstack component"
},
{
"prop": "animation",
"version": "2.7.0",
"description": "Animate the icon. Supported built-in animations are 'cylon', 'fade', 'pulse', 'spin' and 'throb'"
}
]
},
{
"component": "BIconArrowDownRightCircle",
"auto-gen": "bootstrap-icons 1.2.2",
"props": [
{
"prop": "title",
"description": "Text content to place in the title",
"version": "2.17.0"
},
{
"prop": "variant",
"description": "Contextual color variant. By default the icon inherits the current text color"
},
{
"prop": "fontScale",
"description": "Scale the icons current font size"
},
{
"prop": "scale",
"description": "Scales the icon's SVG, without increasing the font size"
},
{
"prop": "rotate",
"description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise"
},
{
"prop": "flipH",
"description": "Flips the icon horizontally"
},
{
"prop": "flipV",
"description": "Flips the icon vertically"
},
{
"prop": "shiftH",
"description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units"
},
{
"prop": "shiftV",
"description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units"
},
{
"prop": "stacked",
"version": "2.3.0",
"description": "Set this prop to true when placing inside a BIconstack component"
},
{
"prop": "animation",
"version": "2.7.0",
"description": "Animate the icon. Supported built-in animations are 'cylon', 'fade', 'pulse', 'spin' and 'throb'"
}
]
},
{
"component": "BIconArrowDownRightCircleFill",
"auto-gen": "bootstrap-icons 1.2.2",
"props": [
{
"prop": "title",
"description": "Text content to place in the title",
"version": "2.17.0"
},
{
"prop": "variant",
"description": "Contextual color variant. By default the icon inherits the current text color"
},
{
"prop": "fontScale",
"description": "Scale the icons current font size"
},
{
"prop": "scale",
"description": "Scales the icon's SVG, without increasing the font size"
},
{
"prop": "rotate",
"description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise"
},
{
"prop": "flipH",
"description": "Flips the icon horizontally"
},
{
"prop": "flipV",
"description": "Flips the icon vertically"
},
{
"prop": "shiftH",
"description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units"
},
{
"prop": "shiftV",
"description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units"
},
{
"prop": "stacked",
"version": "2.3.0",
"description": "Set this prop to true when placing inside a BIconstack component"
},
{
"prop": "animation",
"version": "2.7.0",
"description": "Animate the icon. Supported built-in animations are 'cylon', 'fade', 'pulse', 'spin' and 'throb'"
}
]
},
{
"component": "BIconArrowDownRightSquare",
"auto-gen": "bootstrap-icons 1.2.2",
"props": [
{
"prop": "title",
"description": "Text content to place in the title",
"version": "2.17.0"
},
{
"prop": "variant",
"description": "Contextual color variant. By default the icon inherits the current text color"
},
{
"prop": "fontScale",
"description": "Scale the icons current font size"
},
{
"prop": "scale",
"description": "Scales the icon's SVG, without increasing the font size"
},
{
"prop": "rotate",
"description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise"
},
{
"prop": "flipH",
"description": "Flips the icon horizontally"
},
{
"prop": "flipV",
"description": "Flips the icon vertically"
},
{
"prop": "shiftH",
"description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units"
},
{
"prop": "shiftV",
"description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units"
},
{
"prop": "stacked",
"version": "2.3.0",
"description": "Set this prop to true when placing inside a BIconstack component"
},
{
"prop": "animation",
"version": "2.7.0",
"description": "Animate the icon. Supported built-in animations are 'cylon', 'fade', 'pulse', 'spin' and 'throb'"
}
]
},
{
"component": "BIconArrowDownRightSquareFill",
"auto-gen": "bootstrap-icons 1.2.2",
"props": [
{
"prop": "title",
"description": "Text content to place in the title",
"version": "2.17.0"
},
{
"prop": "variant",
"description": "Contextual color variant. By default the icon inherits the current text color"
},
{
"prop": "fontScale",
"description": "Scale the icons current font size"
},
{
"prop": "scale",
"description": "Scales the icon's SVG, without increasing the font size"
},
{
"prop": "rotate",
"description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise"
},
{
"prop": "flipH",
"description": "Flips the icon horizontally"
},
{
"prop": "flipV",
"description": "Flips the icon vertically"
},
{
"prop": "shiftH",
"description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units"
},
{
"prop": "shiftV",
"description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units"
},
{
"prop": "stacked",
"version": "2.3.0",
"description": "Set this prop to true when placing inside a BIconstack component"
},
{
"prop": "animation",
"version": "2.7.0",
"description": "Animate the icon. Supported built-in animations are 'cylon', 'fade', 'pulse', 'spin' and 'throb'"
}
]
},
{
"component": "BIconArrowDownShort",
"auto-gen": "bootstrap-icons 1.2.2",
"props": [
{
"prop": "title",
"description": "Text content to place in the title",
"version": "2.17.0"
},
{
"prop": "variant",
"description": "Contextual color variant. By default the icon inherits the current text color"
},
{
"prop": "fontScale",
"description": "Scale the icons current font size"
},
{
"prop": "scale",
"description": "Scales the icon's SVG, without increasing the font size"
},
{
"prop": "rotate",
"description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise"
},
{
"prop": "flipH",
"description": "Flips the icon horizontally"
},
{
"prop": "flipV",
"description": "Flips the icon vertically"
},
{
"prop": "shiftH",
"description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units"
},
{
"prop": "shiftV",
"description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units"
},
{
"prop": "stacked",
"version": "2.3.0",
"description": "Set this prop to true when placing inside a BIconstack component"
},
{
"prop": "animation",
"version": "2.7.0",
"description": "Animate the icon. Supported built-in animations are 'cylon', 'fade', 'pulse', 'spin' and 'throb'"
}
]
},
{
"component": "BIconArrowDownSquare",
"auto-gen": "bootstrap-icons 1.2.2",
"props": [
{
"prop": "title",
"description": "Text content to place in the title",
"version": "2.17.0"
},
{
"prop": "variant",
"description": "Contextual color variant. By default the icon inherits the current text color"
},
{
"prop": "fontScale",
"description": "Scale the icons current font size"
},
{
"prop": "scale",
"description": "Scales the icon's SVG, without increasing the font size"
},
{
"prop": "rotate",
"description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise"
},
{
"prop": "flipH",
"description": "Flips the icon horizontally"
},
{
"prop": "flipV",
"description": "Flips the icon vertically"
},
{
"prop": "shiftH",
"description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units"
},
{
"prop": "shiftV",
"description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units"
},
{
"prop": "stacked",
"version": "2.3.0",
"description": "Set this prop to true when placing inside a BIconstack component"
},
{
"prop": "animation",
"version": "2.7.0",
"description": "Animate the icon. Supported built-in animations are 'cylon', 'fade', 'pulse', 'spin' and 'throb'"
}
]
},
{
"component": "BIconArrowDownSquareFill",
"auto-gen": "bootstrap-icons 1.2.2",
"props": [
{
"prop": "title",
"description": "Text content to place in the title",
"version": "2.17.0"
},
{
"prop": "variant",
"description": "Contextual color variant. By default the icon inherits the current text color"
},
{
"prop": "fontScale",
"description": "Scale the icons current font size"
},
{
"prop": "scale",
"description": "Scales the icon's SVG, without increasing the font size"
},
{
"prop": "rotate",
"description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise"
},
{
"prop": "flipH",
"description": "Flips the icon horizontally"
},
{
"prop": "flipV",
"description": "Flips the icon vertically"
},
{
"prop": "shiftH",
"description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units"
},
{
"prop": "shiftV",
"description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units"
},
{
"prop": "stacked",
"version": "2.3.0",
"description": "Set this prop to true when placing inside a BIconstack component"
},
{
"prop": "animation",
"version": "2.7.0",
"description": "Animate the icon. Supported built-in animations are 'cylon', 'fade', 'pulse', 'spin' and 'throb'"
}
]
},
{
"component": "BIconArrowDownUp",
"auto-gen": "bootstrap-icons 1.2.2",
"props": [
{
"prop": "title",
"description": "Text content to place in the title",
"version": "2.17.0"
},
{
"prop": "variant",
"description": "Contextual color variant. By default the icon inherits the current text color"
},
{
"prop": "fontScale",
"description": "Scale the icons current font size"
},
{
"prop": "scale",
"description": "Scales the icon's SVG, without increasing the font size"
},
{
"prop": "rotate",
"description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise"
},
{
"prop": "flipH",
"description": "Flips the icon horizontally"
},
{
"prop": "flipV",
"description": "Flips the icon vertically"
},
{
"prop": "shiftH",
"description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units"
},
{
"prop": "shiftV",
"description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units"
},
{
"prop": "stacked",
"version": "2.3.0",
"description": "Set this prop to true when placing inside a BIconstack component"
},
{
"prop": "animation",
"version": "2.7.0",
"description": "Animate the icon. Supported built-in animations are 'cylon', 'fade', 'pulse', 'spin' and 'throb'"
}
]
},
{
"component": "BIconArrowLeft",
"auto-gen": "bootstrap-icons 1.2.2",
"props": [
{
"prop": "title",
"description": "Text content to place in the title",
"version": "2.17.0"
},
{
"prop": "variant",
"description": "Contextual color variant. By default the icon inherits the current text color"
},
{
"prop": "fontScale",
"description": "Scale the icons current font size"
},
{
"prop": "scale",
"description": "Scales the icon's SVG, without increasing the font size"
},
{
"prop": "rotate",
"description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise"
},
{
"prop": "flipH",
"description": "Flips the icon horizontally"
},
{
"prop": "flipV",
"description": "Flips the icon vertically"
},
{
"prop": "shiftH",
"description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units"
},
{
"prop": "shiftV",
"description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units"
},
{
"prop": "stacked",
"version": "2.3.0",
"description": "Set this prop to true when placing inside a BIconstack component"
},
{
"prop": "animation",
"version": "2.7.0",
"description": "Animate the icon. Supported built-in animations are 'cylon', 'fade', 'pulse', 'spin' and 'throb'"
}
]
},
{
"component": "BIconArrowLeftCircle",
"auto-gen": "bootstrap-icons 1.2.2",
"props": [
{
"prop": "title",
"description": "Text content to place in the title",
"version": "2.17.0"
},
{
"prop": "variant",
"description": "Contextual color variant. By default the icon inherits the current text color"
},
{
"prop": "fontScale",
"description": "Scale the icons current font size"
},
{
"prop": "scale",
"description": "Scales the icon's SVG, without increasing the font size"
},
{
"prop": "rotate",
"description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise"
},
{
"prop": "flipH",
"description": "Flips the icon horizontally"
},
{
"prop": "flipV",
"description": "Flips the icon vertically"
},
{
"prop": "shiftH",
"description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units"
},
{
"prop": "shiftV",
"description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units"
},
{
"prop": "stacked",
"version": "2.3.0",
"description": "Set this prop to true when placing inside a BIconstack component"
},
{
"prop": "animation",
"version": "2.7.0",
"description": "Animate the icon. Supported built-in animations are 'cylon', 'fade', 'pulse', 'spin' and 'throb'"
}
]
},
{
"component": "BIconArrowLeftCircleFill",
"auto-gen": "bootstrap-icons 1.2.2",
"props": [
{
"prop": "title",
"description": "Text content to place in the title",
"version": "2.17.0"
},
{
"prop": "variant",
"description": "Contextual color variant. By default the icon inherits the current text color"
},
{
"prop": "fontScale",
"description": "Scale the icons current font size"
},
{
"prop": "scale",
"description": "Scales the icon's SVG, without increasing the font size"
},
{
"prop": "rotate",
"description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise"
},
{
"prop": "flipH",
"description": "Flips the icon horizontally"
},
{
"prop": "flipV",
"description": "Flips the icon vertically"
},
{
"prop": "shiftH",
"description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units"
},
{
"prop": "shiftV",
"description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units"
},
{
"prop": "stacked",
"version": "2.3.0",
"description": "Set this prop to true when placing inside a BIconstack component"
},
{
"prop": "animation",
"version": "2.7.0",
"description": "Animate the icon. Supported built-in animations are 'cylon', 'fade', 'pulse', 'spin' and 'throb'"
}
]
},
{
"component": "BIconArrowLeftRight",
"auto-gen": "bootstrap-icons 1.2.2",
"props": [
{
"prop": "title",
"description": "Text content to place in the title",
"version": "2.17.0"
},
{
"prop": "variant",
"description": "Contextual color variant. By default the icon inherits the current text color"
},
{
"prop": "fontScale",
"description": "Scale the icons current font size"
},
{
"prop": "scale",
"description": "Scales the icon's SVG, without increasing the font size"
},
{
"prop": "rotate",
"description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise"
},
{
"prop": "flipH",
"description": "Flips the icon horizontally"
},
{
"prop": "flipV",
"description": "Flips the icon vertically"
},
{
"prop": "shiftH",
"description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units"
},
{
"prop": "shiftV",
"description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units"
},
{
"prop": "stacked",
"version": "2.3.0",
"description": "Set this prop to true when placing inside a BIconstack component"
},
{
"prop": "animation",
"version": "2.7.0",
"description": "Animate the icon. Supported built-in animations are 'cylon', 'fade', 'pulse', 'spin' and 'throb'"
}
]
},
{
"component": "BIconArrowLeftShort",
"auto-gen": "bootstrap-icons 1.2.2",
"props": [
{
"prop": "title",
"description": "Text content to place in the title",
"version": "2.17.0"
},
{
"prop": "variant",
"description": "Contextual color variant. By default the icon inherits the current text color"
},
{
"prop": "fontScale",
"description": "Scale the icons current font size"
},
{
"prop": "scale",
"description": "Scales the icon's SVG, without increasing the font size"
},
{
"prop": "rotate",
"description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise"
},
{
"prop": "flipH",
"description": "Flips the icon horizontally"
},
{
"prop": "flipV",
"description": "Flips the icon vertically"
},
{
"prop": "shiftH",
"description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units"
},
{
"prop": "shiftV",
"description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units"
},
{
"prop": "stacked",
"version": "2.3.0",
"description": "Set this prop to true when placing inside a BIconstack component"
},
{
"prop": "animation",
"version": "2.7.0",
"description": "Animate the icon. Supported built-in animations are 'cylon', 'fade', 'pulse', 'spin' and 'throb'"
}
]
},
{
"component": "BIconArrowLeftSquare",
"auto-gen": "bootstrap-icons 1.2.2",
"props": [
{
"prop": "title",
"description": "Text content to place in the title",
"version": "2.17.0"
},
{
"prop": "variant",
"description": "Contextual color variant. By default the icon inherits the current text color"
},
{
"prop": "fontScale",
"description": "Scale the icons current font size"
},
{
"prop": "scale",
"description": "Scales the icon's SVG, without increasing the font size"
},
{
"prop": "rotate",
"description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise"
},
{
"prop": "flipH",
"description": "Flips the icon horizontally"
},
{
"prop": "flipV",
"description": "Flips the icon vertically"
},
{
"prop": "shiftH",
"description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units"
},
{
"prop": "shiftV",
"description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units"
},
{
"prop": "stacked",
"version": "2.3.0",
"description": "Set this prop to true when placing inside a BIconstack component"
},
{
"prop": "animation",
"version": "2.7.0",
"description": "Animate the icon. Supported built-in animations are 'cylon', 'fade', 'pulse', 'spin' and 'throb'"
}
]
},
{
"component": "BIconArrowLeftSquareFill",
"auto-gen": "bootstrap-icons 1.2.2",
"props": [
{
"prop": "title",
"description": "Text content to place in the title",
"version": "2.17.0"
},
{
"prop": "variant",
"description": "Contextual color variant. By default the icon inherits the current text color"
},
{
"prop": "fontScale",
"description": "Scale the icons current font size"
},
{
"prop": "scale",
"description": "Scales the icon's SVG, without increasing the font size"
},
{
"prop": "rotate",
"description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise"
},
{
"prop": "flipH",
"description": "Flips the icon horizontally"
},
{
"prop": "flipV",
"description": "Flips the icon vertically"
},
{
"prop": "shiftH",
"description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units"
},
{
"prop": "shiftV",
"description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units"
},
{
"prop": "stacked",
"version": "2.3.0",
"description": "Set this prop to true when placing inside a BIconstack component"
},
{
"prop": "animation",
"version": "2.7.0",
"description": "Animate the icon. Supported built-in animations are 'cylon', 'fade', 'pulse', 'spin' and 'throb'"
}
]
},
{
"component": "BIconArrowRepeat",
"auto-gen": "bootstrap-icons 1.2.2",
"props": [
{
"prop": "title",
"description": "Text content to place in the title",
"version": "2.17.0"
},
{
"prop": "variant",
"description": "Contextual color variant. By default the icon inherits the current text color"
},
{
"prop": "fontScale",
"description": "Scale the icons current font size"
},
{
"prop": "scale",
"description": "Scales the icon's SVG, without increasing the font size"
},
{
"prop": "rotate",
"description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise"
},
{
"prop": "flipH",
"description": "Flips the icon horizontally"
},
{
"prop": "flipV",
"description": "Flips the icon vertically"
},
{
"prop": "shiftH",
"description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units"
},
{
"prop": "shiftV",
"description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units"
},
{
"prop": "stacked",
"version": "2.3.0",
"description": "Set this prop to true when placing inside a BIconstack component"
},
{
"prop": "animation",
"version": "2.7.0",
"description": "Animate the icon. Supported built-in animations are 'cylon', 'fade', 'pulse', 'spin' and 'throb'"
}
]
},
{
"component": "BIconArrowReturnLeft",
"auto-gen": "bootstrap-icons 1.2.2",
"props": [
{
"prop": "title",
"description": "Text content to place in the title",
"version": "2.17.0"
},
{
"prop": "variant",
"description": "Contextual color variant. By default the icon inherits the current text color"
},
{
"prop": "fontScale",
"description": "Scale the icons current font size"
},
{
"prop": "scale",
"description": "Scales the icon's SVG, without increasing the font size"
},
{
"prop": "rotate",
"description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise"
},
{
"prop": "flipH",
"description": "Flips the icon horizontally"
},
{
"prop": "flipV",
"description": "Flips the icon vertically"
},
{
"prop": "shiftH",
"description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units"
},
{
"prop": "shiftV",
"description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units"
},
{
"prop": "stacked",
"version": "2.3.0",
"description": "Set this prop to true when placing inside a BIconstack component"
},
{
"prop": "animation",
"version": "2.7.0",
"description": "Animate the icon. Supported built-in animations are 'cylon', 'fade', 'pulse', 'spin' and 'throb'"
}
]
},
{
"component": "BIconArrowReturnRight",
"auto-gen": "bootstrap-icons 1.2.2",
"props": [
{
"prop": "title",
"description": "Text content to place in the title",
"version": "2.17.0"
},
{
"prop": "variant",
"description": "Contextual color variant. By default the icon inherits the current text color"
},
{
"prop": "fontScale",
"description": "Scale the icons current font size"
},
{
"prop": "scale",
"description": "Scales the icon's SVG, without increasing the font size"
},
{
"prop": "rotate",
"description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise"
},
{
"prop": "flipH",
"description": "Flips the icon horizontally"
},
{
"prop": "flipV",
"description": "Flips the icon vertically"
},
{
"prop": "shiftH",
"description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units"
},
{
"prop": "shiftV",
"description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units"
},
{
"prop": "stacked",
"version": "2.3.0",
"description": "Set this prop to true when placing inside a BIconstack component"
},
{
"prop": "animation",
"version": "2.7.0",
"description": "Animate the icon. Supported built-in animations are 'cylon', 'fade', 'pulse', 'spin' and 'throb'"
}
]
},
{
"component": "BIconArrowRight",
"auto-gen": "bootstrap-icons 1.2.2",
"props": [
{
"prop": "title",
"description": "Text content to place in the title",
"version": "2.17.0"
},
{
"prop": "variant",
"description": "Contextual color variant. By default the icon inherits the current text color"
},
{
"prop": "fontScale",
"description": "Scale the icons current font size"
},
{
"prop": "scale",
"description": "Scales the icon's SVG, without increasing the font size"
},
{
"prop": "rotate",
"description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise"
},
{
"prop": "flipH",
"description": "Flips the icon horizontally"
},
{
"prop": "flipV",
"description": "Flips the icon vertically"
},
{
"prop": "shiftH",
"description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units"
},
{
"prop": "shiftV",
"description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units"
},
{
"prop": "stacked",
"version": "2.3.0",
"description": "Set this prop to true when placing inside a BIconstack component"
},
{
"prop": "animation",
"version": "2.7.0",
"description": "Animate the icon. Supported built-in animations are 'cylon', 'fade', 'pulse', 'spin' and 'throb'"
}
]
},
{
"component": "BIconArrowRightCircle",
"auto-gen": "bootstrap-icons 1.2.2",
"props": [
{
"prop": "title",
"description": "Text content to place in the title",
"version": "2.17.0"
},
{
"prop": "variant",
"description": "Contextual color variant. By default the icon inherits the current text color"
},
{
"prop": "fontScale",
"description": "Scale the icons current font size"
},
{
"prop": "scale",
"description": "Scales the icon's SVG, without increasing the font size"
},
{
"prop": "rotate",
"description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise"
},
{
"prop": "flipH",
"description": "Flips the icon horizontally"
},
{
"prop": "flipV",
"description": "Flips the icon vertically"
},
{
"prop": "shiftH",
"description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units"
},
{
"prop": "shiftV",
"description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units"
},
{
"prop": "stacked",
"version": "2.3.0",
"description": "Set this prop to true when placing inside a BIconstack component"
},
{
"prop": "animation",
"version": "2.7.0",
"description": "Animate the icon. Supported built-in animations are 'cylon', 'fade', 'pulse', 'spin' and 'throb'"
}
]
},
{
"component": "BIconArrowRightCircleFill",
"auto-gen": "bootstrap-icons 1.2.2",
"props": [
{
"prop": "title",
"description": "Text content to place in the title",
"version": "2.17.0"
},
{
"prop": "variant",
"description": "Contextual color variant. By default the icon inherits the current text color"
},
{
"prop": "fontScale",
"description": "Scale the icons current font size"
},
{
"prop": "scale",
"description": "Scales the icon's SVG, without increasing the font size"
},
{
"prop": "rotate",
"description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise"
},
{
"prop": "flipH",
"description": "Flips the icon horizontally"
},
{
"prop": "flipV",
"description": "Flips the icon vertically"
},
{
"prop": "shiftH",
"description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units"
},
{
"prop": "shiftV",
"description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units"
},
{
"prop": "stacked",
"version": "2.3.0",
"description": "Set this prop to true when placing inside a BIconstack component"
},
{
"prop": "animation",
"version": "2.7.0",
"description": "Animate the icon. Supported built-in animations are 'cylon', 'fade', 'pulse', 'spin' and 'throb'"
}
]
},
{
"component": "BIconArrowRightShort",
"auto-gen": "bootstrap-icons 1.2.2",
"props": [
{
"prop": "title",
"description": "Text content to place in the title",
"version": "2.17.0"
},
{
"prop": "variant",
"description": "Contextual color variant. By default the icon inherits the current text color"
},
{
"prop": "fontScale",
"description": "Scale the icons current font size"
},
{
"prop": "scale",
"description": "Scales the icon's SVG, without increasing the font size"
},
{
"prop": "rotate",
"description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise"
},
{
"prop": "flipH",
"description": "Flips the icon horizontally"
},
{
"prop": "flipV",
"description": "Flips the icon vertically"
},
{
"prop": "shiftH",
"description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units"
},
{
"prop": "shiftV",
"description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units"
},
{
"prop": "stacked",
"version": "2.3.0",
"description": "Set this prop to true when placing inside a BIconstack component"
},
{
"prop": "animation",
"version": "2.7.0",
"description": "Animate the icon. Supported built-in animations are 'cylon', 'fade', 'pulse', 'spin' and 'throb'"
}
]
},
{
"component": "BIconArrowRightSquare",
"auto-gen": "bootstrap-icons 1.2.2",
"props": [
{
"prop": "title",
"description": "Text content to place in the title",
"version": "2.17.0"
},
{
"prop": "variant",
"description": "Contextual color variant. By default the icon inherits the current text color"
},
{
"prop": "fontScale",
"description": "Scale the icons current font size"
},
{
"prop": "scale",
"description": "Scales the icon's SVG, without increasing the font size"
},
{
"prop": "rotate",
"description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise"
},
{
"prop": "flipH",
"description": "Flips the icon horizontally"
},
{
"prop": "flipV",
"description": "Flips the icon vertically"
},
{
"prop": "shiftH",
"description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units"
},
{
"prop": "shiftV",
"description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units"
},
{
"prop": "stacked",
"version": "2.3.0",
"description": "Set this prop to true when placing inside a BIconstack component"
},
{
"prop": "animation",
"version": "2.7.0",
"description": "Animate the icon. Supported built-in animations are 'cylon', 'fade', 'pulse', 'spin' and 'throb'"
}
]
},
{
"component": "BIconArrowRightSquareFill",
"auto-gen": "bootstrap-icons 1.2.2",
"props": [
{
"prop": "title",
"description": "Text content to place in the title",
"version": "2.17.0"
},
{
"prop": "variant",
"description": "Contextual color variant. By default the icon inherits the current text color"
},
{
"prop": "fontScale",
"description": "Scale the icons current font size"
},
{
"prop": "scale",
"description": "Scales the icon's SVG, without increasing the font size"
},
{
"prop": "rotate",
"description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise"
},
{
"prop": "flipH",
"description": "Flips the icon horizontally"
},
{
"prop": "flipV",
"description": "Flips the icon vertically"
},
{
"prop": "shiftH",
"description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units"
},
{
"prop": "shiftV",
"description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units"
},
{
"prop": "stacked",
"version": "2.3.0",
"description": "Set this prop to true when placing inside a BIconstack component"
},
{
"prop": "animation",
"version": "2.7.0",
"description": "Animate the icon. Supported built-in animations are 'cylon', 'fade', 'pulse', 'spin' and 'throb'"
}
]
},
{
"component": "BIconArrowUp",
"auto-gen": "bootstrap-icons 1.2.2",
"props": [
{
"prop": "title",
"description": "Text content to place in the title",
"version": "2.17.0"
},
{
"prop": "variant",
"description": "Contextual color variant. By default the icon inherits the current text color"
},
{
"prop": "fontScale",
"description": "Scale the icons current font size"
},
{
"prop": "scale",
"description": "Scales the icon's SVG, without increasing the font size"
},
{
"prop": "rotate",
"description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise"
},
{
"prop": "flipH",
"description": "Flips the icon horizontally"
},
{
"prop": "flipV",
"description": "Flips the icon vertically"
},
{
"prop": "shiftH",
"description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units"
},
{
"prop": "shiftV",
"description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units"
},
{
"prop": "stacked",
"version": "2.3.0",
"description": "Set this prop to true when placing inside a BIconstack component"
},
{
"prop": "animation",
"version": "2.7.0",
"description": "Animate the icon. Supported built-in animations are 'cylon', 'fade', 'pulse', 'spin' and 'throb'"
}
]
},
{
"component": "BIconArrowUpCircle",
"auto-gen": "bootstrap-icons 1.2.2",
"props": [
{
"prop": "title",
"description": "Text content to place in the title",
"version": "2.17.0"
},
{
"prop": "variant",
"description": "Contextual color variant. By default the icon inherits the current text color"
},
{
"prop": "fontScale",
"description": "Scale the icons current font size"
},
{
"prop": "scale",
"description": "Scales the icon's SVG, without increasing the font size"
},
{
"prop": "rotate",
"description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise"
},
{
"prop": "flipH",
"description": "Flips the icon horizontally"
},
{
"prop": "flipV",
"description": "Flips the icon vertically"
},
{
"prop": "shiftH",
"description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units"
},
{
"prop": "shiftV",
"description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units"
},
{
"prop": "stacked",
"version": "2.3.0",
"description": "Set this prop to true when placing inside a BIconstack component"
},
{
"prop": "animation",
"version": "2.7.0",
"description": "Animate the icon. Supported built-in animations are 'cylon', 'fade', 'pulse', 'spin' and 'throb'"
}
]
},
{
"component": "BIconArrowUpCircleFill",
"auto-gen": "bootstrap-icons 1.2.2",
"props": [
{
"prop": "title",
"description": "Text content to place in the title",
"version": "2.17.0"
},
{
"prop": "variant",
"description": "Contextual color variant. By default the icon inherits the current text color"
},
{
"prop": "fontScale",
"description": "Scale the icons current font size"
},
{
"prop": "scale",
"description": "Scales the icon's SVG, without increasing the font size"
},
{
"prop": "rotate",
"description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise"
},
{
"prop": "flipH",
"description": "Flips the icon horizontally"
},
{
"prop": "flipV",
"description": "Flips the icon vertically"
},
{
"prop": "shiftH",
"description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units"
},
{
"prop": "shiftV",
"description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units"
},
{
"prop": "stacked",
"version": "2.3.0",
"description": "Set this prop to true when placing inside a BIconstack component"
},
{
"prop": "animation",
"version": "2.7.0",
"description": "Animate the icon. Supported built-in animations are 'cylon', 'fade', 'pulse', 'spin' and 'throb'"
}
]
},
{
"component": "BIconArrowUpLeft",
"auto-gen": "bootstrap-icons 1.2.2",
"props": [
{
"prop": "title",
"description": "Text content to place in the title",
"version": "2.17.0"
},
{
"prop": "variant",
"description": "Contextual color variant. By default the icon inherits the current text color"
},
{
"prop": "fontScale",
"description": "Scale the icons current font size"
},
{
"prop": "scale",
"description": "Scales the icon's SVG, without increasing the font size"
},
{
"prop": "rotate",
"description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise"
},
{
"prop": "flipH",
"description": "Flips the icon horizontally"
},
{
"prop": "flipV",
"description": "Flips the icon vertically"
},
{
"prop": "shiftH",
"description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units"
},
{
"prop": "shiftV",
"description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units"
},
{
"prop": "stacked",
"version": "2.3.0",
"description": "Set this prop to true when placing inside a BIconstack component"
},
{
"prop": "animation",
"version": "2.7.0",
"description": "Animate the icon. Supported built-in animations are 'cylon', 'fade', 'pulse', 'spin' and 'throb'"
}
]
},
{
"component": "BIconArrowUpLeftCircle",
"auto-gen": "bootstrap-icons 1.2.2",
"props": [
{
"prop": "title",
"description": "Text content to place in the title",
"version": "2.17.0"
},
{
"prop": "variant",
"description": "Contextual color variant. By default the icon inherits the current text color"
},
{
"prop": "fontScale",
"description": "Scale the icons current font size"
},
{
"prop": "scale",
"description": "Scales the icon's SVG, without increasing the font size"
},
{
"prop": "rotate",
"description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise"
},
{
"prop": "flipH",
"description": "Flips the icon horizontally"
},
{
"prop": "flipV",
"description": "Flips the icon vertically"
},
{
"prop": "shiftH",
"description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units"
},
{
"prop": "shiftV",
"description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units"
},
{
"prop": "stacked",
"version": "2.3.0",
"description": "Set this prop to true when placing inside a BIconstack component"
},
{
"prop": "animation",
"version": "2.7.0",
"description": "Animate the icon. Supported built-in animations are 'cylon', 'fade', 'pulse', 'spin' and 'throb'"
}
]
},
{
"component": "BIconArrowUpLeftCircleFill",
"auto-gen": "bootstrap-icons 1.2.2",
"props": [
{
"prop": "title",
"description": "Text content to place in the title",
"version": "2.17.0"
},
{
"prop": "variant",
"description": "Contextual color variant. By default the icon inherits the current text color"
},
{
"prop": "fontScale",
"description": "Scale the icons current font size"
},
{
"prop": "scale",
"description": "Scales the icon's SVG, without increasing the font size"
},
{
"prop": "rotate",
"description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise"
},
{
"prop": "flipH",
"description": "Flips the icon horizontally"
},
{
"prop": "flipV",
"description": "Flips the icon vertically"
},
{
"prop": "shiftH",
"description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units"
},
{
"prop": "shiftV",
"description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units"
},
{
"prop": "stacked",
"version": "2.3.0",
"description": "Set this prop to true when placing inside a BIconstack component"
},
{
"prop": "animation",
"version": "2.7.0",
"description": "Animate the icon. Supported built-in animations are 'cylon', 'fade', 'pulse', 'spin' and 'throb'"
}
]
},
{
"component": "BIconArrowUpLeftSquare",
"auto-gen": "bootstrap-icons 1.2.2",
"props": [
{
"prop": "title",
"description": "Text content to place in the title",
"version": "2.17.0"
},
{
"prop": "variant",
"description": "Contextual color variant. By default the icon inherits the current text color"
},
{
"prop": "fontScale",
"description": "Scale the icons current font size"
},
{
"prop": "scale",
"description": "Scales the icon's SVG, without increasing the font size"
},
{
"prop": "rotate",
"description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise"
},
{
"prop": "flipH",
"description": "Flips the icon horizontally"
},
{
"prop": "flipV",
"description": "Flips the icon vertically"
},
{
"prop": "shiftH",
"description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units"
},
{
"prop": "shiftV",
"description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units"
},
{
"prop": "stacked",
"version": "2.3.0",
"description": "Set this prop to true when placing inside a BIconstack component"
},
{
"prop": "animation",
"version": "2.7.0",
"description": "Animate the icon. Supported built-in animations are 'cylon', 'fade', 'pulse', 'spin' and 'throb'"
}
]
},
{
"component": "BIconArrowUpLeftSquareFill",
"auto-gen": "bootstrap-icons 1.2.2",
"props": [
{
"prop": "title",
"description": "Text content to place in the title",
"version": "2.17.0"
},
{
"prop": "variant",
"description": "Contextual color variant. By default the icon inherits the current text color"
},
{
"prop": "fontScale",
"description": "Scale the icons current font size"
},
{
"prop": "scale",
"description": "Scales the icon's SVG, without increasing the font size"
},
{
"prop": "rotate",
"description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise"
},
{
"prop": "flipH",
"description": "Flips the icon horizontally"
},
{
"prop": "flipV",
"description": "Flips the icon vertically"
},
{
"prop": "shiftH",
"description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units"
},
{
"prop": "shiftV",
"description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units"
},
{
"prop": "stacked",
"version": "2.3.0",
"description": "Set this prop to true when placing inside a BIconstack component"
},
{
"prop": "animation",
"version": "2.7.0",
"description": "Animate the icon. Supported built-in animations are 'cylon', 'fade', 'pulse', 'spin' and 'throb'"
}
]
},
{
"component": "BIconArrowUpRight",
"auto-gen": "bootstrap-icons 1.2.2",
"props": [
{
"prop": "title",
"description": "Text content to place in the title",
"version": "2.17.0"
},
{
"prop": "variant",
"description": "Contextual color variant. By default the icon inherits the current text color"
},
{
"prop": "fontScale",
"description": "Scale the icons current font size"
},
{
"prop": "scale",
"description": "Scales the icon's SVG, without increasing the font size"
},
{
"prop": "rotate",
"description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise"
},
{
"prop": "flipH",
"description": "Flips the icon horizontally"
},
{
"prop": "flipV",
"description": "Flips the icon vertically"
},
{
"prop": "shiftH",
"description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units"
},
{
"prop": "shiftV",
"description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units"
},
{
"prop": "stacked",
"version": "2.3.0",
"description": "Set this prop to true when placing inside a BIconstack component"
},
{
"prop": "animation",
"version": "2.7.0",
"description": "Animate the icon. Supported built-in animations are 'cylon', 'fade', 'pulse', 'spin' and 'throb'"
}
]
},
{
"component": "BIconArrowUpRightCircle",
"auto-gen": "bootstrap-icons 1.2.2",
"props": [
{
"prop": "title",
"description": "Text content to place in the title",
"version": "2.17.0"
},
{
"prop": "variant",
"description": "Contextual color variant. By default the icon inherits the current text color"
},
{
"prop": "fontScale",
"description": "Scale the icons current font size"
},
{
"prop": "scale",
"description": "Scales the icon's SVG, without increasing the font size"
},
{
"prop": "rotate",
"description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise"
},
{
"prop": "flipH",
"description": "Flips the icon horizontally"
},
{
"prop": "flipV",
"description": "Flips the icon vertically"
},
{
"prop": "shiftH",
"description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units"
},
{
"prop": "shiftV",
"description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units"
},
{
"prop": "stacked",
"version": "2.3.0",
"description": "Set this prop to true when placing inside a BIconstack component"
},
{
"prop": "animation",
"version": "2.7.0",
"description": "Animate the icon. Supported built-in animations are 'cylon', 'fade', 'pulse', 'spin' and 'throb'"
}
]
},
{
"component": "BIconArrowUpRightCircleFill",
"auto-gen": "bootstrap-icons 1.2.2",
"props": [
{
"prop": "title",
"description": "Text content to place in the title",
"version": "2.17.0"
},
{
"prop": "variant",
"description": "Contextual color variant. By default the icon inherits the current text color"
},
{
"prop": "fontScale",
"description": "Scale the icons current font size"
},
{
"prop": "scale",
"description": "Scales the icon's SVG, without increasing the font size"
},
{
"prop": "rotate",
"description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise"
},
{
"prop": "flipH",
"description": "Flips the icon horizontally"
},
{
"prop": "flipV",
"description": "Flips the icon vertically"
},
{
"prop": "shiftH",
"description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units"
},
{
"prop": "shiftV",
"description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units"
},
{
"prop": "stacked",
"version": "2.3.0",
"description": "Set this prop to true when placing inside a BIconstack component"
},
{
"prop": "animation",
"version": "2.7.0",
"description": "Animate the icon. Supported built-in animations are 'cylon', 'fade', 'pulse', 'spin' and 'throb'"
}
]
},
{
"component": "BIconArrowUpRightSquare",
"auto-gen": "bootstrap-icons 1.2.2",
"props": [
{
"prop": "title",
"description": "Text content to place in the title",
"version": "2.17.0"
},
{
"prop": "variant",
"description": "Contextual color variant. By default the icon inherits the current text color"
},
{
"prop": "fontScale",
"description": "Scale the icons current font size"
},
{
"prop": "scale",
"description": "Scales the icon's SVG, without increasing the font size"
},
{
"prop": "rotate",
"description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise"
},
{
"prop": "flipH",
"description": "Flips the icon horizontally"
},
{
"prop": "flipV",
"description": "Flips the icon vertically"
},
{
"prop": "shiftH",
"description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units"
},
{
"prop": "shiftV",
"description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units"
},
{
"prop": "stacked",
"version": "2.3.0",
"description": "Set this prop to true when placing inside a BIconstack component"
},
{
"prop": "animation",
"version": "2.7.0",
"description": "Animate the icon. Supported built-in animations are 'cylon', 'fade', 'pulse', 'spin' and 'throb'"
}
]
},
{
"component": "BIconArrowUpRightSquareFill",
"auto-gen": "bootstrap-icons 1.2.2",
"props": [
{
"prop": "title",
"description": "Text content to place in the title",
"version": "2.17.0"
},
{
"prop": "variant",
"description": "Contextual color variant. By default the icon inherits the current text color"
},
{
"prop": "fontScale",
"description": "Scale the icons current font size"
},
{
"prop": "scale",
"description": "Scales the icon's SVG, without increasing the font size"
},
{
"prop": "rotate",
"description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise"
},
{
"prop": "flipH",
"description": "Flips the icon horizontally"
},
{
"prop": "flipV",
"description": "Flips the icon vertically"
},
{
"prop": "shiftH",
"description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units"
},
{
"prop": "shiftV",
"description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units"
},
{
"prop": "stacked",
"version": "2.3.0",
"description": "Set this prop to true when placing inside a BIconstack component"
},
{
"prop": "animation",
"version": "2.7.0",
"description": "Animate the icon. Supported built-in animations are 'cylon', 'fade', 'pulse', 'spin' and 'throb'"
}
]
},
{
"component": "BIconArrowUpShort",
"auto-gen": "bootstrap-icons 1.2.2",
"props": [
{
"prop": "title",
"description": "Text content to place in the title",
"version": "2.17.0"
},
{
"prop": "variant",
"description": "Contextual color variant. By default the icon inherits the current text color"
},
{
"prop": "fontScale",
"description": "Scale the icons current font size"
},
{
"prop": "scale",
"description": "Scales the icon's SVG, without increasing the font size"
},
{
"prop": "rotate",
"description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise"
},
{
"prop": "flipH",
"description": "Flips the icon horizontally"
},
{
"prop": "flipV",
"description": "Flips the icon vertically"
},
{
"prop": "shiftH",
"description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units"
},
{
"prop": "shiftV",
"description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units"
},
{
"prop": "stacked",
"version": "2.3.0",
"description": "Set this prop to true when placing inside a BIconstack component"
},
{
"prop": "animation",
"version": "2.7.0",
"description": "Animate the icon. Supported built-in animations are 'cylon', 'fade', 'pulse', 'spin' and 'throb'"
}
]
},
{
"component": "BIconArrowUpSquare",
"auto-gen": "bootstrap-icons 1.2.2",
"props": [
{
"prop": "title",
"description": "Text content to place in the title",
"version": "2.17.0"
},
{
"prop": "variant",
"description": "Contextual color variant. By default the icon inherits the current text color"
},
{
"prop": "fontScale",
"description": "Scale the icons current font size"
},
{
"prop": "scale",
"description": "Scales the icon's SVG, without increasing the font size"
},
{
"prop": "rotate",
"description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise"
},
{
"prop": "flipH",
"description": "Flips the icon horizontally"
},
{
"prop": "flipV",
"description": "Flips the icon vertically"
},
{
"prop": "shiftH",
"description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units"
},
{
"prop": "shiftV",
"description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units"
},
{
"prop": "stacked",
"version": "2.3.0",
"description": "Set this prop to true when placing inside a BIconstack component"
},
{
"prop": "animation",
"version": "2.7.0",
"description": "Animate the icon. Supported built-in animations are 'cylon', 'fade', 'pulse', 'spin' and 'throb'"
}
]
},
{
"component": "BIconArrowUpSquareFill",
"auto-gen": "bootstrap-icons 1.2.2",
"props": [
{
"prop": "title",
"description": "Text content to place in the title",
"version": "2.17.0"
},
{
"prop": "variant",
"description": "Contextual color variant. By default the icon inherits the current text color"
},
{
"prop": "fontScale",
"description": "Scale the icons current font size"
},
{
"prop": "scale",
"description": "Scales the icon's SVG, without increasing the font size"
},
{
"prop": "rotate",
"description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise"
},
{
"prop": "flipH",
"description": "Flips the icon horizontally"
},
{
"prop": "flipV",
"description": "Flips the icon vertically"
},
{
"prop": "shiftH",
"description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units"
},
{
"prop": "shiftV",
"description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units"
},
{
"prop": "stacked",
"version": "2.3.0",
"description": "Set this prop to true when placing inside a BIconstack component"
},
{
"prop": "animation",
"version": "2.7.0",
"description": "Animate the icon. Supported built-in animations are 'cylon', 'fade', 'pulse', 'spin' and 'throb'"
}
]
},
{
"component": "BIconArrowsAngleContract",
"auto-gen": "bootstrap-icons 1.2.2",
"props": [
{
"prop": "title",
"description": "Text content to place in the title",
"version": "2.17.0"
},
{
"prop": "variant",
"description": "Contextual color variant. By default the icon inherits the current text color"
},
{
"prop": "fontScale",
"description": "Scale the icons current font size"
},
{
"prop": "scale",
"description": "Scales the icon's SVG, without increasing the font size"
},
{
"prop": "rotate",
"description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise"
},
{
"prop": "flipH",
"description": "Flips the icon horizontally"
},
{
"prop": "flipV",
"description": "Flips the icon vertically"
},
{
"prop": "shiftH",
"description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units"
},
{
"prop": "shiftV",
"description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units"
},
{
"prop": "stacked",
"version": "2.3.0",
"description": "Set this prop to true when placing inside a BIconstack component"
},
{
"prop": "animation",
"version": "2.7.0",
"description": "Animate the icon. Supported built-in animations are 'cylon', 'fade', 'pulse', 'spin' and 'throb'"
}
]
},
{
"component": "BIconArrowsAngleExpand",
"auto-gen": "bootstrap-icons 1.2.2",
"props": [
{
"prop": "title",
"description": "Text content to place in the title",
"version": "2.17.0"
},
{
"prop": "variant",
"description": "Contextual color variant. By default the icon inherits the current text color"
},
{
"prop": "fontScale",
"description": "Scale the icons current font size"
},
{
"prop": "scale",
"description": "Scales the icon's SVG, without increasing the font size"
},
{
"prop": "rotate",
"description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise"
},
{
"prop": "flipH",
"description": "Flips the icon horizontally"
},
{
"prop": "flipV",
"description": "Flips the icon vertically"
},
{
"prop": "shiftH",
"description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units"
},
{
"prop": "shiftV",
"description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units"
},
{
"prop": "stacked",
"version": "2.3.0",
"description": "Set this prop to true when placing inside a BIconstack component"
},
{
"prop": "animation",
"version": "2.7.0",
"description": "Animate the icon. Supported built-in animations are 'cylon', 'fade', 'pulse', 'spin' and 'throb'"
}
]
},
{
"component": "BIconArrowsCollapse",
"auto-gen": "bootstrap-icons 1.2.2",
"props": [
{
"prop": "title",
"description": "Text content to place in the title",
"version": "2.17.0"
},
{
"prop": "variant",
"description": "Contextual color variant. By default the icon inherits the current text color"
},
{
"prop": "fontScale",
"description": "Scale the icons current font size"
},
{
"prop": "scale",
"description": "Scales the icon's SVG, without increasing the font size"
},
{
"prop": "rotate",
"description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise"
},
{
"prop": "flipH",
"description": "Flips the icon horizontally"
},
{
"prop": "flipV",
"description": "Flips the icon vertically"
},
{
"prop": "shiftH",
"description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units"
},
{
"prop": "shiftV",
"description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units"
},
{
"prop": "stacked",
"version": "2.3.0",
"description": "Set this prop to true when placing inside a BIconstack component"
},
{
"prop": "animation",
"version": "2.7.0",
"description": "Animate the icon. Supported built-in animations are 'cylon', 'fade', 'pulse', 'spin' and 'throb'"
}
]
},
{
"component": "BIconArrowsExpand",
"auto-gen": "bootstrap-icons 1.2.2",
"props": [
{
"prop": "title",
"description": "Text content to place in the title",
"version": "2.17.0"
},
{
"prop": "variant",
"description": "Contextual color variant. By default the icon inherits the current text color"
},
{
"prop": "fontScale",
"description": "Scale the icons current font size"
},
{
"prop": "scale",
"description": "Scales the icon's SVG, without increasing the font size"
},
{
"prop": "rotate",
"description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise"
},
{
"prop": "flipH",
"description": "Flips the icon horizontally"
},
{
"prop": "flipV",
"description": "Flips the icon vertically"
},
{
"prop": "shiftH",
"description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units"
},
{
"prop": "shiftV",
"description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units"
},
{
"prop": "stacked",
"version": "2.3.0",
"description": "Set this prop to true when placing inside a BIconstack component"
},
{
"prop": "animation",
"version": "2.7.0",
"description": "Animate the icon. Supported built-in animations are 'cylon', 'fade', 'pulse', 'spin' and 'throb'"
}
]
},
{
"component": "BIconArrowsFullscreen",
"auto-gen": "bootstrap-icons 1.2.2",
"props": [
{
"prop": "title",
"description": "Text content to place in the title",
"version": "2.17.0"
},
{
"prop": "variant",
"description": "Contextual color variant. By default the icon inherits the current text color"
},
{
"prop": "fontScale",
"description": "Scale the icons current font size"
},
{
"prop": "scale",
"description": "Scales the icon's SVG, without increasing the font size"
},
{
"prop": "rotate",
"description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise"
},
{
"prop": "flipH",
"description": "Flips the icon horizontally"
},
{
"prop": "flipV",
"description": "Flips the icon vertically"
},
{
"prop": "shiftH",
"description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units"
},
{
"prop": "shiftV",
"description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units"
},
{
"prop": "stacked",
"version": "2.3.0",
"description": "Set this prop to true when placing inside a BIconstack component"
},
{
"prop": "animation",
"version": "2.7.0",
"description": "Animate the icon. Supported built-in animations are 'cylon', 'fade', 'pulse', 'spin' and 'throb'"
}
]
},
{
"component": "BIconArrowsMove",
"auto-gen": "bootstrap-icons 1.2.2",
"props": [
{
"prop": "title",
"description": "Text content to place in the title",
"version": "2.17.0"
},
{
"prop": "variant",
"description": "Contextual color variant. By default the icon inherits the current text color"
},
{
"prop": "fontScale",
"description": "Scale the icons current font size"
},
{
"prop": "scale",
"description": "Scales the icon's SVG, without increasing the font size"
},
{
"prop": "rotate",
"description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise"
},
{
"prop": "flipH",
"description": "Flips the icon horizontally"
},
{
"prop": "flipV",
"description": "Flips the icon vertically"
},
{
"prop": "shiftH",
"description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units"
},
{
"prop": "shiftV",
"description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units"
},
{
"prop": "stacked",
"version": "2.3.0",
"description": "Set this prop to true when placing inside a BIconstack component"
},
{
"prop": "animation",
"version": "2.7.0",
"description": "Animate the icon. Supported built-in animations are 'cylon', 'fade', 'pulse', 'spin' and 'throb'"
}
]
},
{
"component": "BIconAspectRatio",
"auto-gen": "bootstrap-icons 1.2.2",
"props": [
{
"prop": "title",
"description": "Text content to place in the title",
"version": "2.17.0"
},
{
"prop": "variant",
"description": "Contextual color variant. By default the icon inherits the current text color"
},
{
"prop": "fontScale",
"description": "Scale the icons current font size"
},
{
"prop": "scale",
"description": "Scales the icon's SVG, without increasing the font size"
},
{
"prop": "rotate",
"description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise"
},
{
"prop": "flipH",
"description": "Flips the icon horizontally"
},
{
"prop": "flipV",
"description": "Flips the icon vertically"
},
{
"prop": "shiftH",
"description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units"
},
{
"prop": "shiftV",
"description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units"
},
{
"prop": "stacked",
"version": "2.3.0",
"description": "Set this prop to true when placing inside a BIconstack component"
},
{
"prop": "animation",
"version": "2.7.0",
"description": "Animate the icon. Supported built-in animations are 'cylon', 'fade', 'pulse', 'spin' and 'throb'"
}
]
},
{
"component": "BIconAspectRatioFill",
"auto-gen": "bootstrap-icons 1.2.2",
"props": [
{
"prop": "title",
"description": "Text content to place in the title",
"version": "2.17.0"
},
{
"prop": "variant",
"description": "Contextual color variant. By default the icon inherits the current text color"
},
{
"prop": "fontScale",
"description": "Scale the icons current font size"
},
{
"prop": "scale",
"description": "Scales the icon's SVG, without increasing the font size"
},
{
"prop": "rotate",
"description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise"
},
{
"prop": "flipH",
"description": "Flips the icon horizontally"
},
{
"prop": "flipV",
"description": "Flips the icon vertically"
},
{
"prop": "shiftH",
"description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units"
},
{
"prop": "shiftV",
"description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units"
},
{
"prop": "stacked",
"version": "2.3.0",
"description": "Set this prop to true when placing inside a BIconstack component"
},
{
"prop": "animation",
"version": "2.7.0",
"description": "Animate the icon. Supported built-in animations are 'cylon', 'fade', 'pulse', 'spin' and 'throb'"
}
]
},
{
"component": "BIconAsterisk",
"auto-gen": "bootstrap-icons 1.2.2",
"props": [
{
"prop": "title",
"description": "Text content to place in the title",
"version": "2.17.0"
},
{
"prop": "variant",
"description": "Contextual color variant. By default the icon inherits the current text color"
},
{
"prop": "fontScale",
"description": "Scale the icons current font size"
},
{
"prop": "scale",
"description": "Scales the icon's SVG, without increasing the font size"
},
{
"prop": "rotate",
"description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise"
},
{
"prop": "flipH",
"description": "Flips the icon horizontally"
},
{
"prop": "flipV",
"description": "Flips the icon vertically"
},
{
"prop": "shiftH",
"description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units"
},
{
"prop": "shiftV",
"description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units"
},
{
"prop": "stacked",
"version": "2.3.0",
"description": "Set this prop to true when placing inside a BIconstack component"
},
{
"prop": "animation",
"version": "2.7.0",
"description": "Animate the icon. Supported built-in animations are 'cylon', 'fade', 'pulse', 'spin' and 'throb'"
}
]
},
{
"component": "BIconAt",
"auto-gen": "bootstrap-icons 1.2.2",
"props": [
{
"prop": "title",
"description": "Text content to place in the title",
"version": "2.17.0"
},
{
"prop": "variant",
"description": "Contextual color variant. By default the icon inherits the current text color"
},
{
"prop": "fontScale",
"description": "Scale the icons current font size"
},
{
"prop": "scale",
"description": "Scales the icon's SVG, without increasing the font size"
},
{
"prop": "rotate",
"description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise"
},
{
"prop": "flipH",
"description": "Flips the icon horizontally"
},
{
"prop": "flipV",
"description": "Flips the icon vertically"
},
{
"prop": "shiftH",
"description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units"
},
{
"prop": "shiftV",
"description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units"
},
{
"prop": "stacked",
"version": "2.3.0",
"description": "Set this prop to true when placing inside a BIconstack component"
},
{
"prop": "animation",
"version": "2.7.0",
"description": "Animate the icon. Supported built-in animations are 'cylon', 'fade', 'pulse', 'spin' and 'throb'"
}
]
},
{
"component": "BIconAward",
"auto-gen": "bootstrap-icons 1.2.2",
"props": [
{
"prop": "title",
"description": "Text content to place in the title",
"version": "2.17.0"
},
{
"prop": "variant",
"description": "Contextual color variant. By default the icon inherits the current text color"
},
{
"prop": "fontScale",
"description": "Scale the icons current font size"
},
{
"prop": "scale",
"description": "Scales the icon's SVG, without increasing the font size"
},
{
"prop": "rotate",
"description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise"
},
{
"prop": "flipH",
"description": "Flips the icon horizontally"
},
{
"prop": "flipV",
"description": "Flips the icon vertically"
},
{
"prop": "shiftH",
"description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units"
},
{
"prop": "shiftV",
"description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units"
},
{
"prop": "stacked",
"version": "2.3.0",
"description": "Set this prop to true when placing inside a BIconstack component"
},
{
"prop": "animation",
"version": "2.7.0",
"description": "Animate the icon. Supported built-in animations are 'cylon', 'fade', 'pulse', 'spin' and 'throb'"
}
]
},
{
"component": "BIconAwardFill",
"auto-gen": "bootstrap-icons 1.2.2",
"props": [
{
"prop": "title",
"description": "Text content to place in the title",
"version": "2.17.0"
},
{
"prop": "variant",
"description": "Contextual color variant. By default the icon inherits the current text color"
},
{
"prop": "fontScale",
"description": "Scale the icons current font size"
},
{
"prop": "scale",
"description": "Scales the icon's SVG, without increasing the font size"
},
{
"prop": "rotate",
"description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise"
},
{
"prop": "flipH",
"description": "Flips the icon horizontally"
},
{
"prop": "flipV",
"description": "Flips the icon vertically"
},
{
"prop": "shiftH",
"description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units"
},
{
"prop": "shiftV",
"description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units"
},
{
"prop": "stacked",
"version": "2.3.0",
"description": "Set this prop to true when placing inside a BIconstack component"
},
{
"prop": "animation",
"version": "2.7.0",
"description": "Animate the icon. Supported built-in animations are 'cylon', 'fade', 'pulse', 'spin' and 'throb'"
}
]
},
{
"component": "BIconBack",
"auto-gen": "bootstrap-icons 1.2.2",
"props": [
{
"prop": "title",
"description": "Text content to place in the title",
"version": "2.17.0"
},
{
"prop": "variant",
"description": "Contextual color variant. By default the icon inherits the current text color"
},
{
"prop": "fontScale",
"description": "Scale the icons current font size"
},
{
"prop": "scale",
"description": "Scales the icon's SVG, without increasing the font size"
},
{
"prop": "rotate",
"description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise"
},
{
"prop": "flipH",
"description": "Flips the icon horizontally"
},
{
"prop": "flipV",
"description": "Flips the icon vertically"
},
{
"prop": "shiftH",
"description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units"
},
{
"prop": "shiftV",
"description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units"
},
{
"prop": "stacked",
"version": "2.3.0",
"description": "Set this prop to true when placing inside a BIconstack component"
},
{
"prop": "animation",
"version": "2.7.0",
"description": "Animate the icon. Supported built-in animations are 'cylon', 'fade', 'pulse', 'spin' and 'throb'"
}
]
},
{
"component": "BIconBackspace",
"auto-gen": "bootstrap-icons 1.2.2",
"props": [
{
"prop": "title",
"description": "Text content to place in the title",
"version": "2.17.0"
},
{
"prop": "variant",
"description": "Contextual color variant. By default the icon inherits the current text color"
},
{
"prop": "fontScale",
"description": "Scale the icons current font size"
},
{
"prop": "scale",
"description": "Scales the icon's SVG, without increasing the font size"
},
{
"prop": "rotate",
"description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise"
},
{
"prop": "flipH",
"description": "Flips the icon horizontally"
},
{
"prop": "flipV",
"description": "Flips the icon vertically"
},
{
"prop": "shiftH",
"description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units"
},
{
"prop": "shiftV",
"description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units"
},
{
"prop": "stacked",
"version": "2.3.0",
"description": "Set this prop to true when placing inside a BIconstack component"
},
{
"prop": "animation",
"version": "2.7.0",
"description": "Animate the icon. Supported built-in animations are 'cylon', 'fade', 'pulse', 'spin' and 'throb'"
}
]
},
{
"component": "BIconBackspaceFill",
"auto-gen": "bootstrap-icons 1.2.2",
"props": [
{
"prop": "title",
"description": "Text content to place in the title",
"version": "2.17.0"
},
{
"prop": "variant",
"description": "Contextual color variant. By default the icon inherits the current text color"
},
{
"prop": "fontScale",
"description": "Scale the icons current font size"
},
{
"prop": "scale",
"description": "Scales the icon's SVG, without increasing the font size"
},
{
"prop": "rotate",
"description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise"
},
{
"prop": "flipH",
"description": "Flips the icon horizontally"
},
{
"prop": "flipV",
"description": "Flips the icon vertically"
},
{
"prop": "shiftH",
"description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units"
},
{
"prop": "shiftV",
"description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units"
},
{
"prop": "stacked",
"version": "2.3.0",
"description": "Set this prop to true when placing inside a BIconstack component"
},
{
"prop": "animation",
"version": "2.7.0",
"description": "Animate the icon. Supported built-in animations are 'cylon', 'fade', 'pulse', 'spin' and 'throb'"
}
]
},
{
"component": "BIconBackspaceReverse",
"auto-gen": "bootstrap-icons 1.2.2",
"props": [
{
"prop": "title",
"description": "Text content to place in the title",
"version": "2.17.0"
},
{
"prop": "variant",
"description": "Contextual color variant. By default the icon inherits the current text color"
},
{
"prop": "fontScale",
"description": "Scale the icons current font size"
},
{
"prop": "scale",
"description": "Scales the icon's SVG, without increasing the font size"
},
{
"prop": "rotate",
"description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise"
},
{
"prop": "flipH",
"description": "Flips the icon horizontally"
},
{
"prop": "flipV",
"description": "Flips the icon vertically"
},
{
"prop": "shiftH",
"description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units"
},
{
"prop": "shiftV",
"description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units"
},
{
"prop": "stacked",
"version": "2.3.0",
"description": "Set this prop to true when placing inside a BIconstack component"
},
{
"prop": "animation",
"version": "2.7.0",
"description": "Animate the icon. Supported built-in animations are 'cylon', 'fade', 'pulse', 'spin' and 'throb'"
}
]
},
{
"component": "BIconBackspaceReverseFill",
"auto-gen": "bootstrap-icons 1.2.2",
"props": [
{
"prop": "title",
"description": "Text content to place in the title",
"version": "2.17.0"
},
{
"prop": "variant",
"description": "Contextual color variant. By default the icon inherits the current text color"
},
{
"prop": "fontScale",
"description": "Scale the icons current font size"
},
{
"prop": "scale",
"description": "Scales the icon's SVG, without increasing the font size"
},
{
"prop": "rotate",
"description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise"
},
{
"prop": "flipH",
"description": "Flips the icon horizontally"
},
{
"prop": "flipV",
"description": "Flips the icon vertically"
},
{
"prop": "shiftH",
"description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units"
},
{
"prop": "shiftV",
"description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units"
},
{
"prop": "stacked",
"version": "2.3.0",
"description": "Set this prop to true when placing inside a BIconstack component"
},
{
"prop": "animation",
"version": "2.7.0",
"description": "Animate the icon. Supported built-in animations are 'cylon', 'fade', 'pulse', 'spin' and 'throb'"
}
]
},
{
"component": "BIconBadge4k",
"auto-gen": "bootstrap-icons 1.2.2",
"props": [
{
"prop": "title",
"description": "Text content to place in the title",
"version": "2.17.0"
},
{
"prop": "variant",
"description": "Contextual color variant. By default the icon inherits the current text color"
},
{
"prop": "fontScale",
"description": "Scale the icons current font size"
},
{
"prop": "scale",
"description": "Scales the icon's SVG, without increasing the font size"
},
{
"prop": "rotate",
"description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise"
},
{
"prop": "flipH",
"description": "Flips the icon horizontally"
},
{
"prop": "flipV",
"description": "Flips the icon vertically"
},
{
"prop": "shiftH",
"description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units"
},
{
"prop": "shiftV",
"description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units"
},
{
"prop": "stacked",
"version": "2.3.0",
"description": "Set this prop to true when placing inside a BIconstack component"
},
{
"prop": "animation",
"version": "2.7.0",
"description": "Animate the icon. Supported built-in animations are 'cylon', 'fade', 'pulse', 'spin' and 'throb'"
}
]
},
{
"component": "BIconBadge4kFill",
"auto-gen": "bootstrap-icons 1.2.2",
"props": [
{
"prop": "title",
"description": "Text content to place in the title",
"version": "2.17.0"
},
{
"prop": "variant",
"description": "Contextual color variant. By default the icon inherits the current text color"
},
{
"prop": "fontScale",
"description": "Scale the icons current font size"
},
{
"prop": "scale",
"description": "Scales the icon's SVG, without increasing the font size"
},
{
"prop": "rotate",
"description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise"
},
{
"prop": "flipH",
"description": "Flips the icon horizontally"
},
{
"prop": "flipV",
"description": "Flips the icon vertically"
},
{
"prop": "shiftH",
"description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units"
},
{
"prop": "shiftV",
"description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units"
},
{
"prop": "stacked",
"version": "2.3.0",
"description": "Set this prop to true when placing inside a BIconstack component"
},
{
"prop": "animation",
"version": "2.7.0",
"description": "Animate the icon. Supported built-in animations are 'cylon', 'fade', 'pulse', 'spin' and 'throb'"
}
]
},
{
"component": "BIconBadge8k",
"auto-gen": "bootstrap-icons 1.2.2",
"props": [
{
"prop": "title",
"description": "Text content to place in the title",
"version": "2.17.0"
},
{
"prop": "variant",
"description": "Contextual color variant. By default the icon inherits the current text color"
},
{
"prop": "fontScale",
"description": "Scale the icons current font size"
},
{
"prop": "scale",
"description": "Scales the icon's SVG, without increasing the font size"
},
{
"prop": "rotate",
"description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise"
},
{
"prop": "flipH",
"description": "Flips the icon horizontally"
},
{
"prop": "flipV",
"description": "Flips the icon vertically"
},
{
"prop": "shiftH",
"description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units"
},
{
"prop": "shiftV",
"description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units"
},
{
"prop": "stacked",
"version": "2.3.0",
"description": "Set this prop to true when placing inside a BIconstack component"
},
{
"prop": "animation",
"version": "2.7.0",
"description": "Animate the icon. Supported built-in animations are 'cylon', 'fade', 'pulse', 'spin' and 'throb'"
}
]
},
{
"component": "BIconBadge8kFill",
"auto-gen": "bootstrap-icons 1.2.2",
"props": [
{
"prop": "title",
"description": "Text content to place in the title",
"version": "2.17.0"
},
{
"prop": "variant",
"description": "Contextual color variant. By default the icon inherits the current text color"
},
{
"prop": "fontScale",
"description": "Scale the icons current font size"
},
{
"prop": "scale",
"description": "Scales the icon's SVG, without increasing the font size"
},
{
"prop": "rotate",
"description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise"
},
{
"prop": "flipH",
"description": "Flips the icon horizontally"
},
{
"prop": "flipV",
"description": "Flips the icon vertically"
},
{
"prop": "shiftH",
"description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units"
},
{
"prop": "shiftV",
"description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units"
},
{
"prop": "stacked",
"version": "2.3.0",
"description": "Set this prop to true when placing inside a BIconstack component"
},
{
"prop": "animation",
"version": "2.7.0",
"description": "Animate the icon. Supported built-in animations are 'cylon', 'fade', 'pulse', 'spin' and 'throb'"
}
]
},
{
"component": "BIconBadgeAd",
"auto-gen": "bootstrap-icons 1.2.2",
"props": [
{
"prop": "title",
"description": "Text content to place in the title",
"version": "2.17.0"
},
{
"prop": "variant",
"description": "Contextual color variant. By default the icon inherits the current text color"
},
{
"prop": "fontScale",
"description": "Scale the icons current font size"
},
{
"prop": "scale",
"description": "Scales the icon's SVG, without increasing the font size"
},
{
"prop": "rotate",
"description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise"
},
{
"prop": "flipH",
"description": "Flips the icon horizontally"
},
{
"prop": "flipV",
"description": "Flips the icon vertically"
},
{
"prop": "shiftH",
"description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units"
},
{
"prop": "shiftV",
"description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units"
},
{
"prop": "stacked",
"version": "2.3.0",
"description": "Set this prop to true when placing inside a BIconstack component"
},
{
"prop": "animation",
"version": "2.7.0",
"description": "Animate the icon. Supported built-in animations are 'cylon', 'fade', 'pulse', 'spin' and 'throb'"
}
]
},
{
"component": "BIconBadgeAdFill",
"auto-gen": "bootstrap-icons 1.2.2",
"props": [
{
"prop": "title",
"description": "Text content to place in the title",
"version": "2.17.0"
},
{
"prop": "variant",
"description": "Contextual color variant. By default the icon inherits the current text color"
},
{
"prop": "fontScale",
"description": "Scale the icons current font size"
},
{
"prop": "scale",
"description": "Scales the icon's SVG, without increasing the font size"
},
{
"prop": "rotate",
"description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise"
},
{
"prop": "flipH",
"description": "Flips the icon horizontally"
},
{
"prop": "flipV",
"description": "Flips the icon vertically"
},
{
"prop": "shiftH",
"description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units"
},
{
"prop": "shiftV",
"description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units"
},
{
"prop": "stacked",
"version": "2.3.0",
"description": "Set this prop to true when placing inside a BIconstack component"
},
{
"prop": "animation",
"version": "2.7.0",
"description": "Animate the icon. Supported built-in animations are 'cylon', 'fade', 'pulse', 'spin' and 'throb'"
}
]
},
{
"component": "BIconBadgeCc",
"auto-gen": "bootstrap-icons 1.2.2",
"props": [
{
"prop": "title",
"description": "Text content to place in the title",
"version": "2.17.0"
},
{
"prop": "variant",
"description": "Contextual color variant. By default the icon inherits the current text color"
},
{
"prop": "fontScale",
"description": "Scale the icons current font size"
},
{
"prop": "scale",
"description": "Scales the icon's SVG, without increasing the font size"
},
{
"prop": "rotate",
"description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise"
},
{
"prop": "flipH",
"description": "Flips the icon horizontally"
},
{
"prop": "flipV",
"description": "Flips the icon vertically"
},
{
"prop": "shiftH",
"description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units"
},
{
"prop": "shiftV",
"description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units"
},
{
"prop": "stacked",
"version": "2.3.0",
"description": "Set this prop to true when placing inside a BIconstack component"
},
{
"prop": "animation",
"version": "2.7.0",
"description": "Animate the icon. Supported built-in animations are 'cylon', 'fade', 'pulse', 'spin' and 'throb'"
}
]
},
{
"component": "BIconBadgeCcFill",
"auto-gen": "bootstrap-icons 1.2.2",
"props": [
{
"prop": "title",
"description": "Text content to place in the title",
"version": "2.17.0"
},
{
"prop": "variant",
"description": "Contextual color variant. By default the icon inherits the current text color"
},
{
"prop": "fontScale",
"description": "Scale the icons current font size"
},
{
"prop": "scale",
"description": "Scales the icon's SVG, without increasing the font size"
},
{
"prop": "rotate",
"description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise"
},
{
"prop": "flipH",
"description": "Flips the icon horizontally"
},
{
"prop": "flipV",
"description": "Flips the icon vertically"
},
{
"prop": "shiftH",
"description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units"
},
{
"prop": "shiftV",
"description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units"
},
{
"prop": "stacked",
"version": "2.3.0",
"description": "Set this prop to true when placing inside a BIconstack component"
},
{
"prop": "animation",
"version": "2.7.0",
"description": "Animate the icon. Supported built-in animations are 'cylon', 'fade', 'pulse', 'spin' and 'throb'"
}
]
},
{
"component": "BIconBadgeHd",
"auto-gen": "bootstrap-icons 1.2.2",
"props": [
{
"prop": "title",
"description": "Text content to place in the title",
"version": "2.17.0"
},
{
"prop": "variant",
"description": "Contextual color variant. By default the icon inherits the current text color"
},
{
"prop": "fontScale",
"description": "Scale the icons current font size"
},
{
"prop": "scale",
"description": "Scales the icon's SVG, without increasing the font size"
},
{
"prop": "rotate",
"description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise"
},
{
"prop": "flipH",
"description": "Flips the icon horizontally"
},
{
"prop": "flipV",
"description": "Flips the icon vertically"
},
{
"prop": "shiftH",
"description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units"
},
{
"prop": "shiftV",
"description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units"
},
{
"prop": "stacked",
"version": "2.3.0",
"description": "Set this prop to true when placing inside a BIconstack component"
},
{
"prop": "animation",
"version": "2.7.0",
"description": "Animate the icon. Supported built-in animations are 'cylon', 'fade', 'pulse', 'spin' and 'throb'"
}
]
},
{
"component": "BIconBadgeHdFill",
"auto-gen": "bootstrap-icons 1.2.2",
"props": [
{
"prop": "title",
"description": "Text content to place in the title",
"version": "2.17.0"
},
{
"prop": "variant",
"description": "Contextual color variant. By default the icon inherits the current text color"
},
{
"prop": "fontScale",
"description": "Scale the icons current font size"
},
{
"prop": "scale",
"description": "Scales the icon's SVG, without increasing the font size"
},
{
"prop": "rotate",
"description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise"
},
{
"prop": "flipH",
"description": "Flips the icon horizontally"
},
{
"prop": "flipV",
"description": "Flips the icon vertically"
},
{
"prop": "shiftH",
"description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units"
},
{
"prop": "shiftV",
"description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units"
},
{
"prop": "stacked",
"version": "2.3.0",
"description": "Set this prop to true when placing inside a BIconstack component"
},
{
"prop": "animation",
"version": "2.7.0",
"description": "Animate the icon. Supported built-in animations are 'cylon', 'fade', 'pulse', 'spin' and 'throb'"
}
]
},
{
"component": "BIconBadgeTm",
"auto-gen": "bootstrap-icons 1.2.2",
"props": [
{
"prop": "title",
"description": "Text content to place in the title",
"version": "2.17.0"
},
{
"prop": "variant",
"description": "Contextual color variant. By default the icon inherits the current text color"
},
{
"prop": "fontScale",
"description": "Scale the icons current font size"
},
{
"prop": "scale",
"description": "Scales the icon's SVG, without increasing the font size"
},
{
"prop": "rotate",
"description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise"
},
{
"prop": "flipH",
"description": "Flips the icon horizontally"
},
{
"prop": "flipV",
"description": "Flips the icon vertically"
},
{
"prop": "shiftH",
"description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units"
},
{
"prop": "shiftV",
"description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units"
},
{
"prop": "stacked",
"version": "2.3.0",
"description": "Set this prop to true when placing inside a BIconstack component"
},
{
"prop": "animation",
"version": "2.7.0",
"description": "Animate the icon. Supported built-in animations are 'cylon', 'fade', 'pulse', 'spin' and 'throb'"
}
]
},
{
"component": "BIconBadgeTmFill",
"auto-gen": "bootstrap-icons 1.2.2",
"props": [
{
"prop": "title",
"description": "Text content to place in the title",
"version": "2.17.0"
},
{
"prop": "variant",
"description": "Contextual color variant. By default the icon inherits the current text color"
},
{
"prop": "fontScale",
"description": "Scale the icons current font size"
},
{
"prop": "scale",
"description": "Scales the icon's SVG, without increasing the font size"
},
{
"prop": "rotate",
"description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise"
},
{
"prop": "flipH",
"description": "Flips the icon horizontally"
},
{
"prop": "flipV",
"description": "Flips the icon vertically"
},
{
"prop": "shiftH",
"description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units"
},
{
"prop": "shiftV",
"description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units"
},
{
"prop": "stacked",
"version": "2.3.0",
"description": "Set this prop to true when placing inside a BIconstack component"
},
{
"prop": "animation",
"version": "2.7.0",
"description": "Animate the icon. Supported built-in animations are 'cylon', 'fade', 'pulse', 'spin' and 'throb'"
}
]
},
{
"component": "BIconBadgeVo",
"auto-gen": "bootstrap-icons 1.2.2",
"props": [
{
"prop": "title",
"description": "Text content to place in the title",
"version": "2.17.0"
},
{
"prop": "variant",
"description": "Contextual color variant. By default the icon inherits the current text color"
},
{
"prop": "fontScale",
"description": "Scale the icons current font size"
},
{
"prop": "scale",
"description": "Scales the icon's SVG, without increasing the font size"
},
{
"prop": "rotate",
"description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise"
},
{
"prop": "flipH",
"description": "Flips the icon horizontally"
},
{
"prop": "flipV",
"description": "Flips the icon vertically"
},
{
"prop": "shiftH",
"description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units"
},
{
"prop": "shiftV",
"description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units"
},
{
"prop": "stacked",
"version": "2.3.0",
"description": "Set this prop to true when placing inside a BIconstack component"
},
{
"prop": "animation",
"version": "2.7.0",
"description": "Animate the icon. Supported built-in animations are 'cylon', 'fade', 'pulse', 'spin' and 'throb'"
}
]
},
{
"component": "BIconBadgeVoFill",
"auto-gen": "bootstrap-icons 1.2.2",
"props": [
{
"prop": "title",
"description": "Text content to place in the title",
"version": "2.17.0"
},
{
"prop": "variant",
"description": "Contextual color variant. By default the icon inherits the current text color"
},
{
"prop": "fontScale",
"description": "Scale the icons current font size"
},
{
"prop": "scale",
"description": "Scales the icon's SVG, without increasing the font size"
},
{
"prop": "rotate",
"description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise"
},
{
"prop": "flipH",
"description": "Flips the icon horizontally"
},
{
"prop": "flipV",
"description": "Flips the icon vertically"
},
{
"prop": "shiftH",
"description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units"
},
{
"prop": "shiftV",
"description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units"
},
{
"prop": "stacked",
"version": "2.3.0",
"description": "Set this prop to true when placing inside a BIconstack component"
},
{
"prop": "animation",
"version": "2.7.0",
"description": "Animate the icon. Supported built-in animations are 'cylon', 'fade', 'pulse', 'spin' and 'throb'"
}
]
},
{
"component": "BIconBag",
"auto-gen": "bootstrap-icons 1.2.2",
"props": [
{
"prop": "title",
"description": "Text content to place in the title",
"version": "2.17.0"
},
{
"prop": "variant",
"description": "Contextual color variant. By default the icon inherits the current text color"
},
{
"prop": "fontScale",
"description": "Scale the icons current font size"
},
{
"prop": "scale",
"description": "Scales the icon's SVG, without increasing the font size"
},
{
"prop": "rotate",
"description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise"
},
{
"prop": "flipH",
"description": "Flips the icon horizontally"
},
{
"prop": "flipV",
"description": "Flips the icon vertically"
},
{
"prop": "shiftH",
"description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units"
},
{
"prop": "shiftV",
"description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units"
},
{
"prop": "stacked",
"version": "2.3.0",
"description": "Set this prop to true when placing inside a BIconstack component"
},
{
"prop": "animation",
"version": "2.7.0",
"description": "Animate the icon. Supported built-in animations are 'cylon', 'fade', 'pulse', 'spin' and 'throb'"
}
]
},
{
"component": "BIconBagCheck",
"auto-gen": "bootstrap-icons 1.2.2",
"props": [
{
"prop": "title",
"description": "Text content to place in the title",
"version": "2.17.0"
},
{
"prop": "variant",
"description": "Contextual color variant. By default the icon inherits the current text color"
},
{
"prop": "fontScale",
"description": "Scale the icons current font size"
},
{
"prop": "scale",
"description": "Scales the icon's SVG, without increasing the font size"
},
{
"prop": "rotate",
"description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise"
},
{
"prop": "flipH",
"description": "Flips the icon horizontally"
},
{
"prop": "flipV",
"description": "Flips the icon vertically"
},
{
"prop": "shiftH",
"description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units"
},
{
"prop": "shiftV",
"description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units"
},
{
"prop": "stacked",
"version": "2.3.0",
"description": "Set this prop to true when placing inside a BIconstack component"
},
{
"prop": "animation",
"version": "2.7.0",
"description": "Animate the icon. Supported built-in animations are 'cylon', 'fade', 'pulse', 'spin' and 'throb'"
}
]
},
{
"component": "BIconBagCheckFill",
"auto-gen": "bootstrap-icons 1.2.2",
"props": [
{
"prop": "title",
"description": "Text content to place in the title",
"version": "2.17.0"
},
{
"prop": "variant",
"description": "Contextual color variant. By default the icon inherits the current text color"
},
{
"prop": "fontScale",
"description": "Scale the icons current font size"
},
{
"prop": "scale",
"description": "Scales the icon's SVG, without increasing the font size"
},
{
"prop": "rotate",
"description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise"
},
{
"prop": "flipH",
"description": "Flips the icon horizontally"
},
{
"prop": "flipV",
"description": "Flips the icon vertically"
},
{
"prop": "shiftH",
"description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units"
},
{
"prop": "shiftV",
"description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units"
},
{
"prop": "stacked",
"version": "2.3.0",
"description": "Set this prop to true when placing inside a BIconstack component"
},
{
"prop": "animation",
"version": "2.7.0",
"description": "Animate the icon. Supported built-in animations are 'cylon', 'fade', 'pulse', 'spin' and 'throb'"
}
]
},
{
"component": "BIconBagDash",
"auto-gen": "bootstrap-icons 1.2.2",
"props": [
{
"prop": "title",
"description": "Text content to place in the title",
"version": "2.17.0"
},
{
"prop": "variant",
"description": "Contextual color variant. By default the icon inherits the current text color"
},
{
"prop": "fontScale",
"description": "Scale the icons current font size"
},
{
"prop": "scale",
"description": "Scales the icon's SVG, without increasing the font size"
},
{
"prop": "rotate",
"description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise"
},
{
"prop": "flipH",
"description": "Flips the icon horizontally"
},
{
"prop": "flipV",
"description": "Flips the icon vertically"
},
{
"prop": "shiftH",
"description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units"
},
{
"prop": "shiftV",
"description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units"
},
{
"prop": "stacked",
"version": "2.3.0",
"description": "Set this prop to true when placing inside a BIconstack component"
},
{
"prop": "animation",
"version": "2.7.0",
"description": "Animate the icon. Supported built-in animations are 'cylon', 'fade', 'pulse', 'spin' and 'throb'"
}
]
},
{
"component": "BIconBagDashFill",
"auto-gen": "bootstrap-icons 1.2.2",
"props": [
{
"prop": "title",
"description": "Text content to place in the title",
"version": "2.17.0"
},
{
"prop": "variant",
"description": "Contextual color variant. By default the icon inherits the current text color"
},
{
"prop": "fontScale",
"description": "Scale the icons current font size"
},
{
"prop": "scale",
"description": "Scales the icon's SVG, without increasing the font size"
},
{
"prop": "rotate",
"description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise"
},
{
"prop": "flipH",
"description": "Flips the icon horizontally"
},
{
"prop": "flipV",
"description": "Flips the icon vertically"
},
{
"prop": "shiftH",
"description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units"
},
{
"prop": "shiftV",
"description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units"
},
{
"prop": "stacked",
"version": "2.3.0",
"description": "Set this prop to true when placing inside a BIconstack component"
},
{
"prop": "animation",
"version": "2.7.0",
"description": "Animate the icon. Supported built-in animations are 'cylon', 'fade', 'pulse', 'spin' and 'throb'"
}
]
},
{
"component": "BIconBagFill",
"auto-gen": "bootstrap-icons 1.2.2",
"props": [
{
"prop": "title",
"description": "Text content to place in the title",
"version": "2.17.0"
},
{
"prop": "variant",
"description": "Contextual color variant. By default the icon inherits the current text color"
},
{
"prop": "fontScale",
"description": "Scale the icons current font size"
},
{
"prop": "scale",
"description": "Scales the icon's SVG, without increasing the font size"
},
{
"prop": "rotate",
"description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise"
},
{
"prop": "flipH",
"description": "Flips the icon horizontally"
},
{
"prop": "flipV",
"description": "Flips the icon vertically"
},
{
"prop": "shiftH",
"description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units"
},
{
"prop": "shiftV",
"description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units"
},
{
"prop": "stacked",
"version": "2.3.0",
"description": "Set this prop to true when placing inside a BIconstack component"
},
{
"prop": "animation",
"version": "2.7.0",
"description": "Animate the icon. Supported built-in animations are 'cylon', 'fade', 'pulse', 'spin' and 'throb'"
}
]
},
{
"component": "BIconBagPlus",
"auto-gen": "bootstrap-icons 1.2.2",
"props": [
{
"prop": "title",
"description": "Text content to place in the title",
"version": "2.17.0"
},
{
"prop": "variant",
"description": "Contextual color variant. By default the icon inherits the current text color"
},
{
"prop": "fontScale",
"description": "Scale the icons current font size"
},
{
"prop": "scale",
"description": "Scales the icon's SVG, without increasing the font size"
},
{
"prop": "rotate",
"description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise"
},
{
"prop": "flipH",
"description": "Flips the icon horizontally"
},
{
"prop": "flipV",
"description": "Flips the icon vertically"
},
{
"prop": "shiftH",
"description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units"
},
{
"prop": "shiftV",
"description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units"
},
{
"prop": "stacked",
"version": "2.3.0",
"description": "Set this prop to true when placing inside a BIconstack component"
},
{
"prop": "animation",
"version": "2.7.0",
"description": "Animate the icon. Supported built-in animations are 'cylon', 'fade', 'pulse', 'spin' and 'throb'"
}
]
},
{
"component": "BIconBagPlusFill",
"auto-gen": "bootstrap-icons 1.2.2",
"props": [
{
"prop": "title",
"description": "Text content to place in the title",
"version": "2.17.0"
},
{
"prop": "variant",
"description": "Contextual color variant. By default the icon inherits the current text color"
},
{
"prop": "fontScale",
"description": "Scale the icons current font size"
},
{
"prop": "scale",
"description": "Scales the icon's SVG, without increasing the font size"
},
{
"prop": "rotate",
"description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise"
},
{
"prop": "flipH",
"description": "Flips the icon horizontally"
},
{
"prop": "flipV",
"description": "Flips the icon vertically"
},
{
"prop": "shiftH",
"description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units"
},
{
"prop": "shiftV",
"description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units"
},
{
"prop": "stacked",
"version": "2.3.0",
"description": "Set this prop to true when placing inside a BIconstack component"
},
{
"prop": "animation",
"version": "2.7.0",
"description": "Animate the icon. Supported built-in animations are 'cylon', 'fade', 'pulse', 'spin' and 'throb'"
}
]
},
{
"component": "BIconBagX",
"auto-gen": "bootstrap-icons 1.2.2",
"props": [
{
"prop": "title",
"description": "Text content to place in the title",
"version": "2.17.0"
},
{
"prop": "variant",
"description": "Contextual color variant. By default the icon inherits the current text color"
},
{
"prop": "fontScale",
"description": "Scale the icons current font size"
},
{
"prop": "scale",
"description": "Scales the icon's SVG, without increasing the font size"
},
{
"prop": "rotate",
"description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise"
},
{
"prop": "flipH",
"description": "Flips the icon horizontally"
},
{
"prop": "flipV",
"description": "Flips the icon vertically"
},
{
"prop": "shiftH",
"description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units"
},
{
"prop": "shiftV",
"description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units"
},
{
"prop": "stacked",
"version": "2.3.0",
"description": "Set this prop to true when placing inside a BIconstack component"
},
{
"prop": "animation",
"version": "2.7.0",
"description": "Animate the icon. Supported built-in animations are 'cylon', 'fade', 'pulse', 'spin' and 'throb'"
}
]
},
{
"component": "BIconBagXFill",
"auto-gen": "bootstrap-icons 1.2.2",
"props": [
{
"prop": "title",
"description": "Text content to place in the title",
"version": "2.17.0"
},
{
"prop": "variant",
"description": "Contextual color variant. By default the icon inherits the current text color"
},
{
"prop": "fontScale",
"description": "Scale the icons current font size"
},
{
"prop": "scale",
"description": "Scales the icon's SVG, without increasing the font size"
},
{
"prop": "rotate",
"description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise"
},
{
"prop": "flipH",
"description": "Flips the icon horizontally"
},
{
"prop": "flipV",
"description": "Flips the icon vertically"
},
{
"prop": "shiftH",
"description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units"
},
{
"prop": "shiftV",
"description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units"
},
{
"prop": "stacked",
"version": "2.3.0",
"description": "Set this prop to true when placing inside a BIconstack component"
},
{
"prop": "animation",
"version": "2.7.0",
"description": "Animate the icon. Supported built-in animations are 'cylon', 'fade', 'pulse', 'spin' and 'throb'"
}
]
},
{
"component": "BIconBarChart",
"auto-gen": "bootstrap-icons 1.2.2",
"props": [
{
"prop": "title",
"description": "Text content to place in the title",
"version": "2.17.0"
},
{
"prop": "variant",
"description": "Contextual color variant. By default the icon inherits the current text color"
},
{
"prop": "fontScale",
"description": "Scale the icons current font size"
},
{
"prop": "scale",
"description": "Scales the icon's SVG, without increasing the font size"
},
{
"prop": "rotate",
"description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise"
},
{
"prop": "flipH",
"description": "Flips the icon horizontally"
},
{
"prop": "flipV",
"description": "Flips the icon vertically"
},
{
"prop": "shiftH",
"description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units"
},
{
"prop": "shiftV",
"description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units"
},
{
"prop": "stacked",
"version": "2.3.0",
"description": "Set this prop to true when placing inside a BIconstack component"
},
{
"prop": "animation",
"version": "2.7.0",
"description": "Animate the icon. Supported built-in animations are 'cylon', 'fade', 'pulse', 'spin' and 'throb'"
}
]
},
{
"component": "BIconBarChartFill",
"auto-gen": "bootstrap-icons 1.2.2",
"props": [
{
"prop": "title",
"description": "Text content to place in the title",
"version": "2.17.0"
},
{
"prop": "variant",
"description": "Contextual color variant. By default the icon inherits the current text color"
},
{
"prop": "fontScale",
"description": "Scale the icons current font size"
},
{
"prop": "scale",
"description": "Scales the icon's SVG, without increasing the font size"
},
{
"prop": "rotate",
"description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise"
},
{
"prop": "flipH",
"description": "Flips the icon horizontally"
},
{
"prop": "flipV",
"description": "Flips the icon vertically"
},
{
"prop": "shiftH",
"description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units"
},
{
"prop": "shiftV",
"description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units"
},
{
"prop": "stacked",
"version": "2.3.0",
"description": "Set this prop to true when placing inside a BIconstack component"
},
{
"prop": "animation",
"version": "2.7.0",
"description": "Animate the icon. Supported built-in animations are 'cylon', 'fade', 'pulse', 'spin' and 'throb'"
}
]
},
{
"component": "BIconBarChartLine",
"auto-gen": "bootstrap-icons 1.2.2",
"props": [
{
"prop": "title",
"description": "Text content to place in the title",
"version": "2.17.0"
},
{
"prop": "variant",
"description": "Contextual color variant. By default the icon inherits the current text color"
},
{
"prop": "fontScale",
"description": "Scale the icons current font size"
},
{
"prop": "scale",
"description": "Scales the icon's SVG, without increasing the font size"
},
{
"prop": "rotate",
"description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise"
},
{
"prop": "flipH",
"description": "Flips the icon horizontally"
},
{
"prop": "flipV",
"description": "Flips the icon vertically"
},
{
"prop": "shiftH",
"description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units"
},
{
"prop": "shiftV",
"description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units"
},
{
"prop": "stacked",
"version": "2.3.0",
"description": "Set this prop to true when placing inside a BIconstack component"
},
{
"prop": "animation",
"version": "2.7.0",
"description": "Animate the icon. Supported built-in animations are 'cylon', 'fade', 'pulse', 'spin' and 'throb'"
}
]
},
{
"component": "BIconBarChartLineFill",
"auto-gen": "bootstrap-icons 1.2.2",
"props": [
{
"prop": "title",
"description": "Text content to place in the title",
"version": "2.17.0"
},
{
"prop": "variant",
"description": "Contextual color variant. By default the icon inherits the current text color"
},
{
"prop": "fontScale",
"description": "Scale the icons current font size"
},
{
"prop": "scale",
"description": "Scales the icon's SVG, without increasing the font size"
},
{
"prop": "rotate",
"description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise"
},
{
"prop": "flipH",
"description": "Flips the icon horizontally"
},
{
"prop": "flipV",
"description": "Flips the icon vertically"
},
{
"prop": "shiftH",
"description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units"
},
{
"prop": "shiftV",
"description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units"
},
{
"prop": "stacked",
"version": "2.3.0",
"description": "Set this prop to true when placing inside a BIconstack component"
},
{
"prop": "animation",
"version": "2.7.0",
"description": "Animate the icon. Supported built-in animations are 'cylon', 'fade', 'pulse', 'spin' and 'throb'"
}
]
},
{
"component": "BIconBarChartSteps",
"auto-gen": "bootstrap-icons 1.2.2",
"props": [
{
"prop": "title",
"description": "Text content to place in the title",
"version": "2.17.0"
},
{
"prop": "variant",
"description": "Contextual color variant. By default the icon inherits the current text color"
},
{
"prop": "fontScale",
"description": "Scale the icons current font size"
},
{
"prop": "scale",
"description": "Scales the icon's SVG, without increasing the font size"
},
{
"prop": "rotate",
"description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise"
},
{
"prop": "flipH",
"description": "Flips the icon horizontally"
},
{
"prop": "flipV",
"description": "Flips the icon vertically"
},
{
"prop": "shiftH",
"description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units"
},
{
"prop": "shiftV",
"description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units"
},
{
"prop": "stacked",
"version": "2.3.0",
"description": "Set this prop to true when placing inside a BIconstack component"
},
{
"prop": "animation",
"version": "2.7.0",
"description": "Animate the icon. Supported built-in animations are 'cylon', 'fade', 'pulse', 'spin' and 'throb'"
}
]
},
{
"component": "BIconBasket",
"auto-gen": "bootstrap-icons 1.2.2",
"props": [
{
"prop": "title",
"description": "Text content to place in the title",
"version": "2.17.0"
},
{
"prop": "variant",
"description": "Contextual color variant. By default the icon inherits the current text color"
},
{
"prop": "fontScale",
"description": "Scale the icons current font size"
},
{
"prop": "scale",
"description": "Scales the icon's SVG, without increasing the font size"
},
{
"prop": "rotate",
"description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise"
},
{
"prop": "flipH",
"description": "Flips the icon horizontally"
},
{
"prop": "flipV",
"description": "Flips the icon vertically"
},
{
"prop": "shiftH",
"description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units"
},
{
"prop": "shiftV",
"description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units"
},
{
"prop": "stacked",
"version": "2.3.0",
"description": "Set this prop to true when placing inside a BIconstack component"
},
{
"prop": "animation",
"version": "2.7.0",
"description": "Animate the icon. Supported built-in animations are 'cylon', 'fade', 'pulse', 'spin' and 'throb'"
}
]
},
{
"component": "BIconBasket2",
"auto-gen": "bootstrap-icons 1.2.2",
"props": [
{
"prop": "title",
"description": "Text content to place in the title",
"version": "2.17.0"
},
{
"prop": "variant",
"description": "Contextual color variant. By default the icon inherits the current text color"
},
{
"prop": "fontScale",
"description": "Scale the icons current font size"
},
{
"prop": "scale",
"description": "Scales the icon's SVG, without increasing the font size"
},
{
"prop": "rotate",
"description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise"
},
{
"prop": "flipH",
"description": "Flips the icon horizontally"
},
{
"prop": "flipV",
"description": "Flips the icon vertically"
},
{
"prop": "shiftH",
"description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units"
},
{
"prop": "shiftV",
"description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units"
},
{
"prop": "stacked",
"version": "2.3.0",
"description": "Set this prop to true when placing inside a BIconstack component"
},
{
"prop": "animation",
"version": "2.7.0",
"description": "Animate the icon. Supported built-in animations are 'cylon', 'fade', 'pulse', 'spin' and 'throb'"
}
]
},
{
"component": "BIconBasket2Fill",
"auto-gen": "bootstrap-icons 1.2.2",
"props": [
{
"prop": "title",
"description": "Text content to place in the title",
"version": "2.17.0"
},
{
"prop": "variant",
"description": "Contextual color variant. By default the icon inherits the current text color"
},
{
"prop": "fontScale",
"description": "Scale the icons current font size"
},
{
"prop": "scale",
"description": "Scales the icon's SVG, without increasing the font size"
},
{
"prop": "rotate",
"description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise"
},
{
"prop": "flipH",
"description": "Flips the icon horizontally"
},
{
"prop": "flipV",
"description": "Flips the icon vertically"
},
{
"prop": "shiftH",
"description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units"
},
{
"prop": "shiftV",
"description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units"
},
{
"prop": "stacked",
"version": "2.3.0",
"description": "Set this prop to true when placing inside a BIconstack component"
},
{
"prop": "animation",
"version": "2.7.0",
"description": "Animate the icon. Supported built-in animations are 'cylon', 'fade', 'pulse', 'spin' and 'throb'"
}
]
},
{
"component": "BIconBasket3",
"auto-gen": "bootstrap-icons 1.2.2",
"props": [
{
"prop": "title",
"description": "Text content to place in the title",
"version": "2.17.0"
},
{
"prop": "variant",
"description": "Contextual color variant. By default the icon inherits the current text color"
},
{
"prop": "fontScale",
"description": "Scale the icons current font size"
},
{
"prop": "scale",
"description": "Scales the icon's SVG, without increasing the font size"
},
{
"prop": "rotate",
"description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise"
},
{
"prop": "flipH",
"description": "Flips the icon horizontally"
},
{
"prop": "flipV",
"description": "Flips the icon vertically"
},
{
"prop": "shiftH",
"description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units"
},
{
"prop": "shiftV",
"description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units"
},
{
"prop": "stacked",
"version": "2.3.0",
"description": "Set this prop to true when placing inside a BIconstack component"
},
{
"prop": "animation",
"version": "2.7.0",
"description": "Animate the icon. Supported built-in animations are 'cylon', 'fade', 'pulse', 'spin' and 'throb'"
}
]
},
{
"component": "BIconBasket3Fill",
"auto-gen": "bootstrap-icons 1.2.2",
"props": [
{
"prop": "title",
"description": "Text content to place in the title",
"version": "2.17.0"
},
{
"prop": "variant",
"description": "Contextual color variant. By default the icon inherits the current text color"
},
{
"prop": "fontScale",
"description": "Scale the icons current font size"
},
{
"prop": "scale",
"description": "Scales the icon's SVG, without increasing the font size"
},
{
"prop": "rotate",
"description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise"
},
{
"prop": "flipH",
"description": "Flips the icon horizontally"
},
{
"prop": "flipV",
"description": "Flips the icon vertically"
},
{
"prop": "shiftH",
"description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units"
},
{
"prop": "shiftV",
"description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units"
},
{
"prop": "stacked",
"version": "2.3.0",
"description": "Set this prop to true when placing inside a BIconstack component"
},
{
"prop": "animation",
"version": "2.7.0",
"description": "Animate the icon. Supported built-in animations are 'cylon', 'fade', 'pulse', 'spin' and 'throb'"
}
]
},
{
"component": "BIconBasketFill",
"auto-gen": "bootstrap-icons 1.2.2",
"props": [
{
"prop": "title",
"description": "Text content to place in the title",
"version": "2.17.0"
},
{
"prop": "variant",
"description": "Contextual color variant. By default the icon inherits the current text color"
},
{
"prop": "fontScale",
"description": "Scale the icons current font size"
},
{
"prop": "scale",
"description": "Scales the icon's SVG, without increasing the font size"
},
{
"prop": "rotate",
"description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise"
},
{
"prop": "flipH",
"description": "Flips the icon horizontally"
},
{
"prop": "flipV",
"description": "Flips the icon vertically"
},
{
"prop": "shiftH",
"description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units"
},
{
"prop": "shiftV",
"description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units"
},
{
"prop": "stacked",
"version": "2.3.0",
"description": "Set this prop to true when placing inside a BIconstack component"
},
{
"prop": "animation",
"version": "2.7.0",
"description": "Animate the icon. Supported built-in animations are 'cylon', 'fade', 'pulse', 'spin' and 'throb'"
}
]
},
{
"component": "BIconBattery",
"auto-gen": "bootstrap-icons 1.2.2",
"props": [
{
"prop": "title",
"description": "Text content to place in the title",
"version": "2.17.0"
},
{
"prop": "variant",
"description": "Contextual color variant. By default the icon inherits the current text color"
},
{
"prop": "fontScale",
"description": "Scale the icons current font size"
},
{
"prop": "scale",
"description": "Scales the icon's SVG, without increasing the font size"
},
{
"prop": "rotate",
"description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise"
},
{
"prop": "flipH",
"description": "Flips the icon horizontally"
},
{
"prop": "flipV",
"description": "Flips the icon vertically"
},
{
"prop": "shiftH",
"description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units"
},
{
"prop": "shiftV",
"description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units"
},
{
"prop": "stacked",
"version": "2.3.0",
"description": "Set this prop to true when placing inside a BIconstack component"
},
{
"prop": "animation",
"version": "2.7.0",
"description": "Animate the icon. Supported built-in animations are 'cylon', 'fade', 'pulse', 'spin' and 'throb'"
}
]
},
{
"component": "BIconBatteryCharging",
"auto-gen": "bootstrap-icons 1.2.2",
"props": [
{
"prop": "title",
"description": "Text content to place in the title",
"version": "2.17.0"
},
{
"prop": "variant",
"description": "Contextual color variant. By default the icon inherits the current text color"
},
{
"prop": "fontScale",
"description": "Scale the icons current font size"
},
{
"prop": "scale",
"description": "Scales the icon's SVG, without increasing the font size"
},
{
"prop": "rotate",
"description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise"
},
{
"prop": "flipH",
"description": "Flips the icon horizontally"
},
{
"prop": "flipV",
"description": "Flips the icon vertically"
},
{
"prop": "shiftH",
"description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units"
},
{
"prop": "shiftV",
"description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units"
},
{
"prop": "stacked",
"version": "2.3.0",
"description": "Set this prop to true when placing inside a BIconstack component"
},
{
"prop": "animation",
"version": "2.7.0",
"description": "Animate the icon. Supported built-in animations are 'cylon', 'fade', 'pulse', 'spin' and 'throb'"
}
]
},
{
"component": "BIconBatteryFull",
"auto-gen": "bootstrap-icons 1.2.2",
"props": [
{
"prop": "title",
"description": "Text content to place in the title",
"version": "2.17.0"
},
{
"prop": "variant",
"description": "Contextual color variant. By default the icon inherits the current text color"
},
{
"prop": "fontScale",
"description": "Scale the icons current font size"
},
{
"prop": "scale",
"description": "Scales the icon's SVG, without increasing the font size"
},
{
"prop": "rotate",
"description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise"
},
{
"prop": "flipH",
"description": "Flips the icon horizontally"
},
{
"prop": "flipV",
"description": "Flips the icon vertically"
},
{
"prop": "shiftH",
"description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units"
},
{
"prop": "shiftV",
"description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units"
},
{
"prop": "stacked",
"version": "2.3.0",
"description": "Set this prop to true when placing inside a BIconstack component"
},
{
"prop": "animation",
"version": "2.7.0",
"description": "Animate the icon. Supported built-in animations are 'cylon', 'fade', 'pulse', 'spin' and 'throb'"
}
]
},
{
"component": "BIconBatteryHalf",
"auto-gen": "bootstrap-icons 1.2.2",
"props": [
{
"prop": "title",
"description": "Text content to place in the title",
"version": "2.17.0"
},
{
"prop": "variant",
"description": "Contextual color variant. By default the icon inherits the current text color"
},
{
"prop": "fontScale",
"description": "Scale the icons current font size"
},
{
"prop": "scale",
"description": "Scales the icon's SVG, without increasing the font size"
},
{
"prop": "rotate",
"description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise"
},
{
"prop": "flipH",
"description": "Flips the icon horizontally"
},
{
"prop": "flipV",
"description": "Flips the icon vertically"
},
{
"prop": "shiftH",
"description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units"
},
{
"prop": "shiftV",
"description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units"
},
{
"prop": "stacked",
"version": "2.3.0",
"description": "Set this prop to true when placing inside a BIconstack component"
},
{
"prop": "animation",
"version": "2.7.0",
"description": "Animate the icon. Supported built-in animations are 'cylon', 'fade', 'pulse', 'spin' and 'throb'"
}
]
},
{
"component": "BIconBell",
"auto-gen": "bootstrap-icons 1.2.2",
"props": [
{
"prop": "title",
"description": "Text content to place in the title",
"version": "2.17.0"
},
{
"prop": "variant",
"description": "Contextual color variant. By default the icon inherits the current text color"
},
{
"prop": "fontScale",
"description": "Scale the icons current font size"
},
{
"prop": "scale",
"description": "Scales the icon's SVG, without increasing the font size"
},
{
"prop": "rotate",
"description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise"
},
{
"prop": "flipH",
"description": "Flips the icon horizontally"
},
{
"prop": "flipV",
"description": "Flips the icon vertically"
},
{
"prop": "shiftH",
"description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units"
},
{
"prop": "shiftV",
"description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units"
},
{
"prop": "stacked",
"version": "2.3.0",
"description": "Set this prop to true when placing inside a BIconstack component"
},
{
"prop": "animation",
"version": "2.7.0",
"description": "Animate the icon. Supported built-in animations are 'cylon', 'fade', 'pulse', 'spin' and 'throb'"
}
]
},
{
"component": "BIconBellFill",
"auto-gen": "bootstrap-icons 1.2.2",
"props": [
{
"prop": "title",
"description": "Text content to place in the title",
"version": "2.17.0"
},
{
"prop": "variant",
"description": "Contextual color variant. By default the icon inherits the current text color"
},
{
"prop": "fontScale",
"description": "Scale the icons current font size"
},
{
"prop": "scale",
"description": "Scales the icon's SVG, without increasing the font size"
},
{
"prop": "rotate",
"description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise"
},
{
"prop": "flipH",
"description": "Flips the icon horizontally"
},
{
"prop": "flipV",
"description": "Flips the icon vertically"
},
{
"prop": "shiftH",
"description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units"
},
{
"prop": "shiftV",
"description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units"
},
{
"prop": "stacked",
"version": "2.3.0",
"description": "Set this prop to true when placing inside a BIconstack component"
},
{
"prop": "animation",
"version": "2.7.0",
"description": "Animate the icon. Supported built-in animations are 'cylon', 'fade', 'pulse', 'spin' and 'throb'"
}
]
},
{
"component": "BIconBezier",
"auto-gen": "bootstrap-icons 1.2.2",
"props": [
{
"prop": "title",
"description": "Text content to place in the title",
"version": "2.17.0"
},
{
"prop": "variant",
"description": "Contextual color variant. By default the icon inherits the current text color"
},
{
"prop": "fontScale",
"description": "Scale the icons current font size"
},
{
"prop": "scale",
"description": "Scales the icon's SVG, without increasing the font size"
},
{
"prop": "rotate",
"description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise"
},
{
"prop": "flipH",
"description": "Flips the icon horizontally"
},
{
"prop": "flipV",
"description": "Flips the icon vertically"
},
{
"prop": "shiftH",
"description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units"
},
{
"prop": "shiftV",
"description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units"
},
{
"prop": "stacked",
"version": "2.3.0",
"description": "Set this prop to true when placing inside a BIconstack component"
},
{
"prop": "animation",
"version": "2.7.0",
"description": "Animate the icon. Supported built-in animations are 'cylon', 'fade', 'pulse', 'spin' and 'throb'"
}
]
},
{
"component": "BIconBezier2",
"auto-gen": "bootstrap-icons 1.2.2",
"props": [
{
"prop": "title",
"description": "Text content to place in the title",
"version": "2.17.0"
},
{
"prop": "variant",
"description": "Contextual color variant. By default the icon inherits the current text color"
},
{
"prop": "fontScale",
"description": "Scale the icons current font size"
},
{
"prop": "scale",
"description": "Scales the icon's SVG, without increasing the font size"
},
{
"prop": "rotate",
"description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise"
},
{
"prop": "flipH",
"description": "Flips the icon horizontally"
},
{
"prop": "flipV",
"description": "Flips the icon vertically"
},
{
"prop": "shiftH",
"description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units"
},
{
"prop": "shiftV",
"description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units"
},
{
"prop": "stacked",
"version": "2.3.0",
"description": "Set this prop to true when placing inside a BIconstack component"
},
{
"prop": "animation",
"version": "2.7.0",
"description": "Animate the icon. Supported built-in animations are 'cylon', 'fade', 'pulse', 'spin' and 'throb'"
}
]
},
{
"component": "BIconBicycle",
"auto-gen": "bootstrap-icons 1.2.2",
"props": [
{
"prop": "title",
"description": "Text content to place in the title",
"version": "2.17.0"
},
{
"prop": "variant",
"description": "Contextual color variant. By default the icon inherits the current text color"
},
{
"prop": "fontScale",
"description": "Scale the icons current font size"
},
{
"prop": "scale",
"description": "Scales the icon's SVG, without increasing the font size"
},
{
"prop": "rotate",
"description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise"
},
{
"prop": "flipH",
"description": "Flips the icon horizontally"
},
{
"prop": "flipV",
"description": "Flips the icon vertically"
},
{
"prop": "shiftH",
"description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units"
},
{
"prop": "shiftV",
"description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units"
},
{
"prop": "stacked",
"version": "2.3.0",
"description": "Set this prop to true when placing inside a BIconstack component"
},
{
"prop": "animation",
"version": "2.7.0",
"description": "Animate the icon. Supported built-in animations are 'cylon', 'fade', 'pulse', 'spin' and 'throb'"
}
]
},
{
"component": "BIconBinoculars",
"auto-gen": "bootstrap-icons 1.2.2",
"props": [
{
"prop": "title",
"description": "Text content to place in the title",
"version": "2.17.0"
},
{
"prop": "variant",
"description": "Contextual color variant. By default the icon inherits the current text color"
},
{
"prop": "fontScale",
"description": "Scale the icons current font size"
},
{
"prop": "scale",
"description": "Scales the icon's SVG, without increasing the font size"
},
{
"prop": "rotate",
"description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise"
},
{
"prop": "flipH",
"description": "Flips the icon horizontally"
},
{
"prop": "flipV",
"description": "Flips the icon vertically"
},
{
"prop": "shiftH",
"description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units"
},
{
"prop": "shiftV",
"description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units"
},
{
"prop": "stacked",
"version": "2.3.0",
"description": "Set this prop to true when placing inside a BIconstack component"
},
{
"prop": "animation",
"version": "2.7.0",
"description": "Animate the icon. Supported built-in animations are 'cylon', 'fade', 'pulse', 'spin' and 'throb'"
}
]
},
{
"component": "BIconBinocularsFill",
"auto-gen": "bootstrap-icons 1.2.2",
"props": [
{
"prop": "title",
"description": "Text content to place in the title",
"version": "2.17.0"
},
{
"prop": "variant",
"description": "Contextual color variant. By default the icon inherits the current text color"
},
{
"prop": "fontScale",
"description": "Scale the icons current font size"
},
{
"prop": "scale",
"description": "Scales the icon's SVG, without increasing the font size"
},
{
"prop": "rotate",
"description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise"
},
{
"prop": "flipH",
"description": "Flips the icon horizontally"
},
{
"prop": "flipV",
"description": "Flips the icon vertically"
},
{
"prop": "shiftH",
"description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units"
},
{
"prop": "shiftV",
"description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units"
},
{
"prop": "stacked",
"version": "2.3.0",
"description": "Set this prop to true when placing inside a BIconstack component"
},
{
"prop": "animation",
"version": "2.7.0",
"description": "Animate the icon. Supported built-in animations are 'cylon', 'fade', 'pulse', 'spin' and 'throb'"
}
]
},
{
"component": "BIconBlockquoteLeft",
"auto-gen": "bootstrap-icons 1.2.2",
"props": [
{
"prop": "title",
"description": "Text content to place in the title",
"version": "2.17.0"
},
{
"prop": "variant",
"description": "Contextual color variant. By default the icon inherits the current text color"
},
{
"prop": "fontScale",
"description": "Scale the icons current font size"
},
{
"prop": "scale",
"description": "Scales the icon's SVG, without increasing the font size"
},
{
"prop": "rotate",
"description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise"
},
{
"prop": "flipH",
"description": "Flips the icon horizontally"
},
{
"prop": "flipV",
"description": "Flips the icon vertically"
},
{
"prop": "shiftH",
"description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units"
},
{
"prop": "shiftV",
"description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units"
},
{
"prop": "stacked",
"version": "2.3.0",
"description": "Set this prop to true when placing inside a BIconstack component"
},
{
"prop": "animation",
"version": "2.7.0",
"description": "Animate the icon. Supported built-in animations are 'cylon', 'fade', 'pulse', 'spin' and 'throb'"
}
]
},
{
"component": "BIconBlockquoteRight",
"auto-gen": "bootstrap-icons 1.2.2",
"props": [
{
"prop": "title",
"description": "Text content to place in the title",
"version": "2.17.0"
},
{
"prop": "variant",
"description": "Contextual color variant. By default the icon inherits the current text color"
},
{
"prop": "fontScale",
"description": "Scale the icons current font size"
},
{
"prop": "scale",
"description": "Scales the icon's SVG, without increasing the font size"
},
{
"prop": "rotate",
"description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise"
},
{
"prop": "flipH",
"description": "Flips the icon horizontally"
},
{
"prop": "flipV",
"description": "Flips the icon vertically"
},
{
"prop": "shiftH",
"description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units"
},
{
"prop": "shiftV",
"description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units"
},
{
"prop": "stacked",
"version": "2.3.0",
"description": "Set this prop to true when placing inside a BIconstack component"
},
{
"prop": "animation",
"version": "2.7.0",
"description": "Animate the icon. Supported built-in animations are 'cylon', 'fade', 'pulse', 'spin' and 'throb'"
}
]
},
{
"component": "BIconBook",
"auto-gen": "bootstrap-icons 1.2.2",
"props": [
{
"prop": "title",
"description": "Text content to place in the title",
"version": "2.17.0"
},
{
"prop": "variant",
"description": "Contextual color variant. By default the icon inherits the current text color"
},
{
"prop": "fontScale",
"description": "Scale the icons current font size"
},
{
"prop": "scale",
"description": "Scales the icon's SVG, without increasing the font size"
},
{
"prop": "rotate",
"description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise"
},
{
"prop": "flipH",
"description": "Flips the icon horizontally"
},
{
"prop": "flipV",
"description": "Flips the icon vertically"
},
{
"prop": "shiftH",
"description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units"
},
{
"prop": "shiftV",
"description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units"
},
{
"prop": "stacked",
"version": "2.3.0",
"description": "Set this prop to true when placing inside a BIconstack component"
},
{
"prop": "animation",
"version": "2.7.0",
"description": "Animate the icon. Supported built-in animations are 'cylon', 'fade', 'pulse', 'spin' and 'throb'"
}
]
},
{
"component": "BIconBookFill",
"auto-gen": "bootstrap-icons 1.2.2",
"props": [
{
"prop": "title",
"description": "Text content to place in the title",
"version": "2.17.0"
},
{
"prop": "variant",
"description": "Contextual color variant. By default the icon inherits the current text color"
},
{
"prop": "fontScale",
"description": "Scale the icons current font size"
},
{
"prop": "scale",
"description": "Scales the icon's SVG, without increasing the font size"
},
{
"prop": "rotate",
"description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise"
},
{
"prop": "flipH",
"description": "Flips the icon horizontally"
},
{
"prop": "flipV",
"description": "Flips the icon vertically"
},
{
"prop": "shiftH",
"description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units"
},
{
"prop": "shiftV",
"description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units"
},
{
"prop": "stacked",
"version": "2.3.0",
"description": "Set this prop to true when placing inside a BIconstack component"
},
{
"prop": "animation",
"version": "2.7.0",
"description": "Animate the icon. Supported built-in animations are 'cylon', 'fade', 'pulse', 'spin' and 'throb'"
}
]
},
{
"component": "BIconBookHalf",
"auto-gen": "bootstrap-icons 1.2.2",
"props": [
{
"prop": "title",
"description": "Text content to place in the title",
"version": "2.17.0"
},
{
"prop": "variant",
"description": "Contextual color variant. By default the icon inherits the current text color"
},
{
"prop": "fontScale",
"description": "Scale the icons current font size"
},
{
"prop": "scale",
"description": "Scales the icon's SVG, without increasing the font size"
},
{
"prop": "rotate",
"description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise"
},
{
"prop": "flipH",
"description": "Flips the icon horizontally"
},
{
"prop": "flipV",
"description": "Flips the icon vertically"
},
{
"prop": "shiftH",
"description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units"
},
{
"prop": "shiftV",
"description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units"
},
{
"prop": "stacked",
"version": "2.3.0",
"description": "Set this prop to true when placing inside a BIconstack component"
},
{
"prop": "animation",
"version": "2.7.0",
"description": "Animate the icon. Supported built-in animations are 'cylon', 'fade', 'pulse', 'spin' and 'throb'"
}
]
},
{
"component": "BIconBookmark",
"auto-gen": "bootstrap-icons 1.2.2",
"props": [
{
"prop": "title",
"description": "Text content to place in the title",
"version": "2.17.0"
},
{
"prop": "variant",
"description": "Contextual color variant. By default the icon inherits the current text color"
},
{
"prop": "fontScale",
"description": "Scale the icons current font size"
},
{
"prop": "scale",
"description": "Scales the icon's SVG, without increasing the font size"
},
{
"prop": "rotate",
"description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise"
},
{
"prop": "flipH",
"description": "Flips the icon horizontally"
},
{
"prop": "flipV",
"description": "Flips the icon vertically"
},
{
"prop": "shiftH",
"description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units"
},
{
"prop": "shiftV",
"description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units"
},
{
"prop": "stacked",
"version": "2.3.0",
"description": "Set this prop to true when placing inside a BIconstack component"
},
{
"prop": "animation",
"version": "2.7.0",
"description": "Animate the icon. Supported built-in animations are 'cylon', 'fade', 'pulse', 'spin' and 'throb'"
}
]
},
{
"component": "BIconBookmarkCheck",
"auto-gen": "bootstrap-icons 1.2.2",
"props": [
{
"prop": "title",
"description": "Text content to place in the title",
"version": "2.17.0"
},
{
"prop": "variant",
"description": "Contextual color variant. By default the icon inherits the current text color"
},
{
"prop": "fontScale",
"description": "Scale the icons current font size"
},
{
"prop": "scale",
"description": "Scales the icon's SVG, without increasing the font size"
},
{
"prop": "rotate",
"description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise"
},
{
"prop": "flipH",
"description": "Flips the icon horizontally"
},
{
"prop": "flipV",
"description": "Flips the icon vertically"
},
{
"prop": "shiftH",
"description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units"
},
{
"prop": "shiftV",
"description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units"
},
{
"prop": "stacked",
"version": "2.3.0",
"description": "Set this prop to true when placing inside a BIconstack component"
},
{
"prop": "animation",
"version": "2.7.0",
"description": "Animate the icon. Supported built-in animations are 'cylon', 'fade', 'pulse', 'spin' and 'throb'"
}
]
},
{
"component": "BIconBookmarkCheckFill",
"auto-gen": "bootstrap-icons 1.2.2",
"props": [
{
"prop": "title",
"description": "Text content to place in the title",
"version": "2.17.0"
},
{
"prop": "variant",
"description": "Contextual color variant. By default the icon inherits the current text color"
},
{
"prop": "fontScale",
"description": "Scale the icons current font size"
},
{
"prop": "scale",
"description": "Scales the icon's SVG, without increasing the font size"
},
{
"prop": "rotate",
"description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise"
},
{
"prop": "flipH",
"description": "Flips the icon horizontally"
},
{
"prop": "flipV",
"description": "Flips the icon vertically"
},
{
"prop": "shiftH",
"description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units"
},
{
"prop": "shiftV",
"description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units"
},
{
"prop": "stacked",
"version": "2.3.0",
"description": "Set this prop to true when placing inside a BIconstack component"
},
{
"prop": "animation",
"version": "2.7.0",
"description": "Animate the icon. Supported built-in animations are 'cylon', 'fade', 'pulse', 'spin' and 'throb'"
}
]
},
{
"component": "BIconBookmarkDash",
"auto-gen": "bootstrap-icons 1.2.2",
"props": [
{
"prop": "title",
"description": "Text content to place in the title",
"version": "2.17.0"
},
{
"prop": "variant",
"description": "Contextual color variant. By default the icon inherits the current text color"
},
{
"prop": "fontScale",
"description": "Scale the icons current font size"
},
{
"prop": "scale",
"description": "Scales the icon's SVG, without increasing the font size"
},
{
"prop": "rotate",
"description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise"
},
{
"prop": "flipH",
"description": "Flips the icon horizontally"
},
{
"prop": "flipV",
"description": "Flips the icon vertically"
},
{
"prop": "shiftH",
"description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units"
},
{
"prop": "shiftV",
"description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units"
},
{
"prop": "stacked",
"version": "2.3.0",
"description": "Set this prop to true when placing inside a BIconstack component"
},
{
"prop": "animation",
"version": "2.7.0",
"description": "Animate the icon. Supported built-in animations are 'cylon', 'fade', 'pulse', 'spin' and 'throb'"
}
]
},
{
"component": "BIconBookmarkDashFill",
"auto-gen": "bootstrap-icons 1.2.2",
"props": [
{
"prop": "title",
"description": "Text content to place in the title",
"version": "2.17.0"
},
{
"prop": "variant",
"description": "Contextual color variant. By default the icon inherits the current text color"
},
{
"prop": "fontScale",
"description": "Scale the icons current font size"
},
{
"prop": "scale",
"description": "Scales the icon's SVG, without increasing the font size"
},
{
"prop": "rotate",
"description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise"
},
{
"prop": "flipH",
"description": "Flips the icon horizontally"
},
{
"prop": "flipV",
"description": "Flips the icon vertically"
},
{
"prop": "shiftH",
"description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units"
},
{
"prop": "shiftV",
"description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units"
},
{
"prop": "stacked",
"version": "2.3.0",
"description": "Set this prop to true when placing inside a BIconstack component"
},
{
"prop": "animation",
"version": "2.7.0",
"description": "Animate the icon. Supported built-in animations are 'cylon', 'fade', 'pulse', 'spin' and 'throb'"
}
]
},
{
"component": "BIconBookmarkFill",
"auto-gen": "bootstrap-icons 1.2.2",
"props": [
{
"prop": "title",
"description": "Text content to place in the title",
"version": "2.17.0"
},
{
"prop": "variant",
"description": "Contextual color variant. By default the icon inherits the current text color"
},
{
"prop": "fontScale",
"description": "Scale the icons current font size"
},
{
"prop": "scale",
"description": "Scales the icon's SVG, without increasing the font size"
},
{
"prop": "rotate",
"description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise"
},
{
"prop": "flipH",
"description": "Flips the icon horizontally"
},
{
"prop": "flipV",
"description": "Flips the icon vertically"
},
{
"prop": "shiftH",
"description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units"
},
{
"prop": "shiftV",
"description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units"
},
{
"prop": "stacked",
"version": "2.3.0",
"description": "Set this prop to true when placing inside a BIconstack component"
},
{
"prop": "animation",
"version": "2.7.0",
"description": "Animate the icon. Supported built-in animations are 'cylon', 'fade', 'pulse', 'spin' and 'throb'"
}
]
},
{
"component": "BIconBookmarkHeart",
"auto-gen": "bootstrap-icons 1.2.2",
"props": [
{
"prop": "title",
"description": "Text content to place in the title",
"version": "2.17.0"
},
{
"prop": "variant",
"description": "Contextual color variant. By default the icon inherits the current text color"
},
{
"prop": "fontScale",
"description": "Scale the icons current font size"
},
{
"prop": "scale",
"description": "Scales the icon's SVG, without increasing the font size"
},
{
"prop": "rotate",
"description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise"
},
{
"prop": "flipH",
"description": "Flips the icon horizontally"
},
{
"prop": "flipV",
"description": "Flips the icon vertically"
},
{
"prop": "shiftH",
"description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units"
},
{
"prop": "shiftV",
"description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units"
},
{
"prop": "stacked",
"version": "2.3.0",
"description": "Set this prop to true when placing inside a BIconstack component"
},
{
"prop": "animation",
"version": "2.7.0",
"description": "Animate the icon. Supported built-in animations are 'cylon', 'fade', 'pulse', 'spin' and 'throb'"
}
]
},
{
"component": "BIconBookmarkHeartFill",
"auto-gen": "bootstrap-icons 1.2.2",
"props": [
{
"prop": "title",
"description": "Text content to place in the title",
"version": "2.17.0"
},
{
"prop": "variant",
"description": "Contextual color variant. By default the icon inherits the current text color"
},
{
"prop": "fontScale",
"description": "Scale the icons current font size"
},
{
"prop": "scale",
"description": "Scales the icon's SVG, without increasing the font size"
},
{
"prop": "rotate",
"description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise"
},
{
"prop": "flipH",
"description": "Flips the icon horizontally"
},
{
"prop": "flipV",
"description": "Flips the icon vertically"
},
{
"prop": "shiftH",
"description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units"
},
{
"prop": "shiftV",
"description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units"
},
{
"prop": "stacked",
"version": "2.3.0",
"description": "Set this prop to true when placing inside a BIconstack component"
},
{
"prop": "animation",
"version": "2.7.0",
"description": "Animate the icon. Supported built-in animations are 'cylon', 'fade', 'pulse', 'spin' and 'throb'"
}
]
},
{
"component": "BIconBookmarkPlus",
"auto-gen": "bootstrap-icons 1.2.2",
"props": [
{
"prop": "title",
"description": "Text content to place in the title",
"version": "2.17.0"
},
{
"prop": "variant",
"description": "Contextual color variant. By default the icon inherits the current text color"
},
{
"prop": "fontScale",
"description": "Scale the icons current font size"
},
{
"prop": "scale",
"description": "Scales the icon's SVG, without increasing the font size"
},
{
"prop": "rotate",
"description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise"
},
{
"prop": "flipH",
"description": "Flips the icon horizontally"
},
{
"prop": "flipV",
"description": "Flips the icon vertically"
},
{
"prop": "shiftH",
"description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units"
},
{
"prop": "shiftV",
"description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units"
},
{
"prop": "stacked",
"version": "2.3.0",
"description": "Set this prop to true when placing inside a BIconstack component"
},
{
"prop": "animation",
"version": "2.7.0",
"description": "Animate the icon. Supported built-in animations are 'cylon', 'fade', 'pulse', 'spin' and 'throb'"
}
]
},
{
"component": "BIconBookmarkPlusFill",
"auto-gen": "bootstrap-icons 1.2.2",
"props": [
{
"prop": "title",
"description": "Text content to place in the title",
"version": "2.17.0"
},
{
"prop": "variant",
"description": "Contextual color variant. By default the icon inherits the current text color"
},
{
"prop": "fontScale",
"description": "Scale the icons current font size"
},
{
"prop": "scale",
"description": "Scales the icon's SVG, without increasing the font size"
},
{
"prop": "rotate",
"description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise"
},
{
"prop": "flipH",
"description": "Flips the icon horizontally"
},
{
"prop": "flipV",
"description": "Flips the icon vertically"
},
{
"prop": "shiftH",
"description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units"
},
{
"prop": "shiftV",
"description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units"
},
{
"prop": "stacked",
"version": "2.3.0",
"description": "Set this prop to true when placing inside a BIconstack component"
},
{
"prop": "animation",
"version": "2.7.0",
"description": "Animate the icon. Supported built-in animations are 'cylon', 'fade', 'pulse', 'spin' and 'throb'"
}
]
},
{
"component": "BIconBookmarkStar",
"auto-gen": "bootstrap-icons 1.2.2",
"props": [
{
"prop": "title",
"description": "Text content to place in the title",
"version": "2.17.0"
},
{
"prop": "variant",
"description": "Contextual color variant. By default the icon inherits the current text color"
},
{
"prop": "fontScale",
"description": "Scale the icons current font size"
},
{
"prop": "scale",
"description": "Scales the icon's SVG, without increasing the font size"
},
{
"prop": "rotate",
"description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise"
},
{
"prop": "flipH",
"description": "Flips the icon horizontally"
},
{
"prop": "flipV",
"description": "Flips the icon vertically"
},
{
"prop": "shiftH",
"description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units"
},
{
"prop": "shiftV",
"description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units"
},
{
"prop": "stacked",
"version": "2.3.0",
"description": "Set this prop to true when placing inside a BIconstack component"
},
{
"prop": "animation",
"version": "2.7.0",
"description": "Animate the icon. Supported built-in animations are 'cylon', 'fade', 'pulse', 'spin' and 'throb'"
}
]
},
{
"component": "BIconBookmarkStarFill",
"auto-gen": "bootstrap-icons 1.2.2",
"props": [
{
"prop": "title",
"description": "Text content to place in the title",
"version": "2.17.0"
},
{
"prop": "variant",
"description": "Contextual color variant. By default the icon inherits the current text color"
},
{
"prop": "fontScale",
"description": "Scale the icons current font size"
},
{
"prop": "scale",
"description": "Scales the icon's SVG, without increasing the font size"
},
{
"prop": "rotate",
"description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise"
},
{
"prop": "flipH",
"description": "Flips the icon horizontally"
},
{
"prop": "flipV",
"description": "Flips the icon vertically"
},
{
"prop": "shiftH",
"description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units"
},
{
"prop": "shiftV",
"description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units"
},
{
"prop": "stacked",
"version": "2.3.0",
"description": "Set this prop to true when placing inside a BIconstack component"
},
{
"prop": "animation",
"version": "2.7.0",
"description": "Animate the icon. Supported built-in animations are 'cylon', 'fade', 'pulse', 'spin' and 'throb'"
}
]
},
{
"component": "BIconBookmarkX",
"auto-gen": "bootstrap-icons 1.2.2",
"props": [
{
"prop": "title",
"description": "Text content to place in the title",
"version": "2.17.0"
},
{
"prop": "variant",
"description": "Contextual color variant. By default the icon inherits the current text color"
},
{
"prop": "fontScale",
"description": "Scale the icons current font size"
},
{
"prop": "scale",
"description": "Scales the icon's SVG, without increasing the font size"
},
{
"prop": "rotate",
"description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise"
},
{
"prop": "flipH",
"description": "Flips the icon horizontally"
},
{
"prop": "flipV",
"description": "Flips the icon vertically"
},
{
"prop": "shiftH",
"description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units"
},
{
"prop": "shiftV",
"description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units"
},
{
"prop": "stacked",
"version": "2.3.0",
"description": "Set this prop to true when placing inside a BIconstack component"
},
{
"prop": "animation",
"version": "2.7.0",
"description": "Animate the icon. Supported built-in animations are 'cylon', 'fade', 'pulse', 'spin' and 'throb'"
}
]
},
{
"component": "BIconBookmarkXFill",
"auto-gen": "bootstrap-icons 1.2.2",
"props": [
{
"prop": "title",
"description": "Text content to place in the title",
"version": "2.17.0"
},
{
"prop": "variant",
"description": "Contextual color variant. By default the icon inherits the current text color"
},
{
"prop": "fontScale",
"description": "Scale the icons current font size"
},
{
"prop": "scale",
"description": "Scales the icon's SVG, without increasing the font size"
},
{
"prop": "rotate",
"description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise"
},
{
"prop": "flipH",
"description": "Flips the icon horizontally"
},
{
"prop": "flipV",
"description": "Flips the icon vertically"
},
{
"prop": "shiftH",
"description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units"
},
{
"prop": "shiftV",
"description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units"
},
{
"prop": "stacked",
"version": "2.3.0",
"description": "Set this prop to true when placing inside a BIconstack component"
},
{
"prop": "animation",
"version": "2.7.0",
"description": "Animate the icon. Supported built-in animations are 'cylon', 'fade', 'pulse', 'spin' and 'throb'"
}
]
},
{
"component": "BIconBookmarks",
"auto-gen": "bootstrap-icons 1.2.2",
"props": [
{
"prop": "title",
"description": "Text content to place in the title",
"version": "2.17.0"
},
{
"prop": "variant",
"description": "Contextual color variant. By default the icon inherits the current text color"
},
{
"prop": "fontScale",
"description": "Scale the icons current font size"
},
{
"prop": "scale",
"description": "Scales the icon's SVG, without increasing the font size"
},
{
"prop": "rotate",
"description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise"
},
{
"prop": "flipH",
"description": "Flips the icon horizontally"
},
{
"prop": "flipV",
"description": "Flips the icon vertically"
},
{
"prop": "shiftH",
"description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units"
},
{
"prop": "shiftV",
"description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units"
},
{
"prop": "stacked",
"version": "2.3.0",
"description": "Set this prop to true when placing inside a BIconstack component"
},
{
"prop": "animation",
"version": "2.7.0",
"description": "Animate the icon. Supported built-in animations are 'cylon', 'fade', 'pulse', 'spin' and 'throb'"
}
]
},
{
"component": "BIconBookmarksFill",
"auto-gen": "bootstrap-icons 1.2.2",
"props": [
{
"prop": "title",
"description": "Text content to place in the title",
"version": "2.17.0"
},
{
"prop": "variant",
"description": "Contextual color variant. By default the icon inherits the current text color"
},
{
"prop": "fontScale",
"description": "Scale the icons current font size"
},
{
"prop": "scale",
"description": "Scales the icon's SVG, without increasing the font size"
},
{
"prop": "rotate",
"description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise"
},
{
"prop": "flipH",
"description": "Flips the icon horizontally"
},
{
"prop": "flipV",
"description": "Flips the icon vertically"
},
{
"prop": "shiftH",
"description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units"
},
{
"prop": "shiftV",
"description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units"
},
{
"prop": "stacked",
"version": "2.3.0",
"description": "Set this prop to true when placing inside a BIconstack component"
},
{
"prop": "animation",
"version": "2.7.0",
"description": "Animate the icon. Supported built-in animations are 'cylon', 'fade', 'pulse', 'spin' and 'throb'"
}
]
},
{
"component": "BIconBookshelf",
"auto-gen": "bootstrap-icons 1.2.2",
"props": [
{
"prop": "title",
"description": "Text content to place in the title",
"version": "2.17.0"
},
{
"prop": "variant",
"description": "Contextual color variant. By default the icon inherits the current text color"
},
{
"prop": "fontScale",
"description": "Scale the icons current font size"
},
{
"prop": "scale",
"description": "Scales the icon's SVG, without increasing the font size"
},
{
"prop": "rotate",
"description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise"
},
{
"prop": "flipH",
"description": "Flips the icon horizontally"
},
{
"prop": "flipV",
"description": "Flips the icon vertically"
},
{
"prop": "shiftH",
"description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units"
},
{
"prop": "shiftV",
"description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units"
},
{
"prop": "stacked",
"version": "2.3.0",
"description": "Set this prop to true when placing inside a BIconstack component"
},
{
"prop": "animation",
"version": "2.7.0",
"description": "Animate the icon. Supported built-in animations are 'cylon', 'fade', 'pulse', 'spin' and 'throb'"
}
]
},
{
"component": "BIconBootstrap",
"auto-gen": "bootstrap-icons 1.2.2",
"props": [
{
"prop": "title",
"description": "Text content to place in the title",
"version": "2.17.0"
},
{
"prop": "variant",
"description": "Contextual color variant. By default the icon inherits the current text color"
},
{
"prop": "fontScale",
"description": "Scale the icons current font size"
},
{
"prop": "scale",
"description": "Scales the icon's SVG, without increasing the font size"
},
{
"prop": "rotate",
"description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise"
},
{
"prop": "flipH",
"description": "Flips the icon horizontally"
},
{
"prop": "flipV",
"description": "Flips the icon vertically"
},
{
"prop": "shiftH",
"description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units"
},
{
"prop": "shiftV",
"description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units"
},
{
"prop": "stacked",
"version": "2.3.0",
"description": "Set this prop to true when placing inside a BIconstack component"
},
{
"prop": "animation",
"version": "2.7.0",
"description": "Animate the icon. Supported built-in animations are 'cylon', 'fade', 'pulse', 'spin' and 'throb'"
}
]
},
{
"component": "BIconBootstrapFill",
"auto-gen": "bootstrap-icons 1.2.2",
"props": [
{
"prop": "title",
"description": "Text content to place in the title",
"version": "2.17.0"
},
{
"prop": "variant",
"description": "Contextual color variant. By default the icon inherits the current text color"
},
{
"prop": "fontScale",
"description": "Scale the icons current font size"
},
{
"prop": "scale",
"description": "Scales the icon's SVG, without increasing the font size"
},
{
"prop": "rotate",
"description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise"
},
{
"prop": "flipH",
"description": "Flips the icon horizontally"
},
{
"prop": "flipV",
"description": "Flips the icon vertically"
},
{
"prop": "shiftH",
"description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units"
},
{
"prop": "shiftV",
"description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units"
},
{
"prop": "stacked",
"version": "2.3.0",
"description": "Set this prop to true when placing inside a BIconstack component"
},
{
"prop": "animation",
"version": "2.7.0",
"description": "Animate the icon. Supported built-in animations are 'cylon', 'fade', 'pulse', 'spin' and 'throb'"
}
]
},
{
"component": "BIconBootstrapReboot",
"auto-gen": "bootstrap-icons 1.2.2",
"props": [
{
"prop": "title",
"description": "Text content to place in the title",
"version": "2.17.0"
},
{
"prop": "variant",
"description": "Contextual color variant. By default the icon inherits the current text color"
},
{
"prop": "fontScale",
"description": "Scale the icons current font size"
},
{
"prop": "scale",
"description": "Scales the icon's SVG, without increasing the font size"
},
{
"prop": "rotate",
"description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise"
},
{
"prop": "flipH",
"description": "Flips the icon horizontally"
},
{
"prop": "flipV",
"description": "Flips the icon vertically"
},
{
"prop": "shiftH",
"description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units"
},
{
"prop": "shiftV",
"description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units"
},
{
"prop": "stacked",
"version": "2.3.0",
"description": "Set this prop to true when placing inside a BIconstack component"
},
{
"prop": "animation",
"version": "2.7.0",
"description": "Animate the icon. Supported built-in animations are 'cylon', 'fade', 'pulse', 'spin' and 'throb'"
}
]
},
{
"component": "BIconBorderStyle",
"auto-gen": "bootstrap-icons 1.2.2",
"props": [
{
"prop": "title",
"description": "Text content to place in the title",
"version": "2.17.0"
},
{
"prop": "variant",
"description": "Contextual color variant. By default the icon inherits the current text color"
},
{
"prop": "fontScale",
"description": "Scale the icons current font size"
},
{
"prop": "scale",
"description": "Scales the icon's SVG, without increasing the font size"
},
{
"prop": "rotate",
"description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise"
},
{
"prop": "flipH",
"description": "Flips the icon horizontally"
},
{
"prop": "flipV",
"description": "Flips the icon vertically"
},
{
"prop": "shiftH",
"description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units"
},
{
"prop": "shiftV",
"description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units"
},
{
"prop": "stacked",
"version": "2.3.0",
"description": "Set this prop to true when placing inside a BIconstack component"
},
{
"prop": "animation",
"version": "2.7.0",
"description": "Animate the icon. Supported built-in animations are 'cylon', 'fade', 'pulse', 'spin' and 'throb'"
}
]
},
{
"component": "BIconBorderWidth",
"auto-gen": "bootstrap-icons 1.2.2",
"props": [
{
"prop": "title",
"description": "Text content to place in the title",
"version": "2.17.0"
},
{
"prop": "variant",
"description": "Contextual color variant. By default the icon inherits the current text color"
},
{
"prop": "fontScale",
"description": "Scale the icons current font size"
},
{
"prop": "scale",
"description": "Scales the icon's SVG, without increasing the font size"
},
{
"prop": "rotate",
"description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise"
},
{
"prop": "flipH",
"description": "Flips the icon horizontally"
},
{
"prop": "flipV",
"description": "Flips the icon vertically"
},
{
"prop": "shiftH",
"description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units"
},
{
"prop": "shiftV",
"description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units"
},
{
"prop": "stacked",
"version": "2.3.0",
"description": "Set this prop to true when placing inside a BIconstack component"
},
{
"prop": "animation",
"version": "2.7.0",
"description": "Animate the icon. Supported built-in animations are 'cylon', 'fade', 'pulse', 'spin' and 'throb'"
}
]
},
{
"component": "BIconBoundingBox",
"auto-gen": "bootstrap-icons 1.2.2",
"props": [
{
"prop": "title",
"description": "Text content to place in the title",
"version": "2.17.0"
},
{
"prop": "variant",
"description": "Contextual color variant. By default the icon inherits the current text color"
},
{
"prop": "fontScale",
"description": "Scale the icons current font size"
},
{
"prop": "scale",
"description": "Scales the icon's SVG, without increasing the font size"
},
{
"prop": "rotate",
"description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise"
},
{
"prop": "flipH",
"description": "Flips the icon horizontally"
},
{
"prop": "flipV",
"description": "Flips the icon vertically"
},
{
"prop": "shiftH",
"description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units"
},
{
"prop": "shiftV",
"description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units"
},
{
"prop": "stacked",
"version": "2.3.0",
"description": "Set this prop to true when placing inside a BIconstack component"
},
{
"prop": "animation",
"version": "2.7.0",
"description": "Animate the icon. Supported built-in animations are 'cylon', 'fade', 'pulse', 'spin' and 'throb'"
}
]
},
{
"component": "BIconBoundingBoxCircles",
"auto-gen": "bootstrap-icons 1.2.2",
"props": [
{
"prop": "title",
"description": "Text content to place in the title",
"version": "2.17.0"
},
{
"prop": "variant",
"description": "Contextual color variant. By default the icon inherits the current text color"
},
{
"prop": "fontScale",
"description": "Scale the icons current font size"
},
{
"prop": "scale",
"description": "Scales the icon's SVG, without increasing the font size"
},
{
"prop": "rotate",
"description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise"
},
{
"prop": "flipH",
"description": "Flips the icon horizontally"
},
{
"prop": "flipV",
"description": "Flips the icon vertically"
},
{
"prop": "shiftH",
"description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units"
},
{
"prop": "shiftV",
"description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units"
},
{
"prop": "stacked",
"version": "2.3.0",
"description": "Set this prop to true when placing inside a BIconstack component"
},
{
"prop": "animation",
"version": "2.7.0",
"description": "Animate the icon. Supported built-in animations are 'cylon', 'fade', 'pulse', 'spin' and 'throb'"
}
]
},
{
"component": "BIconBox",
"auto-gen": "bootstrap-icons 1.2.2",
"props": [
{
"prop": "title",
"description": "Text content to place in the title",
"version": "2.17.0"
},
{
"prop": "variant",
"description": "Contextual color variant. By default the icon inherits the current text color"
},
{
"prop": "fontScale",
"description": "Scale the icons current font size"
},
{
"prop": "scale",
"description": "Scales the icon's SVG, without increasing the font size"
},
{
"prop": "rotate",
"description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise"
},
{
"prop": "flipH",
"description": "Flips the icon horizontally"
},
{
"prop": "flipV",
"description": "Flips the icon vertically"
},
{
"prop": "shiftH",
"description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units"
},
{
"prop": "shiftV",
"description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units"
},
{
"prop": "stacked",
"version": "2.3.0",
"description": "Set this prop to true when placing inside a BIconstack component"
},
{
"prop": "animation",
"version": "2.7.0",
"description": "Animate the icon. Supported built-in animations are 'cylon', 'fade', 'pulse', 'spin' and 'throb'"
}
]
},
{
"component": "BIconBoxArrowDown",
"auto-gen": "bootstrap-icons 1.2.2",
"props": [
{
"prop": "title",
"description": "Text content to place in the title",
"version": "2.17.0"
},
{
"prop": "variant",
"description": "Contextual color variant. By default the icon inherits the current text color"
},
{
"prop": "fontScale",
"description": "Scale the icons current font size"
},
{
"prop": "scale",
"description": "Scales the icon's SVG, without increasing the font size"
},
{
"prop": "rotate",
"description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise"
},
{
"prop": "flipH",
"description": "Flips the icon horizontally"
},
{
"prop": "flipV",
"description": "Flips the icon vertically"
},
{
"prop": "shiftH",
"description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units"
},
{
"prop": "shiftV",
"description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units"
},
{
"prop": "stacked",
"version": "2.3.0",
"description": "Set this prop to true when placing inside a BIconstack component"
},
{
"prop": "animation",
"version": "2.7.0",
"description": "Animate the icon. Supported built-in animations are 'cylon', 'fade', 'pulse', 'spin' and 'throb'"
}
]
},
{
"component": "BIconBoxArrowDownLeft",
"auto-gen": "bootstrap-icons 1.2.2",
"props": [
{
"prop": "title",
"description": "Text content to place in the title",
"version": "2.17.0"
},
{
"prop": "variant",
"description": "Contextual color variant. By default the icon inherits the current text color"
},
{
"prop": "fontScale",
"description": "Scale the icons current font size"
},
{
"prop": "scale",
"description": "Scales the icon's SVG, without increasing the font size"
},
{
"prop": "rotate",
"description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise"
},
{
"prop": "flipH",
"description": "Flips the icon horizontally"
},
{
"prop": "flipV",
"description": "Flips the icon vertically"
},
{
"prop": "shiftH",
"description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units"
},
{
"prop": "shiftV",
"description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units"
},
{
"prop": "stacked",
"version": "2.3.0",
"description": "Set this prop to true when placing inside a BIconstack component"
},
{
"prop": "animation",
"version": "2.7.0",
"description": "Animate the icon. Supported built-in animations are 'cylon', 'fade', 'pulse', 'spin' and 'throb'"
}
]
},
{
"component": "BIconBoxArrowDownRight",
"auto-gen": "bootstrap-icons 1.2.2",
"props": [
{
"prop": "title",
"description": "Text content to place in the title",
"version": "2.17.0"
},
{
"prop": "variant",
"description": "Contextual color variant. By default the icon inherits the current text color"
},
{
"prop": "fontScale",
"description": "Scale the icons current font size"
},
{
"prop": "scale",
"description": "Scales the icon's SVG, without increasing the font size"
},
{
"prop": "rotate",
"description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise"
},
{
"prop": "flipH",
"description": "Flips the icon horizontally"
},
{
"prop": "flipV",
"description": "Flips the icon vertically"
},
{
"prop": "shiftH",
"description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units"
},
{
"prop": "shiftV",
"description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units"
},
{
"prop": "stacked",
"version": "2.3.0",
"description": "Set this prop to true when placing inside a BIconstack component"
},
{
"prop": "animation",
"version": "2.7.0",
"description": "Animate the icon. Supported built-in animations are 'cylon', 'fade', 'pulse', 'spin' and 'throb'"
}
]
},
{
"component": "BIconBoxArrowInDown",
"auto-gen": "bootstrap-icons 1.2.2",
"props": [
{
"prop": "title",
"description": "Text content to place in the title",
"version": "2.17.0"
},
{
"prop": "variant",
"description": "Contextual color variant. By default the icon inherits the current text color"
},
{
"prop": "fontScale",
"description": "Scale the icons current font size"
},
{
"prop": "scale",
"description": "Scales the icon's SVG, without increasing the font size"
},
{
"prop": "rotate",
"description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise"
},
{
"prop": "flipH",
"description": "Flips the icon horizontally"
},
{
"prop": "flipV",
"description": "Flips the icon vertically"
},
{
"prop": "shiftH",
"description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units"
},
{
"prop": "shiftV",
"description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units"
},
{
"prop": "stacked",
"version": "2.3.0",
"description": "Set this prop to true when placing inside a BIconstack component"
},
{
"prop": "animation",
"version": "2.7.0",
"description": "Animate the icon. Supported built-in animations are 'cylon', 'fade', 'pulse', 'spin' and 'throb'"
}
]
},
{
"component": "BIconBoxArrowInDownLeft",
"auto-gen": "bootstrap-icons 1.2.2",
"props": [
{
"prop": "title",
"description": "Text content to place in the title",
"version": "2.17.0"
},
{
"prop": "variant",
"description": "Contextual color variant. By default the icon inherits the current text color"
},
{
"prop": "fontScale",
"description": "Scale the icons current font size"
},
{
"prop": "scale",
"description": "Scales the icon's SVG, without increasing the font size"
},
{
"prop": "rotate",
"description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise"
},
{
"prop": "flipH",
"description": "Flips the icon horizontally"
},
{
"prop": "flipV",
"description": "Flips the icon vertically"
},
{
"prop": "shiftH",
"description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units"
},
{
"prop": "shiftV",
"description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units"
},
{
"prop": "stacked",
"version": "2.3.0",
"description": "Set this prop to true when placing inside a BIconstack component"
},
{
"prop": "animation",
"version": "2.7.0",
"description": "Animate the icon. Supported built-in animations are 'cylon', 'fade', 'pulse', 'spin' and 'throb'"
}
]
},
{
"component": "BIconBoxArrowInDownRight",
"auto-gen": "bootstrap-icons 1.2.2",
"props": [
{
"prop": "title",
"description": "Text content to place in the title",
"version": "2.17.0"
},
{
"prop": "variant",
"description": "Contextual color variant. By default the icon inherits the current text color"
},
{
"prop": "fontScale",
"description": "Scale the icons current font size"
},
{
"prop": "scale",
"description": "Scales the icon's SVG, without increasing the font size"
},
{
"prop": "rotate",
"description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise"
},
{
"prop": "flipH",
"description": "Flips the icon horizontally"
},
{
"prop": "flipV",
"description": "Flips the icon vertically"
},
{
"prop": "shiftH",
"description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units"
},
{
"prop": "shiftV",
"description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units"
},
{
"prop": "stacked",
"version": "2.3.0",
"description": "Set this prop to true when placing inside a BIconstack component"
},
{
"prop": "animation",
"version": "2.7.0",
"description": "Animate the icon. Supported built-in animations are 'cylon', 'fade', 'pulse', 'spin' and 'throb'"
}
]
},
{
"component": "BIconBoxArrowInLeft",
"auto-gen": "bootstrap-icons 1.2.2",
"props": [
{
"prop": "title",
"description": "Text content to place in the title",
"version": "2.17.0"
},
{
"prop": "variant",
"description": "Contextual color variant. By default the icon inherits the current text color"
},
{
"prop": "fontScale",
"description": "Scale the icons current font size"
},
{
"prop": "scale",
"description": "Scales the icon's SVG, without increasing the font size"
},
{
"prop": "rotate",
"description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise"
},
{
"prop": "flipH",
"description": "Flips the icon horizontally"
},
{
"prop": "flipV",
"description": "Flips the icon vertically"
},
{
"prop": "shiftH",
"description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units"
},
{
"prop": "shiftV",
"description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units"
},
{
"prop": "stacked",
"version": "2.3.0",
"description": "Set this prop to true when placing inside a BIconstack component"
},
{
"prop": "animation",
"version": "2.7.0",
"description": "Animate the icon. Supported built-in animations are 'cylon', 'fade', 'pulse', 'spin' and 'throb'"
}
]
},
{
"component": "BIconBoxArrowInRight",
"auto-gen": "bootstrap-icons 1.2.2",
"props": [
{
"prop": "title",
"description": "Text content to place in the title",
"version": "2.17.0"
},
{
"prop": "variant",
"description": "Contextual color variant. By default the icon inherits the current text color"
},
{
"prop": "fontScale",
"description": "Scale the icons current font size"
},
{
"prop": "scale",
"description": "Scales the icon's SVG, without increasing the font size"
},
{
"prop": "rotate",
"description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise"
},
{
"prop": "flipH",
"description": "Flips the icon horizontally"
},
{
"prop": "flipV",
"description": "Flips the icon vertically"
},
{
"prop": "shiftH",
"description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units"
},
{
"prop": "shiftV",
"description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units"
},
{
"prop": "stacked",
"version": "2.3.0",
"description": "Set this prop to true when placing inside a BIconstack component"
},
{
"prop": "animation",
"version": "2.7.0",
"description": "Animate the icon. Supported built-in animations are 'cylon', 'fade', 'pulse', 'spin' and 'throb'"
}
]
},
{
"component": "BIconBoxArrowInUp",
"auto-gen": "bootstrap-icons 1.2.2",
"props": [
{
"prop": "title",
"description": "Text content to place in the title",
"version": "2.17.0"
},
{
"prop": "variant",
"description": "Contextual color variant. By default the icon inherits the current text color"
},
{
"prop": "fontScale",
"description": "Scale the icons current font size"
},
{
"prop": "scale",
"description": "Scales the icon's SVG, without increasing the font size"
},
{
"prop": "rotate",
"description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise"
},
{
"prop": "flipH",
"description": "Flips the icon horizontally"
},
{
"prop": "flipV",
"description": "Flips the icon vertically"
},
{
"prop": "shiftH",
"description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units"
},
{
"prop": "shiftV",
"description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units"
},
{
"prop": "stacked",
"version": "2.3.0",
"description": "Set this prop to true when placing inside a BIconstack component"
},
{
"prop": "animation",
"version": "2.7.0",
"description": "Animate the icon. Supported built-in animations are 'cylon', 'fade', 'pulse', 'spin' and 'throb'"
}
]
},
{
"component": "BIconBoxArrowInUpLeft",
"auto-gen": "bootstrap-icons 1.2.2",
"props": [
{
"prop": "title",
"description": "Text content to place in the title",
"version": "2.17.0"
},
{
"prop": "variant",
"description": "Contextual color variant. By default the icon inherits the current text color"
},
{
"prop": "fontScale",
"description": "Scale the icons current font size"
},
{
"prop": "scale",
"description": "Scales the icon's SVG, without increasing the font size"
},
{
"prop": "rotate",
"description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise"
},
{
"prop": "flipH",
"description": "Flips the icon horizontally"
},
{
"prop": "flipV",
"description": "Flips the icon vertically"
},
{
"prop": "shiftH",
"description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units"
},
{
"prop": "shiftV",
"description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units"
},
{
"prop": "stacked",
"version": "2.3.0",
"description": "Set this prop to true when placing inside a BIconstack component"
},
{
"prop": "animation",
"version": "2.7.0",
"description": "Animate the icon. Supported built-in animations are 'cylon', 'fade', 'pulse', 'spin' and 'throb'"
}
]
},
{
"component": "BIconBoxArrowInUpRight",
"auto-gen": "bootstrap-icons 1.2.2",
"props": [
{
"prop": "title",
"description": "Text content to place in the title",
"version": "2.17.0"
},
{
"prop": "variant",
"description": "Contextual color variant. By default the icon inherits the current text color"
},
{
"prop": "fontScale",
"description": "Scale the icons current font size"
},
{
"prop": "scale",
"description": "Scales the icon's SVG, without increasing the font size"
},
{
"prop": "rotate",
"description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise"
},
{
"prop": "flipH",
"description": "Flips the icon horizontally"
},
{
"prop": "flipV",
"description": "Flips the icon vertically"
},
{
"prop": "shiftH",
"description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units"
},
{
"prop": "shiftV",
"description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units"
},
{
"prop": "stacked",
"version": "2.3.0",
"description": "Set this prop to true when placing inside a BIconstack component"
},
{
"prop": "animation",
"version": "2.7.0",
"description": "Animate the icon. Supported built-in animations are 'cylon', 'fade', 'pulse', 'spin' and 'throb'"
}
]
},
{
"component": "BIconBoxArrowLeft",
"auto-gen": "bootstrap-icons 1.2.2",
"props": [
{
"prop": "title",
"description": "Text content to place in the title",
"version": "2.17.0"
},
{
"prop": "variant",
"description": "Contextual color variant. By default the icon inherits the current text color"
},
{
"prop": "fontScale",
"description": "Scale the icons current font size"
},
{
"prop": "scale",
"description": "Scales the icon's SVG, without increasing the font size"
},
{
"prop": "rotate",
"description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise"
},
{
"prop": "flipH",
"description": "Flips the icon horizontally"
},
{
"prop": "flipV",
"description": "Flips the icon vertically"
},
{
"prop": "shiftH",
"description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units"
},
{
"prop": "shiftV",
"description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units"
},
{
"prop": "stacked",
"version": "2.3.0",
"description": "Set this prop to true when placing inside a BIconstack component"
},
{
"prop": "animation",
"version": "2.7.0",
"description": "Animate the icon. Supported built-in animations are 'cylon', 'fade', 'pulse', 'spin' and 'throb'"
}
]
},
{
"component": "BIconBoxArrowRight",
"auto-gen": "bootstrap-icons 1.2.2",
"props": [
{
"prop": "title",
"description": "Text content to place in the title",
"version": "2.17.0"
},
{
"prop": "variant",
"description": "Contextual color variant. By default the icon inherits the current text color"
},
{
"prop": "fontScale",
"description": "Scale the icons current font size"
},
{
"prop": "scale",
"description": "Scales the icon's SVG, without increasing the font size"
},
{
"prop": "rotate",
"description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise"
},
{
"prop": "flipH",
"description": "Flips the icon horizontally"
},
{
"prop": "flipV",
"description": "Flips the icon vertically"
},
{
"prop": "shiftH",
"description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units"
},
{
"prop": "shiftV",
"description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units"
},
{
"prop": "stacked",
"version": "2.3.0",
"description": "Set this prop to true when placing inside a BIconstack component"
},
{
"prop": "animation",
"version": "2.7.0",
"description": "Animate the icon. Supported built-in animations are 'cylon', 'fade', 'pulse', 'spin' and 'throb'"
}
]
},
{
"component": "BIconBoxArrowUp",
"auto-gen": "bootstrap-icons 1.2.2",
"props": [
{
"prop": "title",
"description": "Text content to place in the title",
"version": "2.17.0"
},
{
"prop": "variant",
"description": "Contextual color variant. By default the icon inherits the current text color"
},
{
"prop": "fontScale",
"description": "Scale the icons current font size"
},
{
"prop": "scale",
"description": "Scales the icon's SVG, without increasing the font size"
},
{
"prop": "rotate",
"description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise"
},
{
"prop": "flipH",
"description": "Flips the icon horizontally"
},
{
"prop": "flipV",
"description": "Flips the icon vertically"
},
{
"prop": "shiftH",
"description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units"
},
{
"prop": "shiftV",
"description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units"
},
{
"prop": "stacked",
"version": "2.3.0",
"description": "Set this prop to true when placing inside a BIconstack component"
},
{
"prop": "animation",
"version": "2.7.0",
"description": "Animate the icon. Supported built-in animations are 'cylon', 'fade', 'pulse', 'spin' and 'throb'"
}
]
},
{
"component": "BIconBoxArrowUpLeft",
"auto-gen": "bootstrap-icons 1.2.2",
"props": [
{
"prop": "title",
"description": "Text content to place in the title",
"version": "2.17.0"
},
{
"prop": "variant",
"description": "Contextual color variant. By default the icon inherits the current text color"
},
{
"prop": "fontScale",
"description": "Scale the icons current font size"
},
{
"prop": "scale",
"description": "Scales the icon's SVG, without increasing the font size"
},
{
"prop": "rotate",
"description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise"
},
{
"prop": "flipH",
"description": "Flips the icon horizontally"
},
{
"prop": "flipV",
"description": "Flips the icon vertically"
},
{
"prop": "shiftH",
"description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units"
},
{
"prop": "shiftV",
"description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units"
},
{
"prop": "stacked",
"version": "2.3.0",
"description": "Set this prop to true when placing inside a BIconstack component"
},
{
"prop": "animation",
"version": "2.7.0",
"description": "Animate the icon. Supported built-in animations are 'cylon', 'fade', 'pulse', 'spin' and 'throb'"
}
]
},
{
"component": "BIconBoxArrowUpRight",
"auto-gen": "bootstrap-icons 1.2.2",
"props": [
{
"prop": "title",
"description": "Text content to place in the title",
"version": "2.17.0"
},
{
"prop": "variant",
"description": "Contextual color variant. By default the icon inherits the current text color"
},
{
"prop": "fontScale",
"description": "Scale the icons current font size"
},
{
"prop": "scale",
"description": "Scales the icon's SVG, without increasing the font size"
},
{
"prop": "rotate",
"description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise"
},
{
"prop": "flipH",
"description": "Flips the icon horizontally"
},
{
"prop": "flipV",
"description": "Flips the icon vertically"
},
{
"prop": "shiftH",
"description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units"
},
{
"prop": "shiftV",
"description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units"
},
{
"prop": "stacked",
"version": "2.3.0",
"description": "Set this prop to true when placing inside a BIconstack component"
},
{
"prop": "animation",
"version": "2.7.0",
"description": "Animate the icon. Supported built-in animations are 'cylon', 'fade', 'pulse', 'spin' and 'throb'"
}
]
},
{
"component": "BIconBoxSeam",
"auto-gen": "bootstrap-icons 1.2.2",
"props": [
{
"prop": "title",
"description": "Text content to place in the title",
"version": "2.17.0"
},
{
"prop": "variant",
"description": "Contextual color variant. By default the icon inherits the current text color"
},
{
"prop": "fontScale",
"description": "Scale the icons current font size"
},
{
"prop": "scale",
"description": "Scales the icon's SVG, without increasing the font size"
},
{
"prop": "rotate",
"description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise"
},
{
"prop": "flipH",
"description": "Flips the icon horizontally"
},
{
"prop": "flipV",
"description": "Flips the icon vertically"
},
{
"prop": "shiftH",
"description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units"
},
{
"prop": "shiftV",
"description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units"
},
{
"prop": "stacked",
"version": "2.3.0",
"description": "Set this prop to true when placing inside a BIconstack component"
},
{
"prop": "animation",
"version": "2.7.0",
"description": "Animate the icon. Supported built-in animations are 'cylon', 'fade', 'pulse', 'spin' and 'throb'"
}
]
},
{
"component": "BIconBraces",
"auto-gen": "bootstrap-icons 1.2.2",
"props": [
{
"prop": "title",
"description": "Text content to place in the title",
"version": "2.17.0"
},
{
"prop": "variant",
"description": "Contextual color variant. By default the icon inherits the current text color"
},
{
"prop": "fontScale",
"description": "Scale the icons current font size"
},
{
"prop": "scale",
"description": "Scales the icon's SVG, without increasing the font size"
},
{
"prop": "rotate",
"description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise"
},
{
"prop": "flipH",
"description": "Flips the icon horizontally"
},
{
"prop": "flipV",
"description": "Flips the icon vertically"
},
{
"prop": "shiftH",
"description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units"
},
{
"prop": "shiftV",
"description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units"
},
{
"prop": "stacked",
"version": "2.3.0",
"description": "Set this prop to true when placing inside a BIconstack component"
},
{
"prop": "animation",
"version": "2.7.0",
"description": "Animate the icon. Supported built-in animations are 'cylon', 'fade', 'pulse', 'spin' and 'throb'"
}
]
},
{
"component": "BIconBricks",
"auto-gen": "bootstrap-icons 1.2.2",
"props": [
{
"prop": "title",
"description": "Text content to place in the title",
"version": "2.17.0"
},
{
"prop": "variant",
"description": "Contextual color variant. By default the icon inherits the current text color"
},
{
"prop": "fontScale",
"description": "Scale the icons current font size"
},
{
"prop": "scale",
"description": "Scales the icon's SVG, without increasing the font size"
},
{
"prop": "rotate",
"description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise"
},
{
"prop": "flipH",
"description": "Flips the icon horizontally"
},
{
"prop": "flipV",
"description": "Flips the icon vertically"
},
{
"prop": "shiftH",
"description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units"
},
{
"prop": "shiftV",
"description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units"
},
{
"prop": "stacked",
"version": "2.3.0",
"description": "Set this prop to true when placing inside a BIconstack component"
},
{
"prop": "animation",
"version": "2.7.0",
"description": "Animate the icon. Supported built-in animations are 'cylon', 'fade', 'pulse', 'spin' and 'throb'"
}
]
},
{
"component": "BIconBriefcase",
"auto-gen": "bootstrap-icons 1.2.2",
"props": [
{
"prop": "title",
"description": "Text content to place in the title",
"version": "2.17.0"
},
{
"prop": "variant",
"description": "Contextual color variant. By default the icon inherits the current text color"
},
{
"prop": "fontScale",
"description": "Scale the icons current font size"
},
{
"prop": "scale",
"description": "Scales the icon's SVG, without increasing the font size"
},
{
"prop": "rotate",
"description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise"
},
{
"prop": "flipH",
"description": "Flips the icon horizontally"
},
{
"prop": "flipV",
"description": "Flips the icon vertically"
},
{
"prop": "shiftH",
"description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units"
},
{
"prop": "shiftV",
"description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units"
},
{
"prop": "stacked",
"version": "2.3.0",
"description": "Set this prop to true when placing inside a BIconstack component"
},
{
"prop": "animation",
"version": "2.7.0",
"description": "Animate the icon. Supported built-in animations are 'cylon', 'fade', 'pulse', 'spin' and 'throb'"
}
]
},
{
"component": "BIconBriefcaseFill",
"auto-gen": "bootstrap-icons 1.2.2",
"props": [
{
"prop": "title",
"description": "Text content to place in the title",
"version": "2.17.0"
},
{
"prop": "variant",
"description": "Contextual color variant. By default the icon inherits the current text color"
},
{
"prop": "fontScale",
"description": "Scale the icons current font size"
},
{
"prop": "scale",
"description": "Scales the icon's SVG, without increasing the font size"
},
{
"prop": "rotate",
"description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise"
},
{
"prop": "flipH",
"description": "Flips the icon horizontally"
},
{
"prop": "flipV",
"description": "Flips the icon vertically"
},
{
"prop": "shiftH",
"description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units"
},
{
"prop": "shiftV",
"description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units"
},
{
"prop": "stacked",
"version": "2.3.0",
"description": "Set this prop to true when placing inside a BIconstack component"
},
{
"prop": "animation",
"version": "2.7.0",
"description": "Animate the icon. Supported built-in animations are 'cylon', 'fade', 'pulse', 'spin' and 'throb'"
}
]
},
{
"component": "BIconBrightnessAltHigh",
"auto-gen": "bootstrap-icons 1.2.2",
"props": [
{
"prop": "title",
"description": "Text content to place in the title",
"version": "2.17.0"
},
{
"prop": "variant",
"description": "Contextual color variant. By default the icon inherits the current text color"
},
{
"prop": "fontScale",
"description": "Scale the icons current font size"
},
{
"prop": "scale",
"description": "Scales the icon's SVG, without increasing the font size"
},
{
"prop": "rotate",
"description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise"
},
{
"prop": "flipH",
"description": "Flips the icon horizontally"
},
{
"prop": "flipV",
"description": "Flips the icon vertically"
},
{
"prop": "shiftH",
"description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units"
},
{
"prop": "shiftV",
"description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units"
},
{
"prop": "stacked",
"version": "2.3.0",
"description": "Set this prop to true when placing inside a BIconstack component"
},
{
"prop": "animation",
"version": "2.7.0",
"description": "Animate the icon. Supported built-in animations are 'cylon', 'fade', 'pulse', 'spin' and 'throb'"
}
]
},
{
"component": "BIconBrightnessAltHighFill",
"auto-gen": "bootstrap-icons 1.2.2",
"props": [
{
"prop": "title",
"description": "Text content to place in the title",
"version": "2.17.0"
},
{
"prop": "variant",
"description": "Contextual color variant. By default the icon inherits the current text color"
},
{
"prop": "fontScale",
"description": "Scale the icons current font size"
},
{
"prop": "scale",
"description": "Scales the icon's SVG, without increasing the font size"
},
{
"prop": "rotate",
"description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise"
},
{
"prop": "flipH",
"description": "Flips the icon horizontally"
},
{
"prop": "flipV",
"description": "Flips the icon vertically"
},
{
"prop": "shiftH",
"description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units"
},
{
"prop": "shiftV",
"description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units"
},
{
"prop": "stacked",
"version": "2.3.0",
"description": "Set this prop to true when placing inside a BIconstack component"
},
{
"prop": "animation",
"version": "2.7.0",
"description": "Animate the icon. Supported built-in animations are 'cylon', 'fade', 'pulse', 'spin' and 'throb'"
}
]
},
{
"component": "BIconBrightnessAltLow",
"auto-gen": "bootstrap-icons 1.2.2",
"props": [
{
"prop": "title",
"description": "Text content to place in the title",
"version": "2.17.0"
},
{
"prop": "variant",
"description": "Contextual color variant. By default the icon inherits the current text color"
},
{
"prop": "fontScale",
"description": "Scale the icons current font size"
},
{
"prop": "scale",
"description": "Scales the icon's SVG, without increasing the font size"
},
{
"prop": "rotate",
"description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise"
},
{
"prop": "flipH",
"description": "Flips the icon horizontally"
},
{
"prop": "flipV",
"description": "Flips the icon vertically"
},
{
"prop": "shiftH",
"description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units"
},
{
"prop": "shiftV",
"description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units"
},
{
"prop": "stacked",
"version": "2.3.0",
"description": "Set this prop to true when placing inside a BIconstack component"
},
{
"prop": "animation",
"version": "2.7.0",
"description": "Animate the icon. Supported built-in animations are 'cylon', 'fade', 'pulse', 'spin' and 'throb'"
}
]
},
{
"component": "BIconBrightnessAltLowFill",
"auto-gen": "bootstrap-icons 1.2.2",
"props": [
{
"prop": "title",
"description": "Text content to place in the title",
"version": "2.17.0"
},
{
"prop": "variant",
"description": "Contextual color variant. By default the icon inherits the current text color"
},
{
"prop": "fontScale",
"description": "Scale the icons current font size"
},
{
"prop": "scale",
"description": "Scales the icon's SVG, without increasing the font size"
},
{
"prop": "rotate",
"description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise"
},
{
"prop": "flipH",
"description": "Flips the icon horizontally"
},
{
"prop": "flipV",
"description": "Flips the icon vertically"
},
{
"prop": "shiftH",
"description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units"
},
{
"prop": "shiftV",
"description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units"
},
{
"prop": "stacked",
"version": "2.3.0",
"description": "Set this prop to true when placing inside a BIconstack component"
},
{
"prop": "animation",
"version": "2.7.0",
"description": "Animate the icon. Supported built-in animations are 'cylon', 'fade', 'pulse', 'spin' and 'throb'"
}
]
},
{
"component": "BIconBrightnessHigh",
"auto-gen": "bootstrap-icons 1.2.2",
"props": [
{
"prop": "title",
"description": "Text content to place in the title",
"version": "2.17.0"
},
{
"prop": "variant",
"description": "Contextual color variant. By default the icon inherits the current text color"
},
{
"prop": "fontScale",
"description": "Scale the icons current font size"
},
{
"prop": "scale",
"description": "Scales the icon's SVG, without increasing the font size"
},
{
"prop": "rotate",
"description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise"
},
{
"prop": "flipH",
"description": "Flips the icon horizontally"
},
{
"prop": "flipV",
"description": "Flips the icon vertically"
},
{
"prop": "shiftH",
"description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units"
},
{
"prop": "shiftV",
"description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units"
},
{
"prop": "stacked",
"version": "2.3.0",
"description": "Set this prop to true when placing inside a BIconstack component"
},
{
"prop": "animation",
"version": "2.7.0",
"description": "Animate the icon. Supported built-in animations are 'cylon', 'fade', 'pulse', 'spin' and 'throb'"
}
]
},
{
"component": "BIconBrightnessHighFill",
"auto-gen": "bootstrap-icons 1.2.2",
"props": [
{
"prop": "title",
"description": "Text content to place in the title",
"version": "2.17.0"
},
{
"prop": "variant",
"description": "Contextual color variant. By default the icon inherits the current text color"
},
{
"prop": "fontScale",
"description": "Scale the icons current font size"
},
{
"prop": "scale",
"description": "Scales the icon's SVG, without increasing the font size"
},
{
"prop": "rotate",
"description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise"
},
{
"prop": "flipH",
"description": "Flips the icon horizontally"
},
{
"prop": "flipV",
"description": "Flips the icon vertically"
},
{
"prop": "shiftH",
"description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units"
},
{
"prop": "shiftV",
"description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units"
},
{
"prop": "stacked",
"version": "2.3.0",
"description": "Set this prop to true when placing inside a BIconstack component"
},
{
"prop": "animation",
"version": "2.7.0",
"description": "Animate the icon. Supported built-in animations are 'cylon', 'fade', 'pulse', 'spin' and 'throb'"
}
]
},
{
"component": "BIconBrightnessLow",
"auto-gen": "bootstrap-icons 1.2.2",
"props": [
{
"prop": "title",
"description": "Text content to place in the title",
"version": "2.17.0"
},
{
"prop": "variant",
"description": "Contextual color variant. By default the icon inherits the current text color"
},
{
"prop": "fontScale",
"description": "Scale the icons current font size"
},
{
"prop": "scale",
"description": "Scales the icon's SVG, without increasing the font size"
},
{
"prop": "rotate",
"description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise"
},
{
"prop": "flipH",
"description": "Flips the icon horizontally"
},
{
"prop": "flipV",
"description": "Flips the icon vertically"
},
{
"prop": "shiftH",
"description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units"
},
{
"prop": "shiftV",
"description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units"
},
{
"prop": "stacked",
"version": "2.3.0",
"description": "Set this prop to true when placing inside a BIconstack component"
},
{
"prop": "animation",
"version": "2.7.0",
"description": "Animate the icon. Supported built-in animations are 'cylon', 'fade', 'pulse', 'spin' and 'throb'"
}
]
},
{
"component": "BIconBrightnessLowFill",
"auto-gen": "bootstrap-icons 1.2.2",
"props": [
{
"prop": "title",
"description": "Text content to place in the title",
"version": "2.17.0"
},
{
"prop": "variant",
"description": "Contextual color variant. By default the icon inherits the current text color"
},
{
"prop": "fontScale",
"description": "Scale the icons current font size"
},
{
"prop": "scale",
"description": "Scales the icon's SVG, without increasing the font size"
},
{
"prop": "rotate",
"description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise"
},
{
"prop": "flipH",
"description": "Flips the icon horizontally"
},
{
"prop": "flipV",
"description": "Flips the icon vertically"
},
{
"prop": "shiftH",
"description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units"
},
{
"prop": "shiftV",
"description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units"
},
{
"prop": "stacked",
"version": "2.3.0",
"description": "Set this prop to true when placing inside a BIconstack component"
},
{
"prop": "animation",
"version": "2.7.0",
"description": "Animate the icon. Supported built-in animations are 'cylon', 'fade', 'pulse', 'spin' and 'throb'"
}
]
},
{
"component": "BIconBroadcast",
"auto-gen": "bootstrap-icons 1.2.2",
"props": [
{
"prop": "title",
"description": "Text content to place in the title",
"version": "2.17.0"
},
{
"prop": "variant",
"description": "Contextual color variant. By default the icon inherits the current text color"
},
{
"prop": "fontScale",
"description": "Scale the icons current font size"
},
{
"prop": "scale",
"description": "Scales the icon's SVG, without increasing the font size"
},
{
"prop": "rotate",
"description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise"
},
{
"prop": "flipH",
"description": "Flips the icon horizontally"
},
{
"prop": "flipV",
"description": "Flips the icon vertically"
},
{
"prop": "shiftH",
"description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units"
},
{
"prop": "shiftV",
"description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units"
},
{
"prop": "stacked",
"version": "2.3.0",
"description": "Set this prop to true when placing inside a BIconstack component"
},
{
"prop": "animation",
"version": "2.7.0",
"description": "Animate the icon. Supported built-in animations are 'cylon', 'fade', 'pulse', 'spin' and 'throb'"
}
]
},
{
"component": "BIconBroadcastPin",
"auto-gen": "bootstrap-icons 1.2.2",
"props": [
{
"prop": "title",
"description": "Text content to place in the title",
"version": "2.17.0"
},
{
"prop": "variant",
"description": "Contextual color variant. By default the icon inherits the current text color"
},
{
"prop": "fontScale",
"description": "Scale the icons current font size"
},
{
"prop": "scale",
"description": "Scales the icon's SVG, without increasing the font size"
},
{
"prop": "rotate",
"description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise"
},
{
"prop": "flipH",
"description": "Flips the icon horizontally"
},
{
"prop": "flipV",
"description": "Flips the icon vertically"
},
{
"prop": "shiftH",
"description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units"
},
{
"prop": "shiftV",
"description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units"
},
{
"prop": "stacked",
"version": "2.3.0",
"description": "Set this prop to true when placing inside a BIconstack component"
},
{
"prop": "animation",
"version": "2.7.0",
"description": "Animate the icon. Supported built-in animations are 'cylon', 'fade', 'pulse', 'spin' and 'throb'"
}
]
},
{
"component": "BIconBrush",
"auto-gen": "bootstrap-icons 1.2.2",
"props": [
{
"prop": "title",
"description": "Text content to place in the title",
"version": "2.17.0"
},
{
"prop": "variant",
"description": "Contextual color variant. By default the icon inherits the current text color"
},
{
"prop": "fontScale",
"description": "Scale the icons current font size"
},
{
"prop": "scale",
"description": "Scales the icon's SVG, without increasing the font size"
},
{
"prop": "rotate",
"description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise"
},
{
"prop": "flipH",
"description": "Flips the icon horizontally"
},
{
"prop": "flipV",
"description": "Flips the icon vertically"
},
{
"prop": "shiftH",
"description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units"
},
{
"prop": "shiftV",
"description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units"
},
{
"prop": "stacked",
"version": "2.3.0",
"description": "Set this prop to true when placing inside a BIconstack component"
},
{
"prop": "animation",
"version": "2.7.0",
"description": "Animate the icon. Supported built-in animations are 'cylon', 'fade', 'pulse', 'spin' and 'throb'"
}
]
},
{
"component": "BIconBrushFill",
"auto-gen": "bootstrap-icons 1.2.2",
"props": [
{
"prop": "title",
"description": "Text content to place in the title",
"version": "2.17.0"
},
{
"prop": "variant",
"description": "Contextual color variant. By default the icon inherits the current text color"
},
{
"prop": "fontScale",
"description": "Scale the icons current font size"
},
{
"prop": "scale",
"description": "Scales the icon's SVG, without increasing the font size"
},
{
"prop": "rotate",
"description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise"
},
{
"prop": "flipH",
"description": "Flips the icon horizontally"
},
{
"prop": "flipV",
"description": "Flips the icon vertically"
},
{
"prop": "shiftH",
"description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units"
},
{
"prop": "shiftV",
"description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units"
},
{
"prop": "stacked",
"version": "2.3.0",
"description": "Set this prop to true when placing inside a BIconstack component"
},
{
"prop": "animation",
"version": "2.7.0",
"description": "Animate the icon. Supported built-in animations are 'cylon', 'fade', 'pulse', 'spin' and 'throb'"
}
]
},
{
"component": "BIconBucket",
"auto-gen": "bootstrap-icons 1.2.2",
"props": [
{
"prop": "title",
"description": "Text content to place in the title",
"version": "2.17.0"
},
{
"prop": "variant",
"description": "Contextual color variant. By default the icon inherits the current text color"
},
{
"prop": "fontScale",
"description": "Scale the icons current font size"
},
{
"prop": "scale",
"description": "Scales the icon's SVG, without increasing the font size"
},
{
"prop": "rotate",
"description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise"
},
{
"prop": "flipH",
"description": "Flips the icon horizontally"
},
{
"prop": "flipV",
"description": "Flips the icon vertically"
},
{
"prop": "shiftH",
"description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units"
},
{
"prop": "shiftV",
"description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units"
},
{
"prop": "stacked",
"version": "2.3.0",
"description": "Set this prop to true when placing inside a BIconstack component"
},
{
"prop": "animation",
"version": "2.7.0",
"description": "Animate the icon. Supported built-in animations are 'cylon', 'fade', 'pulse', 'spin' and 'throb'"
}
]
},
{
"component": "BIconBucketFill",
"auto-gen": "bootstrap-icons 1.2.2",
"props": [
{
"prop": "title",
"description": "Text content to place in the title",
"version": "2.17.0"
},
{
"prop": "variant",
"description": "Contextual color variant. By default the icon inherits the current text color"
},
{
"prop": "fontScale",
"description": "Scale the icons current font size"
},
{
"prop": "scale",
"description": "Scales the icon's SVG, without increasing the font size"
},
{
"prop": "rotate",
"description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise"
},
{
"prop": "flipH",
"description": "Flips the icon horizontally"
},
{
"prop": "flipV",
"description": "Flips the icon vertically"
},
{
"prop": "shiftH",
"description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units"
},
{
"prop": "shiftV",
"description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units"
},
{
"prop": "stacked",
"version": "2.3.0",
"description": "Set this prop to true when placing inside a BIconstack component"
},
{
"prop": "animation",
"version": "2.7.0",
"description": "Animate the icon. Supported built-in animations are 'cylon', 'fade', 'pulse', 'spin' and 'throb'"
}
]
},
{
"component": "BIconBug",
"auto-gen": "bootstrap-icons 1.2.2",
"props": [
{
"prop": "title",
"description": "Text content to place in the title",
"version": "2.17.0"
},
{
"prop": "variant",
"description": "Contextual color variant. By default the icon inherits the current text color"
},
{
"prop": "fontScale",
"description": "Scale the icons current font size"
},
{
"prop": "scale",
"description": "Scales the icon's SVG, without increasing the font size"
},
{
"prop": "rotate",
"description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise"
},
{
"prop": "flipH",
"description": "Flips the icon horizontally"
},
{
"prop": "flipV",
"description": "Flips the icon vertically"
},
{
"prop": "shiftH",
"description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units"
},
{
"prop": "shiftV",
"description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units"
},
{
"prop": "stacked",
"version": "2.3.0",
"description": "Set this prop to true when placing inside a BIconstack component"
},
{
"prop": "animation",
"version": "2.7.0",
"description": "Animate the icon. Supported built-in animations are 'cylon', 'fade', 'pulse', 'spin' and 'throb'"
}
]
},
{
"component": "BIconBugFill",
"auto-gen": "bootstrap-icons 1.2.2",
"props": [
{
"prop": "title",
"description": "Text content to place in the title",
"version": "2.17.0"
},
{
"prop": "variant",
"description": "Contextual color variant. By default the icon inherits the current text color"
},
{
"prop": "fontScale",
"description": "Scale the icons current font size"
},
{
"prop": "scale",
"description": "Scales the icon's SVG, without increasing the font size"
},
{
"prop": "rotate",
"description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise"
},
{
"prop": "flipH",
"description": "Flips the icon horizontally"
},
{
"prop": "flipV",
"description": "Flips the icon vertically"
},
{
"prop": "shiftH",
"description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units"
},
{
"prop": "shiftV",
"description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units"
},
{
"prop": "stacked",
"version": "2.3.0",
"description": "Set this prop to true when placing inside a BIconstack component"
},
{
"prop": "animation",
"version": "2.7.0",
"description": "Animate the icon. Supported built-in animations are 'cylon', 'fade', 'pulse', 'spin' and 'throb'"
}
]
},
{
"component": "BIconBuilding",
"auto-gen": "bootstrap-icons 1.2.2",
"props": [
{
"prop": "title",
"description": "Text content to place in the title",
"version": "2.17.0"
},
{
"prop": "variant",
"description": "Contextual color variant. By default the icon inherits the current text color"
},
{
"prop": "fontScale",
"description": "Scale the icons current font size"
},
{
"prop": "scale",
"description": "Scales the icon's SVG, without increasing the font size"
},
{
"prop": "rotate",
"description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise"
},
{
"prop": "flipH",
"description": "Flips the icon horizontally"
},
{
"prop": "flipV",
"description": "Flips the icon vertically"
},
{
"prop": "shiftH",
"description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units"
},
{
"prop": "shiftV",
"description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units"
},
{
"prop": "stacked",
"version": "2.3.0",
"description": "Set this prop to true when placing inside a BIconstack component"
},
{
"prop": "animation",
"version": "2.7.0",
"description": "Animate the icon. Supported built-in animations are 'cylon', 'fade', 'pulse', 'spin' and 'throb'"
}
]
},
{
"component": "BIconBullseye",
"auto-gen": "bootstrap-icons 1.2.2",
"props": [
{
"prop": "title",
"description": "Text content to place in the title",
"version": "2.17.0"
},
{
"prop": "variant",
"description": "Contextual color variant. By default the icon inherits the current text color"
},
{
"prop": "fontScale",
"description": "Scale the icons current font size"
},
{
"prop": "scale",
"description": "Scales the icon's SVG, without increasing the font size"
},
{
"prop": "rotate",
"description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise"
},
{
"prop": "flipH",
"description": "Flips the icon horizontally"
},
{
"prop": "flipV",
"description": "Flips the icon vertically"
},
{
"prop": "shiftH",
"description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units"
},
{
"prop": "shiftV",
"description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units"
},
{
"prop": "stacked",
"version": "2.3.0",
"description": "Set this prop to true when placing inside a BIconstack component"
},
{
"prop": "animation",
"version": "2.7.0",
"description": "Animate the icon. Supported built-in animations are 'cylon', 'fade', 'pulse', 'spin' and 'throb'"
}
]
},
{
"component": "BIconCalculator",
"auto-gen": "bootstrap-icons 1.2.2",
"props": [
{
"prop": "title",
"description": "Text content to place in the title",
"version": "2.17.0"
},
{
"prop": "variant",
"description": "Contextual color variant. By default the icon inherits the current text color"
},
{
"prop": "fontScale",
"description": "Scale the icons current font size"
},
{
"prop": "scale",
"description": "Scales the icon's SVG, without increasing the font size"
},
{
"prop": "rotate",
"description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise"
},
{
"prop": "flipH",
"description": "Flips the icon horizontally"
},
{
"prop": "flipV",
"description": "Flips the icon vertically"
},
{
"prop": "shiftH",
"description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units"
},
{
"prop": "shiftV",
"description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units"
},
{
"prop": "stacked",
"version": "2.3.0",
"description": "Set this prop to true when placing inside a BIconstack component"
},
{
"prop": "animation",
"version": "2.7.0",
"description": "Animate the icon. Supported built-in animations are 'cylon', 'fade', 'pulse', 'spin' and 'throb'"
}
]
},
{
"component": "BIconCalculatorFill",
"auto-gen": "bootstrap-icons 1.2.2",
"props": [
{
"prop": "title",
"description": "Text content to place in the title",
"version": "2.17.0"
},
{
"prop": "variant",
"description": "Contextual color variant. By default the icon inherits the current text color"
},
{
"prop": "fontScale",
"description": "Scale the icons current font size"
},
{
"prop": "scale",
"description": "Scales the icon's SVG, without increasing the font size"
},
{
"prop": "rotate",
"description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise"
},
{
"prop": "flipH",
"description": "Flips the icon horizontally"
},
{
"prop": "flipV",
"description": "Flips the icon vertically"
},
{
"prop": "shiftH",
"description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units"
},
{
"prop": "shiftV",
"description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units"
},
{
"prop": "stacked",
"version": "2.3.0",
"description": "Set this prop to true when placing inside a BIconstack component"
},
{
"prop": "animation",
"version": "2.7.0",
"description": "Animate the icon. Supported built-in animations are 'cylon', 'fade', 'pulse', 'spin' and 'throb'"
}
]
},
{
"component": "BIconCalendar",
"auto-gen": "bootstrap-icons 1.2.2",
"props": [
{
"prop": "title",
"description": "Text content to place in the title",
"version": "2.17.0"
},
{
"prop": "variant",
"description": "Contextual color variant. By default the icon inherits the current text color"
},
{
"prop": "fontScale",
"description": "Scale the icons current font size"
},
{
"prop": "scale",
"description": "Scales the icon's SVG, without increasing the font size"
},
{
"prop": "rotate",
"description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise"
},
{
"prop": "flipH",
"description": "Flips the icon horizontally"
},
{
"prop": "flipV",
"description": "Flips the icon vertically"
},
{
"prop": "shiftH",
"description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units"
},
{
"prop": "shiftV",
"description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units"
},
{
"prop": "stacked",
"version": "2.3.0",
"description": "Set this prop to true when placing inside a BIconstack component"
},
{
"prop": "animation",
"version": "2.7.0",
"description": "Animate the icon. Supported built-in animations are 'cylon', 'fade', 'pulse', 'spin' and 'throb'"
}
]
},
{
"component": "BIconCalendar2",
"auto-gen": "bootstrap-icons 1.2.2",
"props": [
{
"prop": "title",
"description": "Text content to place in the title",
"version": "2.17.0"
},
{
"prop": "variant",
"description": "Contextual color variant. By default the icon inherits the current text color"
},
{
"prop": "fontScale",
"description": "Scale the icons current font size"
},
{
"prop": "scale",
"description": "Scales the icon's SVG, without increasing the font size"
},
{
"prop": "rotate",
"description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise"
},
{
"prop": "flipH",
"description": "Flips the icon horizontally"
},
{
"prop": "flipV",
"description": "Flips the icon vertically"
},
{
"prop": "shiftH",
"description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units"
},
{
"prop": "shiftV",
"description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units"
},
{
"prop": "stacked",
"version": "2.3.0",
"description": "Set this prop to true when placing inside a BIconstack component"
},
{
"prop": "animation",
"version": "2.7.0",
"description": "Animate the icon. Supported built-in animations are 'cylon', 'fade', 'pulse', 'spin' and 'throb'"
}
]
},
{
"component": "BIconCalendar2Check",
"auto-gen": "bootstrap-icons 1.2.2",
"props": [
{
"prop": "title",
"description": "Text content to place in the title",
"version": "2.17.0"
},
{
"prop": "variant",
"description": "Contextual color variant. By default the icon inherits the current text color"
},
{
"prop": "fontScale",
"description": "Scale the icons current font size"
},
{
"prop": "scale",
"description": "Scales the icon's SVG, without increasing the font size"
},
{
"prop": "rotate",
"description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise"
},
{
"prop": "flipH",
"description": "Flips the icon horizontally"
},
{
"prop": "flipV",
"description": "Flips the icon vertically"
},
{
"prop": "shiftH",
"description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units"
},
{
"prop": "shiftV",
"description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units"
},
{
"prop": "stacked",
"version": "2.3.0",
"description": "Set this prop to true when placing inside a BIconstack component"
},
{
"prop": "animation",
"version": "2.7.0",
"description": "Animate the icon. Supported built-in animations are 'cylon', 'fade', 'pulse', 'spin' and 'throb'"
}
]
},
{
"component": "BIconCalendar2CheckFill",
"auto-gen": "bootstrap-icons 1.2.2",
"props": [
{
"prop": "title",
"description": "Text content to place in the title",
"version": "2.17.0"
},
{
"prop": "variant",
"description": "Contextual color variant. By default the icon inherits the current text color"
},
{
"prop": "fontScale",
"description": "Scale the icons current font size"
},
{
"prop": "scale",
"description": "Scales the icon's SVG, without increasing the font size"
},
{
"prop": "rotate",
"description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise"
},
{
"prop": "flipH",
"description": "Flips the icon horizontally"
},
{
"prop": "flipV",
"description": "Flips the icon vertically"
},
{
"prop": "shiftH",
"description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units"
},
{
"prop": "shiftV",
"description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units"
},
{
"prop": "stacked",
"version": "2.3.0",
"description": "Set this prop to true when placing inside a BIconstack component"
},
{
"prop": "animation",
"version": "2.7.0",
"description": "Animate the icon. Supported built-in animations are 'cylon', 'fade', 'pulse', 'spin' and 'throb'"
}
]
},
{
"component": "BIconCalendar2Date",
"auto-gen": "bootstrap-icons 1.2.2",
"props": [
{
"prop": "title",
"description": "Text content to place in the title",
"version": "2.17.0"
},
{
"prop": "variant",
"description": "Contextual color variant. By default the icon inherits the current text color"
},
{
"prop": "fontScale",
"description": "Scale the icons current font size"
},
{
"prop": "scale",
"description": "Scales the icon's SVG, without increasing the font size"
},
{
"prop": "rotate",
"description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise"
},
{
"prop": "flipH",
"description": "Flips the icon horizontally"
},
{
"prop": "flipV",
"description": "Flips the icon vertically"
},
{
"prop": "shiftH",
"description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units"
},
{
"prop": "shiftV",
"description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units"
},
{
"prop": "stacked",
"version": "2.3.0",
"description": "Set this prop to true when placing inside a BIconstack component"
},
{
"prop": "animation",
"version": "2.7.0",
"description": "Animate the icon. Supported built-in animations are 'cylon', 'fade', 'pulse', 'spin' and 'throb'"
}
]
},
{
"component": "BIconCalendar2DateFill",
"auto-gen": "bootstrap-icons 1.2.2",
"props": [
{
"prop": "title",
"description": "Text content to place in the title",
"version": "2.17.0"
},
{
"prop": "variant",
"description": "Contextual color variant. By default the icon inherits the current text color"
},
{
"prop": "fontScale",
"description": "Scale the icons current font size"
},
{
"prop": "scale",
"description": "Scales the icon's SVG, without increasing the font size"
},
{
"prop": "rotate",
"description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise"
},
{
"prop": "flipH",
"description": "Flips the icon horizontally"
},
{
"prop": "flipV",
"description": "Flips the icon vertically"
},
{
"prop": "shiftH",
"description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units"
},
{
"prop": "shiftV",
"description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units"
},
{
"prop": "stacked",
"version": "2.3.0",
"description": "Set this prop to true when placing inside a BIconstack component"
},
{
"prop": "animation",
"version": "2.7.0",
"description": "Animate the icon. Supported built-in animations are 'cylon', 'fade', 'pulse', 'spin' and 'throb'"
}
]
},
{
"component": "BIconCalendar2Day",
"auto-gen": "bootstrap-icons 1.2.2",
"props": [
{
"prop": "title",
"description": "Text content to place in the title",
"version": "2.17.0"
},
{
"prop": "variant",
"description": "Contextual color variant. By default the icon inherits the current text color"
},
{
"prop": "fontScale",
"description": "Scale the icons current font size"
},
{
"prop": "scale",
"description": "Scales the icon's SVG, without increasing the font size"
},
{
"prop": "rotate",
"description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise"
},
{
"prop": "flipH",
"description": "Flips the icon horizontally"
},
{
"prop": "flipV",
"description": "Flips the icon vertically"
},
{
"prop": "shiftH",
"description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units"
},
{
"prop": "shiftV",
"description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units"
},
{
"prop": "stacked",
"version": "2.3.0",
"description": "Set this prop to true when placing inside a BIconstack component"
},
{
"prop": "animation",
"version": "2.7.0",
"description": "Animate the icon. Supported built-in animations are 'cylon', 'fade', 'pulse', 'spin' and 'throb'"
}
]
},
{
"component": "BIconCalendar2DayFill",
"auto-gen": "bootstrap-icons 1.2.2",
"props": [
{
"prop": "title",
"description": "Text content to place in the title",
"version": "2.17.0"
},
{
"prop": "variant",
"description": "Contextual color variant. By default the icon inherits the current text color"
},
{
"prop": "fontScale",
"description": "Scale the icons current font size"
},
{
"prop": "scale",
"description": "Scales the icon's SVG, without increasing the font size"
},
{
"prop": "rotate",
"description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise"
},
{
"prop": "flipH",
"description": "Flips the icon horizontally"
},
{
"prop": "flipV",
"description": "Flips the icon vertically"
},
{
"prop": "shiftH",
"description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units"
},
{
"prop": "shiftV",
"description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units"
},
{
"prop": "stacked",
"version": "2.3.0",
"description": "Set this prop to true when placing inside a BIconstack component"
},
{
"prop": "animation",
"version": "2.7.0",
"description": "Animate the icon. Supported built-in animations are 'cylon', 'fade', 'pulse', 'spin' and 'throb'"
}
]
},
{
"component": "BIconCalendar2Event",
"auto-gen": "bootstrap-icons 1.2.2",
"props": [
{
"prop": "title",
"description": "Text content to place in the title",
"version": "2.17.0"
},
{
"prop": "variant",
"description": "Contextual color variant. By default the icon inherits the current text color"
},
{
"prop": "fontScale",
"description": "Scale the icons current font size"
},
{
"prop": "scale",
"description": "Scales the icon's SVG, without increasing the font size"
},
{
"prop": "rotate",
"description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise"
},
{
"prop": "flipH",
"description": "Flips the icon horizontally"
},
{
"prop": "flipV",
"description": "Flips the icon vertically"
},
{
"prop": "shiftH",
"description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units"
},
{
"prop": "shiftV",
"description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units"
},
{
"prop": "stacked",
"version": "2.3.0",
"description": "Set this prop to true when placing inside a BIconstack component"
},
{
"prop": "animation",
"version": "2.7.0",
"description": "Animate the icon. Supported built-in animations are 'cylon', 'fade', 'pulse', 'spin' and 'throb'"
}
]
},
{
"component": "BIconCalendar2EventFill",
"auto-gen": "bootstrap-icons 1.2.2",
"props": [
{
"prop": "title",
"description": "Text content to place in the title",
"version": "2.17.0"
},
{
"prop": "variant",
"description": "Contextual color variant. By default the icon inherits the current text color"
},
{
"prop": "fontScale",
"description": "Scale the icons current font size"
},
{
"prop": "scale",
"description": "Scales the icon's SVG, without increasing the font size"
},
{
"prop": "rotate",
"description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise"
},
{
"prop": "flipH",
"description": "Flips the icon horizontally"
},
{
"prop": "flipV",
"description": "Flips the icon vertically"
},
{
"prop": "shiftH",
"description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units"
},
{
"prop": "shiftV",
"description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units"
},
{
"prop": "stacked",
"version": "2.3.0",
"description": "Set this prop to true when placing inside a BIconstack component"
},
{
"prop": "animation",
"version": "2.7.0",
"description": "Animate the icon. Supported built-in animations are 'cylon', 'fade', 'pulse', 'spin' and 'throb'"
}
]
},
{
"component": "BIconCalendar2Fill",
"auto-gen": "bootstrap-icons 1.2.2",
"props": [
{
"prop": "title",
"description": "Text content to place in the title",
"version": "2.17.0"
},
{
"prop": "variant",
"description": "Contextual color variant. By default the icon inherits the current text color"
},
{
"prop": "fontScale",
"description": "Scale the icons current font size"
},
{
"prop": "scale",
"description": "Scales the icon's SVG, without increasing the font size"
},
{
"prop": "rotate",
"description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise"
},
{
"prop": "flipH",
"description": "Flips the icon horizontally"
},
{
"prop": "flipV",
"description": "Flips the icon vertically"
},
{
"prop": "shiftH",
"description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units"
},
{
"prop": "shiftV",
"description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units"
},
{
"prop": "stacked",
"version": "2.3.0",
"description": "Set this prop to true when placing inside a BIconstack component"
},
{
"prop": "animation",
"version": "2.7.0",
"description": "Animate the icon. Supported built-in animations are 'cylon', 'fade', 'pulse', 'spin' and 'throb'"
}
]
},
{
"component": "BIconCalendar2Minus",
"auto-gen": "bootstrap-icons 1.2.2",
"props": [
{
"prop": "title",
"description": "Text content to place in the title",
"version": "2.17.0"
},
{
"prop": "variant",
"description": "Contextual color variant. By default the icon inherits the current text color"
},
{
"prop": "fontScale",
"description": "Scale the icons current font size"
},
{
"prop": "scale",
"description": "Scales the icon's SVG, without increasing the font size"
},
{
"prop": "rotate",
"description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise"
},
{
"prop": "flipH",
"description": "Flips the icon horizontally"
},
{
"prop": "flipV",
"description": "Flips the icon vertically"
},
{
"prop": "shiftH",
"description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units"
},
{
"prop": "shiftV",
"description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units"
},
{
"prop": "stacked",
"version": "2.3.0",
"description": "Set this prop to true when placing inside a BIconstack component"
},
{
"prop": "animation",
"version": "2.7.0",
"description": "Animate the icon. Supported built-in animations are 'cylon', 'fade', 'pulse', 'spin' and 'throb'"
}
]
},
{
"component": "BIconCalendar2MinusFill",
"auto-gen": "bootstrap-icons 1.2.2",
"props": [
{
"prop": "title",
"description": "Text content to place in the title",
"version": "2.17.0"
},
{
"prop": "variant",
"description": "Contextual color variant. By default the icon inherits the current text color"
},
{
"prop": "fontScale",
"description": "Scale the icons current font size"
},
{
"prop": "scale",
"description": "Scales the icon's SVG, without increasing the font size"
},
{
"prop": "rotate",
"description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise"
},
{
"prop": "flipH",
"description": "Flips the icon horizontally"
},
{
"prop": "flipV",
"description": "Flips the icon vertically"
},
{
"prop": "shiftH",
"description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units"
},
{
"prop": "shiftV",
"description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units"
},
{
"prop": "stacked",
"version": "2.3.0",
"description": "Set this prop to true when placing inside a BIconstack component"
},
{
"prop": "animation",
"version": "2.7.0",
"description": "Animate the icon. Supported built-in animations are 'cylon', 'fade', 'pulse', 'spin' and 'throb'"
}
]
},
{
"component": "BIconCalendar2Month",
"auto-gen": "bootstrap-icons 1.2.2",
"props": [
{
"prop": "title",
"description": "Text content to place in the title",
"version": "2.17.0"
},
{
"prop": "variant",
"description": "Contextual color variant. By default the icon inherits the current text color"
},
{
"prop": "fontScale",
"description": "Scale the icons current font size"
},
{
"prop": "scale",
"description": "Scales the icon's SVG, without increasing the font size"
},
{
"prop": "rotate",
"description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise"
},
{
"prop": "flipH",
"description": "Flips the icon horizontally"
},
{
"prop": "flipV",
"description": "Flips the icon vertically"
},
{
"prop": "shiftH",
"description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units"
},
{
"prop": "shiftV",
"description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units"
},
{
"prop": "stacked",
"version": "2.3.0",
"description": "Set this prop to true when placing inside a BIconstack component"
},
{
"prop": "animation",
"version": "2.7.0",
"description": "Animate the icon. Supported built-in animations are 'cylon', 'fade', 'pulse', 'spin' and 'throb'"
}
]
},
{
"component": "BIconCalendar2MonthFill",
"auto-gen": "bootstrap-icons 1.2.2",
"props": [
{
"prop": "title",
"description": "Text content to place in the title",
"version": "2.17.0"
},
{
"prop": "variant",
"description": "Contextual color variant. By default the icon inherits the current text color"
},
{
"prop": "fontScale",
"description": "Scale the icons current font size"
},
{
"prop": "scale",
"description": "Scales the icon's SVG, without increasing the font size"
},
{
"prop": "rotate",
"description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise"
},
{
"prop": "flipH",
"description": "Flips the icon horizontally"
},
{
"prop": "flipV",
"description": "Flips the icon vertically"
},
{
"prop": "shiftH",
"description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units"
},
{
"prop": "shiftV",
"description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units"
},
{
"prop": "stacked",
"version": "2.3.0",
"description": "Set this prop to true when placing inside a BIconstack component"
},
{
"prop": "animation",
"version": "2.7.0",
"description": "Animate the icon. Supported built-in animations are 'cylon', 'fade', 'pulse', 'spin' and 'throb'"
}
]
},
{
"component": "BIconCalendar2Plus",
"auto-gen": "bootstrap-icons 1.2.2",
"props": [
{
"prop": "title",
"description": "Text content to place in the title",
"version": "2.17.0"
},
{
"prop": "variant",
"description": "Contextual color variant. By default the icon inherits the current text color"
},
{
"prop": "fontScale",
"description": "Scale the icons current font size"
},
{
"prop": "scale",
"description": "Scales the icon's SVG, without increasing the font size"
},
{
"prop": "rotate",
"description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise"
},
{
"prop": "flipH",
"description": "Flips the icon horizontally"
},
{
"prop": "flipV",
"description": "Flips the icon vertically"
},
{
"prop": "shiftH",
"description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units"
},
{
"prop": "shiftV",
"description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units"
},
{
"prop": "stacked",
"version": "2.3.0",
"description": "Set this prop to true when placing inside a BIconstack component"
},
{
"prop": "animation",
"version": "2.7.0",
"description": "Animate the icon. Supported built-in animations are 'cylon', 'fade', 'pulse', 'spin' and 'throb'"
}
]
},
{
"component": "BIconCalendar2PlusFill",
"auto-gen": "bootstrap-icons 1.2.2",
"props": [
{
"prop": "title",
"description": "Text content to place in the title",
"version": "2.17.0"
},
{
"prop": "variant",
"description": "Contextual color variant. By default the icon inherits the current text color"
},
{
"prop": "fontScale",
"description": "Scale the icons current font size"
},
{
"prop": "scale",
"description": "Scales the icon's SVG, without increasing the font size"
},
{
"prop": "rotate",
"description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise"
},
{
"prop": "flipH",
"description": "Flips the icon horizontally"
},
{
"prop": "flipV",
"description": "Flips the icon vertically"
},
{
"prop": "shiftH",
"description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units"
},
{
"prop": "shiftV",
"description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units"
},
{
"prop": "stacked",
"version": "2.3.0",
"description": "Set this prop to true when placing inside a BIconstack component"
},
{
"prop": "animation",
"version": "2.7.0",
"description": "Animate the icon. Supported built-in animations are 'cylon', 'fade', 'pulse', 'spin' and 'throb'"
}
]
},
{
"component": "BIconCalendar2Range",
"auto-gen": "bootstrap-icons 1.2.2",
"props": [
{
"prop": "title",
"description": "Text content to place in the title",
"version": "2.17.0"
},
{
"prop": "variant",
"description": "Contextual color variant. By default the icon inherits the current text color"
},
{
"prop": "fontScale",
"description": "Scale the icons current font size"
},
{
"prop": "scale",
"description": "Scales the icon's SVG, without increasing the font size"
},
{
"prop": "rotate",
"description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise"
},
{
"prop": "flipH",
"description": "Flips the icon horizontally"
},
{
"prop": "flipV",
"description": "Flips the icon vertically"
},
{
"prop": "shiftH",
"description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units"
},
{
"prop": "shiftV",
"description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units"
},
{
"prop": "stacked",
"version": "2.3.0",
"description": "Set this prop to true when placing inside a BIconstack component"
},
{
"prop": "animation",
"version": "2.7.0",
"description": "Animate the icon. Supported built-in animations are 'cylon', 'fade', 'pulse', 'spin' and 'throb'"
}
]
},
{
"component": "BIconCalendar2RangeFill",
"auto-gen": "bootstrap-icons 1.2.2",
"props": [
{
"prop": "title",
"description": "Text content to place in the title",
"version": "2.17.0"
},
{
"prop": "variant",
"description": "Contextual color variant. By default the icon inherits the current text color"
},
{
"prop": "fontScale",
"description": "Scale the icons current font size"
},
{
"prop": "scale",
"description": "Scales the icon's SVG, without increasing the font size"
},
{
"prop": "rotate",
"description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise"
},
{
"prop": "flipH",
"description": "Flips the icon horizontally"
},
{
"prop": "flipV",
"description": "Flips the icon vertically"
},
{
"prop": "shiftH",
"description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units"
},
{
"prop": "shiftV",
"description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units"
},
{
"prop": "stacked",
"version": "2.3.0",
"description": "Set this prop to true when placing inside a BIconstack component"
},
{
"prop": "animation",
"version": "2.7.0",
"description": "Animate the icon. Supported built-in animations are 'cylon', 'fade', 'pulse', 'spin' and 'throb'"
}
]
},
{
"component": "BIconCalendar2Week",
"auto-gen": "bootstrap-icons 1.2.2",
"props": [
{
"prop": "title",
"description": "Text content to place in the title",
"version": "2.17.0"
},
{
"prop": "variant",
"description": "Contextual color variant. By default the icon inherits the current text color"
},
{
"prop": "fontScale",
"description": "Scale the icons current font size"
},
{
"prop": "scale",
"description": "Scales the icon's SVG, without increasing the font size"
},
{
"prop": "rotate",
"description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise"
},
{
"prop": "flipH",
"description": "Flips the icon horizontally"
},
{
"prop": "flipV",
"description": "Flips the icon vertically"
},
{
"prop": "shiftH",
"description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units"
},
{
"prop": "shiftV",
"description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units"
},
{
"prop": "stacked",
"version": "2.3.0",
"description": "Set this prop to true when placing inside a BIconstack component"
},
{
"prop": "animation",
"version": "2.7.0",
"description": "Animate the icon. Supported built-in animations are 'cylon', 'fade', 'pulse', 'spin' and 'throb'"
}
]
},
{
"component": "BIconCalendar2WeekFill",
"auto-gen": "bootstrap-icons 1.2.2",
"props": [
{
"prop": "title",
"description": "Text content to place in the title",
"version": "2.17.0"
},
{
"prop": "variant",
"description": "Contextual color variant. By default the icon inherits the current text color"
},
{
"prop": "fontScale",
"description": "Scale the icons current font size"
},
{
"prop": "scale",
"description": "Scales the icon's SVG, without increasing the font size"
},
{
"prop": "rotate",
"description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise"
},
{
"prop": "flipH",
"description": "Flips the icon horizontally"
},
{
"prop": "flipV",
"description": "Flips the icon vertically"
},
{
"prop": "shiftH",
"description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units"
},
{
"prop": "shiftV",
"description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units"
},
{
"prop": "stacked",
"version": "2.3.0",
"description": "Set this prop to true when placing inside a BIconstack component"
},
{
"prop": "animation",
"version": "2.7.0",
"description": "Animate the icon. Supported built-in animations are 'cylon', 'fade', 'pulse', 'spin' and 'throb'"
}
]
},
{
"component": "BIconCalendar2X",
"auto-gen": "bootstrap-icons 1.2.2",
"props": [
{
"prop": "title",
"description": "Text content to place in the title",
"version": "2.17.0"
},
{
"prop": "variant",
"description": "Contextual color variant. By default the icon inherits the current text color"
},
{
"prop": "fontScale",
"description": "Scale the icons current font size"
},
{
"prop": "scale",
"description": "Scales the icon's SVG, without increasing the font size"
},
{
"prop": "rotate",
"description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise"
},
{
"prop": "flipH",
"description": "Flips the icon horizontally"
},
{
"prop": "flipV",
"description": "Flips the icon vertically"
},
{
"prop": "shiftH",
"description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units"
},
{
"prop": "shiftV",
"description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units"
},
{
"prop": "stacked",
"version": "2.3.0",
"description": "Set this prop to true when placing inside a BIconstack component"
},
{
"prop": "animation",
"version": "2.7.0",
"description": "Animate the icon. Supported built-in animations are 'cylon', 'fade', 'pulse', 'spin' and 'throb'"
}
]
},
{
"component": "BIconCalendar2XFill",
"auto-gen": "bootstrap-icons 1.2.2",
"props": [
{
"prop": "title",
"description": "Text content to place in the title",
"version": "2.17.0"
},
{
"prop": "variant",
"description": "Contextual color variant. By default the icon inherits the current text color"
},
{
"prop": "fontScale",
"description": "Scale the icons current font size"
},
{
"prop": "scale",
"description": "Scales the icon's SVG, without increasing the font size"
},
{
"prop": "rotate",
"description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise"
},
{
"prop": "flipH",
"description": "Flips the icon horizontally"
},
{
"prop": "flipV",
"description": "Flips the icon vertically"
},
{
"prop": "shiftH",
"description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units"
},
{
"prop": "shiftV",
"description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units"
},
{
"prop": "stacked",
"version": "2.3.0",
"description": "Set this prop to true when placing inside a BIconstack component"
},
{
"prop": "animation",
"version": "2.7.0",
"description": "Animate the icon. Supported built-in animations are 'cylon', 'fade', 'pulse', 'spin' and 'throb'"
}
]
},
{
"component": "BIconCalendar3",
"auto-gen": "bootstrap-icons 1.2.2",
"props": [
{
"prop": "title",
"description": "Text content to place in the title",
"version": "2.17.0"
},
{
"prop": "variant",
"description": "Contextual color variant. By default the icon inherits the current text color"
},
{
"prop": "fontScale",
"description": "Scale the icons current font size"
},
{
"prop": "scale",
"description": "Scales the icon's SVG, without increasing the font size"
},
{
"prop": "rotate",
"description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise"
},
{
"prop": "flipH",
"description": "Flips the icon horizontally"
},
{
"prop": "flipV",
"description": "Flips the icon vertically"
},
{
"prop": "shiftH",
"description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units"
},
{
"prop": "shiftV",
"description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units"
},
{
"prop": "stacked",
"version": "2.3.0",
"description": "Set this prop to true when placing inside a BIconstack component"
},
{
"prop": "animation",
"version": "2.7.0",
"description": "Animate the icon. Supported built-in animations are 'cylon', 'fade', 'pulse', 'spin' and 'throb'"
}
]
},
{
"component": "BIconCalendar3Event",
"auto-gen": "bootstrap-icons 1.2.2",
"props": [
{
"prop": "title",
"description": "Text content to place in the title",
"version": "2.17.0"
},
{
"prop": "variant",
"description": "Contextual color variant. By default the icon inherits the current text color"
},
{
"prop": "fontScale",
"description": "Scale the icons current font size"
},
{
"prop": "scale",
"description": "Scales the icon's SVG, without increasing the font size"
},
{
"prop": "rotate",
"description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise"
},
{
"prop": "flipH",
"description": "Flips the icon horizontally"
},
{
"prop": "flipV",
"description": "Flips the icon vertically"
},
{
"prop": "shiftH",
"description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units"
},
{
"prop": "shiftV",
"description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units"
},
{
"prop": "stacked",
"version": "2.3.0",
"description": "Set this prop to true when placing inside a BIconstack component"
},
{
"prop": "animation",
"version": "2.7.0",
"description": "Animate the icon. Supported built-in animations are 'cylon', 'fade', 'pulse', 'spin' and 'throb'"
}
]
},
{
"component": "BIconCalendar3EventFill",
"auto-gen": "bootstrap-icons 1.2.2",
"props": [
{
"prop": "title",
"description": "Text content to place in the title",
"version": "2.17.0"
},
{
"prop": "variant",
"description": "Contextual color variant. By default the icon inherits the current text color"
},
{
"prop": "fontScale",
"description": "Scale the icons current font size"
},
{
"prop": "scale",
"description": "Scales the icon's SVG, without increasing the font size"
},
{
"prop": "rotate",
"description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise"
},
{
"prop": "flipH",
"description": "Flips the icon horizontally"
},
{
"prop": "flipV",
"description": "Flips the icon vertically"
},
{
"prop": "shiftH",
"description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units"
},
{
"prop": "shiftV",
"description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units"
},
{
"prop": "stacked",
"version": "2.3.0",
"description": "Set this prop to true when placing inside a BIconstack component"
},
{
"prop": "animation",
"version": "2.7.0",
"description": "Animate the icon. Supported built-in animations are 'cylon', 'fade', 'pulse', 'spin' and 'throb'"
}
]
},
{
"component": "BIconCalendar3Fill",
"auto-gen": "bootstrap-icons 1.2.2",
"props": [
{
"prop": "title",
"description": "Text content to place in the title",
"version": "2.17.0"
},
{
"prop": "variant",
"description": "Contextual color variant. By default the icon inherits the current text color"
},
{
"prop": "fontScale",
"description": "Scale the icons current font size"
},
{
"prop": "scale",
"description": "Scales the icon's SVG, without increasing the font size"
},
{
"prop": "rotate",
"description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise"
},
{
"prop": "flipH",
"description": "Flips the icon horizontally"
},
{
"prop": "flipV",
"description": "Flips the icon vertically"
},
{
"prop": "shiftH",
"description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units"
},
{
"prop": "shiftV",
"description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units"
},
{
"prop": "stacked",
"version": "2.3.0",
"description": "Set this prop to true when placing inside a BIconstack component"
},
{
"prop": "animation",
"version": "2.7.0",
"description": "Animate the icon. Supported built-in animations are 'cylon', 'fade', 'pulse', 'spin' and 'throb'"
}
]
},
{
"component": "BIconCalendar3Range",
"auto-gen": "bootstrap-icons 1.2.2",
"props": [
{
"prop": "title",
"description": "Text content to place in the title",
"version": "2.17.0"
},
{
"prop": "variant",
"description": "Contextual color variant. By default the icon inherits the current text color"
},
{
"prop": "fontScale",
"description": "Scale the icons current font size"
},
{
"prop": "scale",
"description": "Scales the icon's SVG, without increasing the font size"
},
{
"prop": "rotate",
"description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise"
},
{
"prop": "flipH",
"description": "Flips the icon horizontally"
},
{
"prop": "flipV",
"description": "Flips the icon vertically"
},
{
"prop": "shiftH",
"description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units"
},
{
"prop": "shiftV",
"description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units"
},
{
"prop": "stacked",
"version": "2.3.0",
"description": "Set this prop to true when placing inside a BIconstack component"
},
{
"prop": "animation",
"version": "2.7.0",
"description": "Animate the icon. Supported built-in animations are 'cylon', 'fade', 'pulse', 'spin' and 'throb'"
}
]
},
{
"component": "BIconCalendar3RangeFill",
"auto-gen": "bootstrap-icons 1.2.2",
"props": [
{
"prop": "title",
"description": "Text content to place in the title",
"version": "2.17.0"
},
{
"prop": "variant",
"description": "Contextual color variant. By default the icon inherits the current text color"
},
{
"prop": "fontScale",
"description": "Scale the icons current font size"
},
{
"prop": "scale",
"description": "Scales the icon's SVG, without increasing the font size"
},
{
"prop": "rotate",
"description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise"
},
{
"prop": "flipH",
"description": "Flips the icon horizontally"
},
{
"prop": "flipV",
"description": "Flips the icon vertically"
},
{
"prop": "shiftH",
"description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units"
},
{
"prop": "shiftV",
"description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units"
},
{
"prop": "stacked",
"version": "2.3.0",
"description": "Set this prop to true when placing inside a BIconstack component"
},
{
"prop": "animation",
"version": "2.7.0",
"description": "Animate the icon. Supported built-in animations are 'cylon', 'fade', 'pulse', 'spin' and 'throb'"
}
]
},
{
"component": "BIconCalendar3Week",
"auto-gen": "bootstrap-icons 1.2.2",
"props": [
{
"prop": "title",
"description": "Text content to place in the title",
"version": "2.17.0"
},
{
"prop": "variant",
"description": "Contextual color variant. By default the icon inherits the current text color"
},
{
"prop": "fontScale",
"description": "Scale the icons current font size"
},
{
"prop": "scale",
"description": "Scales the icon's SVG, without increasing the font size"
},
{
"prop": "rotate",
"description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise"
},
{
"prop": "flipH",
"description": "Flips the icon horizontally"
},
{
"prop": "flipV",
"description": "Flips the icon vertically"
},
{
"prop": "shiftH",
"description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units"
},
{
"prop": "shiftV",
"description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units"
},
{
"prop": "stacked",
"version": "2.3.0",
"description": "Set this prop to true when placing inside a BIconstack component"
},
{
"prop": "animation",
"version": "2.7.0",
"description": "Animate the icon. Supported built-in animations are 'cylon', 'fade', 'pulse', 'spin' and 'throb'"
}
]
},
{
"component": "BIconCalendar3WeekFill",
"auto-gen": "bootstrap-icons 1.2.2",
"props": [
{
"prop": "title",
"description": "Text content to place in the title",
"version": "2.17.0"
},
{
"prop": "variant",
"description": "Contextual color variant. By default the icon inherits the current text color"
},
{
"prop": "fontScale",
"description": "Scale the icons current font size"
},
{
"prop": "scale",
"description": "Scales the icon's SVG, without increasing the font size"
},
{
"prop": "rotate",
"description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise"
},
{
"prop": "flipH",
"description": "Flips the icon horizontally"
},
{
"prop": "flipV",
"description": "Flips the icon vertically"
},
{
"prop": "shiftH",
"description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units"
},
{
"prop": "shiftV",
"description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units"
},
{
"prop": "stacked",
"version": "2.3.0",
"description": "Set this prop to true when placing inside a BIconstack component"
},
{
"prop": "animation",
"version": "2.7.0",
"description": "Animate the icon. Supported built-in animations are 'cylon', 'fade', 'pulse', 'spin' and 'throb'"
}
]
},
{
"component": "BIconCalendar4",
"auto-gen": "bootstrap-icons 1.2.2",
"props": [
{
"prop": "title",
"description": "Text content to place in the title",
"version": "2.17.0"
},
{
"prop": "variant",
"description": "Contextual color variant. By default the icon inherits the current text color"
},
{
"prop": "fontScale",
"description": "Scale the icons current font size"
},
{
"prop": "scale",
"description": "Scales the icon's SVG, without increasing the font size"
},
{
"prop": "rotate",
"description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise"
},
{
"prop": "flipH",
"description": "Flips the icon horizontally"
},
{
"prop": "flipV",
"description": "Flips the icon vertically"
},
{
"prop": "shiftH",
"description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units"
},
{
"prop": "shiftV",
"description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units"
},
{
"prop": "stacked",
"version": "2.3.0",
"description": "Set this prop to true when placing inside a BIconstack component"
},
{
"prop": "animation",
"version": "2.7.0",
"description": "Animate the icon. Supported built-in animations are 'cylon', 'fade', 'pulse', 'spin' and 'throb'"
}
]
},
{
"component": "BIconCalendar4Event",
"auto-gen": "bootstrap-icons 1.2.2",
"props": [
{
"prop": "title",
"description": "Text content to place in the title",
"version": "2.17.0"
},
{
"prop": "variant",
"description": "Contextual color variant. By default the icon inherits the current text color"
},
{
"prop": "fontScale",
"description": "Scale the icons current font size"
},
{
"prop": "scale",
"description": "Scales the icon's SVG, without increasing the font size"
},
{
"prop": "rotate",
"description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise"
},
{
"prop": "flipH",
"description": "Flips the icon horizontally"
},
{
"prop": "flipV",
"description": "Flips the icon vertically"
},
{
"prop": "shiftH",
"description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units"
},
{
"prop": "shiftV",
"description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units"
},
{
"prop": "stacked",
"version": "2.3.0",
"description": "Set this prop to true when placing inside a BIconstack component"
},
{
"prop": "animation",
"version": "2.7.0",
"description": "Animate the icon. Supported built-in animations are 'cylon', 'fade', 'pulse', 'spin' and 'throb'"
}
]
},
{
"component": "BIconCalendar4Range",
"auto-gen": "bootstrap-icons 1.2.2",
"props": [
{
"prop": "title",
"description": "Text content to place in the title",
"version": "2.17.0"
},
{
"prop": "variant",
"description": "Contextual color variant. By default the icon inherits the current text color"
},
{
"prop": "fontScale",
"description": "Scale the icons current font size"
},
{
"prop": "scale",
"description": "Scales the icon's SVG, without increasing the font size"
},
{
"prop": "rotate",
"description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise"
},
{
"prop": "flipH",
"description": "Flips the icon horizontally"
},
{
"prop": "flipV",
"description": "Flips the icon vertically"
},
{
"prop": "shiftH",
"description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units"
},
{
"prop": "shiftV",
"description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units"
},
{
"prop": "stacked",
"version": "2.3.0",
"description": "Set this prop to true when placing inside a BIconstack component"
},
{
"prop": "animation",
"version": "2.7.0",
"description": "Animate the icon. Supported built-in animations are 'cylon', 'fade', 'pulse', 'spin' and 'throb'"
}
]
},
{
"component": "BIconCalendar4Week",
"auto-gen": "bootstrap-icons 1.2.2",
"props": [
{
"prop": "title",
"description": "Text content to place in the title",
"version": "2.17.0"
},
{
"prop": "variant",
"description": "Contextual color variant. By default the icon inherits the current text color"
},
{
"prop": "fontScale",
"description": "Scale the icons current font size"
},
{
"prop": "scale",
"description": "Scales the icon's SVG, without increasing the font size"
},
{
"prop": "rotate",
"description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise"
},
{
"prop": "flipH",
"description": "Flips the icon horizontally"
},
{
"prop": "flipV",
"description": "Flips the icon vertically"
},
{
"prop": "shiftH",
"description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units"
},
{
"prop": "shiftV",
"description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units"
},
{
"prop": "stacked",
"version": "2.3.0",
"description": "Set this prop to true when placing inside a BIconstack component"
},
{
"prop": "animation",
"version": "2.7.0",
"description": "Animate the icon. Supported built-in animations are 'cylon', 'fade', 'pulse', 'spin' and 'throb'"
}
]
},
{
"component": "BIconCalendarCheck",
"auto-gen": "bootstrap-icons 1.2.2",
"props": [
{
"prop": "title",
"description": "Text content to place in the title",
"version": "2.17.0"
},
{
"prop": "variant",
"description": "Contextual color variant. By default the icon inherits the current text color"
},
{
"prop": "fontScale",
"description": "Scale the icons current font size"
},
{
"prop": "scale",
"description": "Scales the icon's SVG, without increasing the font size"
},
{
"prop": "rotate",
"description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise"
},
{
"prop": "flipH",
"description": "Flips the icon horizontally"
},
{
"prop": "flipV",
"description": "Flips the icon vertically"
},
{
"prop": "shiftH",
"description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units"
},
{
"prop": "shiftV",
"description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units"
},
{
"prop": "stacked",
"version": "2.3.0",
"description": "Set this prop to true when placing inside a BIconstack component"
},
{
"prop": "animation",
"version": "2.7.0",
"description": "Animate the icon. Supported built-in animations are 'cylon', 'fade', 'pulse', 'spin' and 'throb'"
}
]
},
{
"component": "BIconCalendarCheckFill",
"auto-gen": "bootstrap-icons 1.2.2",
"props": [
{
"prop": "title",
"description": "Text content to place in the title",
"version": "2.17.0"
},
{
"prop": "variant",
"description": "Contextual color variant. By default the icon inherits the current text color"
},
{
"prop": "fontScale",
"description": "Scale the icons current font size"
},
{
"prop": "scale",
"description": "Scales the icon's SVG, without increasing the font size"
},
{
"prop": "rotate",
"description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise"
},
{
"prop": "flipH",
"description": "Flips the icon horizontally"
},
{
"prop": "flipV",
"description": "Flips the icon vertically"
},
{
"prop": "shiftH",
"description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units"
},
{
"prop": "shiftV",
"description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units"
},
{
"prop": "stacked",
"version": "2.3.0",
"description": "Set this prop to true when placing inside a BIconstack component"
},
{
"prop": "animation",
"version": "2.7.0",
"description": "Animate the icon. Supported built-in animations are 'cylon', 'fade', 'pulse', 'spin' and 'throb'"
}
]
},
{
"component": "BIconCalendarDate",
"auto-gen": "bootstrap-icons 1.2.2",
"props": [
{
"prop": "title",
"description": "Text content to place in the title",
"version": "2.17.0"
},
{
"prop": "variant",
"description": "Contextual color variant. By default the icon inherits the current text color"
},
{
"prop": "fontScale",
"description": "Scale the icons current font size"
},
{
"prop": "scale",
"description": "Scales the icon's SVG, without increasing the font size"
},
{
"prop": "rotate",
"description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise"
},
{
"prop": "flipH",
"description": "Flips the icon horizontally"
},
{
"prop": "flipV",
"description": "Flips the icon vertically"
},
{
"prop": "shiftH",
"description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units"
},
{
"prop": "shiftV",
"description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units"
},
{
"prop": "stacked",
"version": "2.3.0",
"description": "Set this prop to true when placing inside a BIconstack component"
},
{
"prop": "animation",
"version": "2.7.0",
"description": "Animate the icon. Supported built-in animations are 'cylon', 'fade', 'pulse', 'spin' and 'throb'"
}
]
},
{
"component": "BIconCalendarDateFill",
"auto-gen": "bootstrap-icons 1.2.2",
"props": [
{
"prop": "title",
"description": "Text content to place in the title",
"version": "2.17.0"
},
{
"prop": "variant",
"description": "Contextual color variant. By default the icon inherits the current text color"
},
{
"prop": "fontScale",
"description": "Scale the icons current font size"
},
{
"prop": "scale",
"description": "Scales the icon's SVG, without increasing the font size"
},
{
"prop": "rotate",
"description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise"
},
{
"prop": "flipH",
"description": "Flips the icon horizontally"
},
{
"prop": "flipV",
"description": "Flips the icon vertically"
},
{
"prop": "shiftH",
"description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units"
},
{
"prop": "shiftV",
"description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units"
},
{
"prop": "stacked",
"version": "2.3.0",
"description": "Set this prop to true when placing inside a BIconstack component"
},
{
"prop": "animation",
"version": "2.7.0",
"description": "Animate the icon. Supported built-in animations are 'cylon', 'fade', 'pulse', 'spin' and 'throb'"
}
]
},
{
"component": "BIconCalendarDay",
"auto-gen": "bootstrap-icons 1.2.2",
"props": [
{
"prop": "title",
"description": "Text content to place in the title",
"version": "2.17.0"
},
{
"prop": "variant",
"description": "Contextual color variant. By default the icon inherits the current text color"
},
{
"prop": "fontScale",
"description": "Scale the icons current font size"
},
{
"prop": "scale",
"description": "Scales the icon's SVG, without increasing the font size"
},
{
"prop": "rotate",
"description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise"
},
{
"prop": "flipH",
"description": "Flips the icon horizontally"
},
{
"prop": "flipV",
"description": "Flips the icon vertically"
},
{
"prop": "shiftH",
"description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units"
},
{
"prop": "shiftV",
"description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units"
},
{
"prop": "stacked",
"version": "2.3.0",
"description": "Set this prop to true when placing inside a BIconstack component"
},
{
"prop": "animation",
"version": "2.7.0",
"description": "Animate the icon. Supported built-in animations are 'cylon', 'fade', 'pulse', 'spin' and 'throb'"
}
]
},
{
"component": "BIconCalendarDayFill",
"auto-gen": "bootstrap-icons 1.2.2",
"props": [
{
"prop": "title",
"description": "Text content to place in the title",
"version": "2.17.0"
},
{
"prop": "variant",
"description": "Contextual color variant. By default the icon inherits the current text color"
},
{
"prop": "fontScale",
"description": "Scale the icons current font size"
},
{
"prop": "scale",
"description": "Scales the icon's SVG, without increasing the font size"
},
{
"prop": "rotate",
"description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise"
},
{
"prop": "flipH",
"description": "Flips the icon horizontally"
},
{
"prop": "flipV",
"description": "Flips the icon vertically"
},
{
"prop": "shiftH",
"description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units"
},
{
"prop": "shiftV",
"description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units"
},
{
"prop": "stacked",
"version": "2.3.0",
"description": "Set this prop to true when placing inside a BIconstack component"
},
{
"prop": "animation",
"version": "2.7.0",
"description": "Animate the icon. Supported built-in animations are 'cylon', 'fade', 'pulse', 'spin' and 'throb'"
}
]
},
{
"component": "BIconCalendarEvent",
"auto-gen": "bootstrap-icons 1.2.2",
"props": [
{
"prop": "title",
"description": "Text content to place in the title",
"version": "2.17.0"
},
{
"prop": "variant",
"description": "Contextual color variant. By default the icon inherits the current text color"
},
{
"prop": "fontScale",
"description": "Scale the icons current font size"
},
{
"prop": "scale",
"description": "Scales the icon's SVG, without increasing the font size"
},
{
"prop": "rotate",
"description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise"
},
{
"prop": "flipH",
"description": "Flips the icon horizontally"
},
{
"prop": "flipV",
"description": "Flips the icon vertically"
},
{
"prop": "shiftH",
"description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units"
},
{
"prop": "shiftV",
"description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units"
},
{
"prop": "stacked",
"version": "2.3.0",
"description": "Set this prop to true when placing inside a BIconstack component"
},
{
"prop": "animation",
"version": "2.7.0",
"description": "Animate the icon. Supported built-in animations are 'cylon', 'fade', 'pulse', 'spin' and 'throb'"
}
]
},
{
"component": "BIconCalendarEventFill",
"auto-gen": "bootstrap-icons 1.2.2",
"props": [
{
"prop": "title",
"description": "Text content to place in the title",
"version": "2.17.0"
},
{
"prop": "variant",
"description": "Contextual color variant. By default the icon inherits the current text color"
},
{
"prop": "fontScale",
"description": "Scale the icons current font size"
},
{
"prop": "scale",
"description": "Scales the icon's SVG, without increasing the font size"
},
{
"prop": "rotate",
"description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise"
},
{
"prop": "flipH",
"description": "Flips the icon horizontally"
},
{
"prop": "flipV",
"description": "Flips the icon vertically"
},
{
"prop": "shiftH",
"description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units"
},
{
"prop": "shiftV",
"description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units"
},
{
"prop": "stacked",
"version": "2.3.0",
"description": "Set this prop to true when placing inside a BIconstack component"
},
{
"prop": "animation",
"version": "2.7.0",
"description": "Animate the icon. Supported built-in animations are 'cylon', 'fade', 'pulse', 'spin' and 'throb'"
}
]
},
{
"component": "BIconCalendarFill",
"auto-gen": "bootstrap-icons 1.2.2",
"props": [
{
"prop": "title",
"description": "Text content to place in the title",
"version": "2.17.0"
},
{
"prop": "variant",
"description": "Contextual color variant. By default the icon inherits the current text color"
},
{
"prop": "fontScale",
"description": "Scale the icons current font size"
},
{
"prop": "scale",
"description": "Scales the icon's SVG, without increasing the font size"
},
{
"prop": "rotate",
"description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise"
},
{
"prop": "flipH",
"description": "Flips the icon horizontally"
},
{
"prop": "flipV",
"description": "Flips the icon vertically"
},
{
"prop": "shiftH",
"description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units"
},
{
"prop": "shiftV",
"description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units"
},
{
"prop": "stacked",
"version": "2.3.0",
"description": "Set this prop to true when placing inside a BIconstack component"
},
{
"prop": "animation",
"version": "2.7.0",
"description": "Animate the icon. Supported built-in animations are 'cylon', 'fade', 'pulse', 'spin' and 'throb'"
}
]
},
{
"component": "BIconCalendarMinus",
"auto-gen": "bootstrap-icons 1.2.2",
"props": [
{
"prop": "title",
"description": "Text content to place in the title",
"version": "2.17.0"
},
{
"prop": "variant",
"description": "Contextual color variant. By default the icon inherits the current text color"
},
{
"prop": "fontScale",
"description": "Scale the icons current font size"
},
{
"prop": "scale",
"description": "Scales the icon's SVG, without increasing the font size"
},
{
"prop": "rotate",
"description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise"
},
{
"prop": "flipH",
"description": "Flips the icon horizontally"
},
{
"prop": "flipV",
"description": "Flips the icon vertically"
},
{
"prop": "shiftH",
"description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units"
},
{
"prop": "shiftV",
"description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units"
},
{
"prop": "stacked",
"version": "2.3.0",
"description": "Set this prop to true when placing inside a BIconstack component"
},
{
"prop": "animation",
"version": "2.7.0",
"description": "Animate the icon. Supported built-in animations are 'cylon', 'fade', 'pulse', 'spin' and 'throb'"
}
]
},
{
"component": "BIconCalendarMinusFill",
"auto-gen": "bootstrap-icons 1.2.2",
"props": [
{
"prop": "title",
"description": "Text content to place in the title",
"version": "2.17.0"
},
{
"prop": "variant",
"description": "Contextual color variant. By default the icon inherits the current text color"
},
{
"prop": "fontScale",
"description": "Scale the icons current font size"
},
{
"prop": "scale",
"description": "Scales the icon's SVG, without increasing the font size"
},
{
"prop": "rotate",
"description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise"
},
{
"prop": "flipH",
"description": "Flips the icon horizontally"
},
{
"prop": "flipV",
"description": "Flips the icon vertically"
},
{
"prop": "shiftH",
"description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units"
},
{
"prop": "shiftV",
"description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units"
},
{
"prop": "stacked",
"version": "2.3.0",
"description": "Set this prop to true when placing inside a BIconstack component"
},
{
"prop": "animation",
"version": "2.7.0",
"description": "Animate the icon. Supported built-in animations are 'cylon', 'fade', 'pulse', 'spin' and 'throb'"
}
]
},
{
"component": "BIconCalendarMonth",
"auto-gen": "bootstrap-icons 1.2.2",
"props": [
{
"prop": "title",
"description": "Text content to place in the title",
"version": "2.17.0"
},
{
"prop": "variant",
"description": "Contextual color variant. By default the icon inherits the current text color"
},
{
"prop": "fontScale",
"description": "Scale the icons current font size"
},
{
"prop": "scale",
"description": "Scales the icon's SVG, without increasing the font size"
},
{
"prop": "rotate",
"description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise"
},
{
"prop": "flipH",
"description": "Flips the icon horizontally"
},
{
"prop": "flipV",
"description": "Flips the icon vertically"
},
{
"prop": "shiftH",
"description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units"
},
{
"prop": "shiftV",
"description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units"
},
{
"prop": "stacked",
"version": "2.3.0",
"description": "Set this prop to true when placing inside a BIconstack component"
},
{
"prop": "animation",
"version": "2.7.0",
"description": "Animate the icon. Supported built-in animations are 'cylon', 'fade', 'pulse', 'spin' and 'throb'"
}
]
},
{
"component": "BIconCalendarMonthFill",
"auto-gen": "bootstrap-icons 1.2.2",
"props": [
{
"prop": "title",
"description": "Text content to place in the title",
"version": "2.17.0"
},
{
"prop": "variant",
"description": "Contextual color variant. By default the icon inherits the current text color"
},
{
"prop": "fontScale",
"description": "Scale the icons current font size"
},
{
"prop": "scale",
"description": "Scales the icon's SVG, without increasing the font size"
},
{
"prop": "rotate",
"description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise"
},
{
"prop": "flipH",
"description": "Flips the icon horizontally"
},
{
"prop": "flipV",
"description": "Flips the icon vertically"
},
{
"prop": "shiftH",
"description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units"
},
{
"prop": "shiftV",
"description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units"
},
{
"prop": "stacked",
"version": "2.3.0",
"description": "Set this prop to true when placing inside a BIconstack component"
},
{
"prop": "animation",
"version": "2.7.0",
"description": "Animate the icon. Supported built-in animations are 'cylon', 'fade', 'pulse', 'spin' and 'throb'"
}
]
},
{
"component": "BIconCalendarPlus",
"auto-gen": "bootstrap-icons 1.2.2",
"props": [
{
"prop": "title",
"description": "Text content to place in the title",
"version": "2.17.0"
},
{
"prop": "variant",
"description": "Contextual color variant. By default the icon inherits the current text color"
},
{
"prop": "fontScale",
"description": "Scale the icons current font size"
},
{
"prop": "scale",
"description": "Scales the icon's SVG, without increasing the font size"
},
{
"prop": "rotate",
"description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise"
},
{
"prop": "flipH",
"description": "Flips the icon horizontally"
},
{
"prop": "flipV",
"description": "Flips the icon vertically"
},
{
"prop": "shiftH",
"description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units"
},
{
"prop": "shiftV",
"description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units"
},
{
"prop": "stacked",
"version": "2.3.0",
"description": "Set this prop to true when placing inside a BIconstack component"
},
{
"prop": "animation",
"version": "2.7.0",
"description": "Animate the icon. Supported built-in animations are 'cylon', 'fade', 'pulse', 'spin' and 'throb'"
}
]
},
{
"component": "BIconCalendarPlusFill",
"auto-gen": "bootstrap-icons 1.2.2",
"props": [
{
"prop": "title",
"description": "Text content to place in the title",
"version": "2.17.0"
},
{
"prop": "variant",
"description": "Contextual color variant. By default the icon inherits the current text color"
},
{
"prop": "fontScale",
"description": "Scale the icons current font size"
},
{
"prop": "scale",
"description": "Scales the icon's SVG, without increasing the font size"
},
{
"prop": "rotate",
"description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise"
},
{
"prop": "flipH",
"description": "Flips the icon horizontally"
},
{
"prop": "flipV",
"description": "Flips the icon vertically"
},
{
"prop": "shiftH",
"description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units"
},
{
"prop": "shiftV",
"description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units"
},
{
"prop": "stacked",
"version": "2.3.0",
"description": "Set this prop to true when placing inside a BIconstack component"
},
{
"prop": "animation",
"version": "2.7.0",
"description": "Animate the icon. Supported built-in animations are 'cylon', 'fade', 'pulse', 'spin' and 'throb'"
}
]
},
{
"component": "BIconCalendarRange",
"auto-gen": "bootstrap-icons 1.2.2",
"props": [
{
"prop": "title",
"description": "Text content to place in the title",
"version": "2.17.0"
},
{
"prop": "variant",
"description": "Contextual color variant. By default the icon inherits the current text color"
},
{
"prop": "fontScale",
"description": "Scale the icons current font size"
},
{
"prop": "scale",
"description": "Scales the icon's SVG, without increasing the font size"
},
{
"prop": "rotate",
"description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise"
},
{
"prop": "flipH",
"description": "Flips the icon horizontally"
},
{
"prop": "flipV",
"description": "Flips the icon vertically"
},
{
"prop": "shiftH",
"description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units"
},
{
"prop": "shiftV",
"description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units"
},
{
"prop": "stacked",
"version": "2.3.0",
"description": "Set this prop to true when placing inside a BIconstack component"
},
{
"prop": "animation",
"version": "2.7.0",
"description": "Animate the icon. Supported built-in animations are 'cylon', 'fade', 'pulse', 'spin' and 'throb'"
}
]
},
{
"component": "BIconCalendarRangeFill",
"auto-gen": "bootstrap-icons 1.2.2",
"props": [
{
"prop": "title",
"description": "Text content to place in the title",
"version": "2.17.0"
},
{
"prop": "variant",
"description": "Contextual color variant. By default the icon inherits the current text color"
},
{
"prop": "fontScale",
"description": "Scale the icons current font size"
},
{
"prop": "scale",
"description": "Scales the icon's SVG, without increasing the font size"
},
{
"prop": "rotate",
"description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise"
},
{
"prop": "flipH",
"description": "Flips the icon horizontally"
},
{
"prop": "flipV",
"description": "Flips the icon vertically"
},
{
"prop": "shiftH",
"description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units"
},
{
"prop": "shiftV",
"description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units"
},
{
"prop": "stacked",
"version": "2.3.0",
"description": "Set this prop to true when placing inside a BIconstack component"
},
{
"prop": "animation",
"version": "2.7.0",
"description": "Animate the icon. Supported built-in animations are 'cylon', 'fade', 'pulse', 'spin' and 'throb'"
}
]
},
{
"component": "BIconCalendarWeek",
"auto-gen": "bootstrap-icons 1.2.2",
"props": [
{
"prop": "title",
"description": "Text content to place in the title",
"version": "2.17.0"
},
{
"prop": "variant",
"description": "Contextual color variant. By default the icon inherits the current text color"
},
{
"prop": "fontScale",
"description": "Scale the icons current font size"
},
{
"prop": "scale",
"description": "Scales the icon's SVG, without increasing the font size"
},
{
"prop": "rotate",
"description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise"
},
{
"prop": "flipH",
"description": "Flips the icon horizontally"
},
{
"prop": "flipV",
"description": "Flips the icon vertically"
},
{
"prop": "shiftH",
"description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units"
},
{
"prop": "shiftV",
"description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units"
},
{
"prop": "stacked",
"version": "2.3.0",
"description": "Set this prop to true when placing inside a BIconstack component"
},
{
"prop": "animation",
"version": "2.7.0",
"description": "Animate the icon. Supported built-in animations are 'cylon', 'fade', 'pulse', 'spin' and 'throb'"
}
]
},
{
"component": "BIconCalendarWeekFill",
"auto-gen": "bootstrap-icons 1.2.2",
"props": [
{
"prop": "title",
"description": "Text content to place in the title",
"version": "2.17.0"
},
{
"prop": "variant",
"description": "Contextual color variant. By default the icon inherits the current text color"
},
{
"prop": "fontScale",
"description": "Scale the icons current font size"
},
{
"prop": "scale",
"description": "Scales the icon's SVG, without increasing the font size"
},
{
"prop": "rotate",
"description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise"
},
{
"prop": "flipH",
"description": "Flips the icon horizontally"
},
{
"prop": "flipV",
"description": "Flips the icon vertically"
},
{
"prop": "shiftH",
"description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units"
},
{
"prop": "shiftV",
"description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units"
},
{
"prop": "stacked",
"version": "2.3.0",
"description": "Set this prop to true when placing inside a BIconstack component"
},
{
"prop": "animation",
"version": "2.7.0",
"description": "Animate the icon. Supported built-in animations are 'cylon', 'fade', 'pulse', 'spin' and 'throb'"
}
]
},
{
"component": "BIconCalendarX",
"auto-gen": "bootstrap-icons 1.2.2",
"props": [
{
"prop": "title",
"description": "Text content to place in the title",
"version": "2.17.0"
},
{
"prop": "variant",
"description": "Contextual color variant. By default the icon inherits the current text color"
},
{
"prop": "fontScale",
"description": "Scale the icons current font size"
},
{
"prop": "scale",
"description": "Scales the icon's SVG, without increasing the font size"
},
{
"prop": "rotate",
"description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise"
},
{
"prop": "flipH",
"description": "Flips the icon horizontally"
},
{
"prop": "flipV",
"description": "Flips the icon vertically"
},
{
"prop": "shiftH",
"description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units"
},
{
"prop": "shiftV",
"description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units"
},
{
"prop": "stacked",
"version": "2.3.0",
"description": "Set this prop to true when placing inside a BIconstack component"
},
{
"prop": "animation",
"version": "2.7.0",
"description": "Animate the icon. Supported built-in animations are 'cylon', 'fade', 'pulse', 'spin' and 'throb'"
}
]
},
{
"component": "BIconCalendarXFill",
"auto-gen": "bootstrap-icons 1.2.2",
"props": [
{
"prop": "title",
"description": "Text content to place in the title",
"version": "2.17.0"
},
{
"prop": "variant",
"description": "Contextual color variant. By default the icon inherits the current text color"
},
{
"prop": "fontScale",
"description": "Scale the icons current font size"
},
{
"prop": "scale",
"description": "Scales the icon's SVG, without increasing the font size"
},
{
"prop": "rotate",
"description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise"
},
{
"prop": "flipH",
"description": "Flips the icon horizontally"
},
{
"prop": "flipV",
"description": "Flips the icon vertically"
},
{
"prop": "shiftH",
"description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units"
},
{
"prop": "shiftV",
"description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units"
},
{
"prop": "stacked",
"version": "2.3.0",
"description": "Set this prop to true when placing inside a BIconstack component"
},
{
"prop": "animation",
"version": "2.7.0",
"description": "Animate the icon. Supported built-in animations are 'cylon', 'fade', 'pulse', 'spin' and 'throb'"
}
]
},
{
"component": "BIconCamera",
"auto-gen": "bootstrap-icons 1.2.2",
"props": [
{
"prop": "title",
"description": "Text content to place in the title",
"version": "2.17.0"
},
{
"prop": "variant",
"description": "Contextual color variant. By default the icon inherits the current text color"
},
{
"prop": "fontScale",
"description": "Scale the icons current font size"
},
{
"prop": "scale",
"description": "Scales the icon's SVG, without increasing the font size"
},
{
"prop": "rotate",
"description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise"
},
{
"prop": "flipH",
"description": "Flips the icon horizontally"
},
{
"prop": "flipV",
"description": "Flips the icon vertically"
},
{
"prop": "shiftH",
"description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units"
},
{
"prop": "shiftV",
"description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units"
},
{
"prop": "stacked",
"version": "2.3.0",
"description": "Set this prop to true when placing inside a BIconstack component"
},
{
"prop": "animation",
"version": "2.7.0",
"description": "Animate the icon. Supported built-in animations are 'cylon', 'fade', 'pulse', 'spin' and 'throb'"
}
]
},
{
"component": "BIconCamera2",
"auto-gen": "bootstrap-icons 1.2.2",
"props": [
{
"prop": "title",
"description": "Text content to place in the title",
"version": "2.17.0"
},
{
"prop": "variant",
"description": "Contextual color variant. By default the icon inherits the current text color"
},
{
"prop": "fontScale",
"description": "Scale the icons current font size"
},
{
"prop": "scale",
"description": "Scales the icon's SVG, without increasing the font size"
},
{
"prop": "rotate",
"description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise"
},
{
"prop": "flipH",
"description": "Flips the icon horizontally"
},
{
"prop": "flipV",
"description": "Flips the icon vertically"
},
{
"prop": "shiftH",
"description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units"
},
{
"prop": "shiftV",
"description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units"
},
{
"prop": "stacked",
"version": "2.3.0",
"description": "Set this prop to true when placing inside a BIconstack component"
},
{
"prop": "animation",
"version": "2.7.0",
"description": "Animate the icon. Supported built-in animations are 'cylon', 'fade', 'pulse', 'spin' and 'throb'"
}
]
},
{
"component": "BIconCameraFill",
"auto-gen": "bootstrap-icons 1.2.2",
"props": [
{
"prop": "title",
"description": "Text content to place in the title",
"version": "2.17.0"
},
{
"prop": "variant",
"description": "Contextual color variant. By default the icon inherits the current text color"
},
{
"prop": "fontScale",
"description": "Scale the icons current font size"
},
{
"prop": "scale",
"description": "Scales the icon's SVG, without increasing the font size"
},
{
"prop": "rotate",
"description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise"
},
{
"prop": "flipH",
"description": "Flips the icon horizontally"
},
{
"prop": "flipV",
"description": "Flips the icon vertically"
},
{
"prop": "shiftH",
"description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units"
},
{
"prop": "shiftV",
"description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units"
},
{
"prop": "stacked",
"version": "2.3.0",
"description": "Set this prop to true when placing inside a BIconstack component"
},
{
"prop": "animation",
"version": "2.7.0",
"description": "Animate the icon. Supported built-in animations are 'cylon', 'fade', 'pulse', 'spin' and 'throb'"
}
]
},
{
"component": "BIconCameraReels",
"auto-gen": "bootstrap-icons 1.2.2",
"props": [
{
"prop": "title",
"description": "Text content to place in the title",
"version": "2.17.0"
},
{
"prop": "variant",
"description": "Contextual color variant. By default the icon inherits the current text color"
},
{
"prop": "fontScale",
"description": "Scale the icons current font size"
},
{
"prop": "scale",
"description": "Scales the icon's SVG, without increasing the font size"
},
{
"prop": "rotate",
"description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise"
},
{
"prop": "flipH",
"description": "Flips the icon horizontally"
},
{
"prop": "flipV",
"description": "Flips the icon vertically"
},
{
"prop": "shiftH",
"description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units"
},
{
"prop": "shiftV",
"description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units"
},
{
"prop": "stacked",
"version": "2.3.0",
"description": "Set this prop to true when placing inside a BIconstack component"
},
{
"prop": "animation",
"version": "2.7.0",
"description": "Animate the icon. Supported built-in animations are 'cylon', 'fade', 'pulse', 'spin' and 'throb'"
}
]
},
{
"component": "BIconCameraReelsFill",
"auto-gen": "bootstrap-icons 1.2.2",
"props": [
{
"prop": "title",
"description": "Text content to place in the title",
"version": "2.17.0"
},
{
"prop": "variant",
"description": "Contextual color variant. By default the icon inherits the current text color"
},
{
"prop": "fontScale",
"description": "Scale the icons current font size"
},
{
"prop": "scale",
"description": "Scales the icon's SVG, without increasing the font size"
},
{
"prop": "rotate",
"description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise"
},
{
"prop": "flipH",
"description": "Flips the icon horizontally"
},
{
"prop": "flipV",
"description": "Flips the icon vertically"
},
{
"prop": "shiftH",
"description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units"
},
{
"prop": "shiftV",
"description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units"
},
{
"prop": "stacked",
"version": "2.3.0",
"description": "Set this prop to true when placing inside a BIconstack component"
},
{
"prop": "animation",
"version": "2.7.0",
"description": "Animate the icon. Supported built-in animations are 'cylon', 'fade', 'pulse', 'spin' and 'throb'"
}
]
},
{
"component": "BIconCameraVideo",
"auto-gen": "bootstrap-icons 1.2.2",
"props": [
{
"prop": "title",
"description": "Text content to place in the title",
"version": "2.17.0"
},
{
"prop": "variant",
"description": "Contextual color variant. By default the icon inherits the current text color"
},
{
"prop": "fontScale",
"description": "Scale the icons current font size"
},
{
"prop": "scale",
"description": "Scales the icon's SVG, without increasing the font size"
},
{
"prop": "rotate",
"description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise"
},
{
"prop": "flipH",
"description": "Flips the icon horizontally"
},
{
"prop": "flipV",
"description": "Flips the icon vertically"
},
{
"prop": "shiftH",
"description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units"
},
{
"prop": "shiftV",
"description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units"
},
{
"prop": "stacked",
"version": "2.3.0",
"description": "Set this prop to true when placing inside a BIconstack component"
},
{
"prop": "animation",
"version": "2.7.0",
"description": "Animate the icon. Supported built-in animations are 'cylon', 'fade', 'pulse', 'spin' and 'throb'"
}
]
},
{
"component": "BIconCameraVideoFill",
"auto-gen": "bootstrap-icons 1.2.2",
"props": [
{
"prop": "title",
"description": "Text content to place in the title",
"version": "2.17.0"
},
{
"prop": "variant",
"description": "Contextual color variant. By default the icon inherits the current text color"
},
{
"prop": "fontScale",
"description": "Scale the icons current font size"
},
{
"prop": "scale",
"description": "Scales the icon's SVG, without increasing the font size"
},
{
"prop": "rotate",
"description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise"
},
{
"prop": "flipH",
"description": "Flips the icon horizontally"
},
{
"prop": "flipV",
"description": "Flips the icon vertically"
},
{
"prop": "shiftH",
"description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units"
},
{
"prop": "shiftV",
"description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units"
},
{
"prop": "stacked",
"version": "2.3.0",
"description": "Set this prop to true when placing inside a BIconstack component"
},
{
"prop": "animation",
"version": "2.7.0",
"description": "Animate the icon. Supported built-in animations are 'cylon', 'fade', 'pulse', 'spin' and 'throb'"
}
]
},
{
"component": "BIconCameraVideoOff",
"auto-gen": "bootstrap-icons 1.2.2",
"props": [
{
"prop": "title",
"description": "Text content to place in the title",
"version": "2.17.0"
},
{
"prop": "variant",
"description": "Contextual color variant. By default the icon inherits the current text color"
},
{
"prop": "fontScale",
"description": "Scale the icons current font size"
},
{
"prop": "scale",
"description": "Scales the icon's SVG, without increasing the font size"
},
{
"prop": "rotate",
"description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise"
},
{
"prop": "flipH",
"description": "Flips the icon horizontally"
},
{
"prop": "flipV",
"description": "Flips the icon vertically"
},
{
"prop": "shiftH",
"description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units"
},
{
"prop": "shiftV",
"description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units"
},
{
"prop": "stacked",
"version": "2.3.0",
"description": "Set this prop to true when placing inside a BIconstack component"
},
{
"prop": "animation",
"version": "2.7.0",
"description": "Animate the icon. Supported built-in animations are 'cylon', 'fade', 'pulse', 'spin' and 'throb'"
}
]
},
{
"component": "BIconCameraVideoOffFill",
"auto-gen": "bootstrap-icons 1.2.2",
"props": [
{
"prop": "title",
"description": "Text content to place in the title",
"version": "2.17.0"
},
{
"prop": "variant",
"description": "Contextual color variant. By default the icon inherits the current text color"
},
{
"prop": "fontScale",
"description": "Scale the icons current font size"
},
{
"prop": "scale",
"description": "Scales the icon's SVG, without increasing the font size"
},
{
"prop": "rotate",
"description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise"
},
{
"prop": "flipH",
"description": "Flips the icon horizontally"
},
{
"prop": "flipV",
"description": "Flips the icon vertically"
},
{
"prop": "shiftH",
"description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units"
},
{
"prop": "shiftV",
"description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units"
},
{
"prop": "stacked",
"version": "2.3.0",
"description": "Set this prop to true when placing inside a BIconstack component"
},
{
"prop": "animation",
"version": "2.7.0",
"description": "Animate the icon. Supported built-in animations are 'cylon', 'fade', 'pulse', 'spin' and 'throb'"
}
]
},
{
"component": "BIconCapslock",
"auto-gen": "bootstrap-icons 1.2.2",
"props": [
{
"prop": "title",
"description": "Text content to place in the title",
"version": "2.17.0"
},
{
"prop": "variant",
"description": "Contextual color variant. By default the icon inherits the current text color"
},
{
"prop": "fontScale",
"description": "Scale the icons current font size"
},
{
"prop": "scale",
"description": "Scales the icon's SVG, without increasing the font size"
},
{
"prop": "rotate",
"description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise"
},
{
"prop": "flipH",
"description": "Flips the icon horizontally"
},
{
"prop": "flipV",
"description": "Flips the icon vertically"
},
{
"prop": "shiftH",
"description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units"
},
{
"prop": "shiftV",
"description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units"
},
{
"prop": "stacked",
"version": "2.3.0",
"description": "Set this prop to true when placing inside a BIconstack component"
},
{
"prop": "animation",
"version": "2.7.0",
"description": "Animate the icon. Supported built-in animations are 'cylon', 'fade', 'pulse', 'spin' and 'throb'"
}
]
},
{
"component": "BIconCapslockFill",
"auto-gen": "bootstrap-icons 1.2.2",
"props": [
{
"prop": "title",
"description": "Text content to place in the title",
"version": "2.17.0"
},
{
"prop": "variant",
"description": "Contextual color variant. By default the icon inherits the current text color"
},
{
"prop": "fontScale",
"description": "Scale the icons current font size"
},
{
"prop": "scale",
"description": "Scales the icon's SVG, without increasing the font size"
},
{
"prop": "rotate",
"description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise"
},
{
"prop": "flipH",
"description": "Flips the icon horizontally"
},
{
"prop": "flipV",
"description": "Flips the icon vertically"
},
{
"prop": "shiftH",
"description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units"
},
{
"prop": "shiftV",
"description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units"
},
{
"prop": "stacked",
"version": "2.3.0",
"description": "Set this prop to true when placing inside a BIconstack component"
},
{
"prop": "animation",
"version": "2.7.0",
"description": "Animate the icon. Supported built-in animations are 'cylon', 'fade', 'pulse', 'spin' and 'throb'"
}
]
},
{
"component": "BIconCardChecklist",
"auto-gen": "bootstrap-icons 1.2.2",
"props": [
{
"prop": "title",
"description": "Text content to place in the title",
"version": "2.17.0"
},
{
"prop": "variant",
"description": "Contextual color variant. By default the icon inherits the current text color"
},
{
"prop": "fontScale",
"description": "Scale the icons current font size"
},
{
"prop": "scale",
"description": "Scales the icon's SVG, without increasing the font size"
},
{
"prop": "rotate",
"description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise"
},
{
"prop": "flipH",
"description": "Flips the icon horizontally"
},
{
"prop": "flipV",
"description": "Flips the icon vertically"
},
{
"prop": "shiftH",
"description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units"
},
{
"prop": "shiftV",
"description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units"
},
{
"prop": "stacked",
"version": "2.3.0",
"description": "Set this prop to true when placing inside a BIconstack component"
},
{
"prop": "animation",
"version": "2.7.0",
"description": "Animate the icon. Supported built-in animations are 'cylon', 'fade', 'pulse', 'spin' and 'throb'"
}
]
},
{
"component": "BIconCardHeading",
"auto-gen": "bootstrap-icons 1.2.2",
"props": [
{
"prop": "title",
"description": "Text content to place in the title",
"version": "2.17.0"
},
{
"prop": "variant",
"description": "Contextual color variant. By default the icon inherits the current text color"
},
{
"prop": "fontScale",
"description": "Scale the icons current font size"
},
{
"prop": "scale",
"description": "Scales the icon's SVG, without increasing the font size"
},
{
"prop": "rotate",
"description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise"
},
{
"prop": "flipH",
"description": "Flips the icon horizontally"
},
{
"prop": "flipV",
"description": "Flips the icon vertically"
},
{
"prop": "shiftH",
"description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units"
},
{
"prop": "shiftV",
"description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units"
},
{
"prop": "stacked",
"version": "2.3.0",
"description": "Set this prop to true when placing inside a BIconstack component"
},
{
"prop": "animation",
"version": "2.7.0",
"description": "Animate the icon. Supported built-in animations are 'cylon', 'fade', 'pulse', 'spin' and 'throb'"
}
]
},
{
"component": "BIconCardImage",
"auto-gen": "bootstrap-icons 1.2.2",
"props": [
{
"prop": "title",
"description": "Text content to place in the title",
"version": "2.17.0"
},
{
"prop": "variant",
"description": "Contextual color variant. By default the icon inherits the current text color"
},
{
"prop": "fontScale",
"description": "Scale the icons current font size"
},
{
"prop": "scale",
"description": "Scales the icon's SVG, without increasing the font size"
},
{
"prop": "rotate",
"description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise"
},
{
"prop": "flipH",
"description": "Flips the icon horizontally"
},
{
"prop": "flipV",
"description": "Flips the icon vertically"
},
{
"prop": "shiftH",
"description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units"
},
{
"prop": "shiftV",
"description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units"
},
{
"prop": "stacked",
"version": "2.3.0",
"description": "Set this prop to true when placing inside a BIconstack component"
},
{
"prop": "animation",
"version": "2.7.0",
"description": "Animate the icon. Supported built-in animations are 'cylon', 'fade', 'pulse', 'spin' and 'throb'"
}
]
},
{
"component": "BIconCardList",
"auto-gen": "bootstrap-icons 1.2.2",
"props": [
{
"prop": "title",
"description": "Text content to place in the title",
"version": "2.17.0"
},
{
"prop": "variant",
"description": "Contextual color variant. By default the icon inherits the current text color"
},
{
"prop": "fontScale",
"description": "Scale the icons current font size"
},
{
"prop": "scale",
"description": "Scales the icon's SVG, without increasing the font size"
},
{
"prop": "rotate",
"description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise"
},
{
"prop": "flipH",
"description": "Flips the icon horizontally"
},
{
"prop": "flipV",
"description": "Flips the icon vertically"
},
{
"prop": "shiftH",
"description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units"
},
{
"prop": "shiftV",
"description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units"
},
{
"prop": "stacked",
"version": "2.3.0",
"description": "Set this prop to true when placing inside a BIconstack component"
},
{
"prop": "animation",
"version": "2.7.0",
"description": "Animate the icon. Supported built-in animations are 'cylon', 'fade', 'pulse', 'spin' and 'throb'"
}
]
},
{
"component": "BIconCardText",
"auto-gen": "bootstrap-icons 1.2.2",
"props": [
{
"prop": "title",
"description": "Text content to place in the title",
"version": "2.17.0"
},
{
"prop": "variant",
"description": "Contextual color variant. By default the icon inherits the current text color"
},
{
"prop": "fontScale",
"description": "Scale the icons current font size"
},
{
"prop": "scale",
"description": "Scales the icon's SVG, without increasing the font size"
},
{
"prop": "rotate",
"description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise"
},
{
"prop": "flipH",
"description": "Flips the icon horizontally"
},
{
"prop": "flipV",
"description": "Flips the icon vertically"
},
{
"prop": "shiftH",
"description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units"
},
{
"prop": "shiftV",
"description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units"
},
{
"prop": "stacked",
"version": "2.3.0",
"description": "Set this prop to true when placing inside a BIconstack component"
},
{
"prop": "animation",
"version": "2.7.0",
"description": "Animate the icon. Supported built-in animations are 'cylon', 'fade', 'pulse', 'spin' and 'throb'"
}
]
},
{
"component": "BIconCaretDown",
"auto-gen": "bootstrap-icons 1.2.2",
"props": [
{
"prop": "title",
"description": "Text content to place in the title",
"version": "2.17.0"
},
{
"prop": "variant",
"description": "Contextual color variant. By default the icon inherits the current text color"
},
{
"prop": "fontScale",
"description": "Scale the icons current font size"
},
{
"prop": "scale",
"description": "Scales the icon's SVG, without increasing the font size"
},
{
"prop": "rotate",
"description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise"
},
{
"prop": "flipH",
"description": "Flips the icon horizontally"
},
{
"prop": "flipV",
"description": "Flips the icon vertically"
},
{
"prop": "shiftH",
"description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units"
},
{
"prop": "shiftV",
"description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units"
},
{
"prop": "stacked",
"version": "2.3.0",
"description": "Set this prop to true when placing inside a BIconstack component"
},
{
"prop": "animation",
"version": "2.7.0",
"description": "Animate the icon. Supported built-in animations are 'cylon', 'fade', 'pulse', 'spin' and 'throb'"
}
]
},
{
"component": "BIconCaretDownFill",
"auto-gen": "bootstrap-icons 1.2.2",
"props": [
{
"prop": "title",
"description": "Text content to place in the title",
"version": "2.17.0"
},
{
"prop": "variant",
"description": "Contextual color variant. By default the icon inherits the current text color"
},
{
"prop": "fontScale",
"description": "Scale the icons current font size"
},
{
"prop": "scale",
"description": "Scales the icon's SVG, without increasing the font size"
},
{
"prop": "rotate",
"description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise"
},
{
"prop": "flipH",
"description": "Flips the icon horizontally"
},
{
"prop": "flipV",
"description": "Flips the icon vertically"
},
{
"prop": "shiftH",
"description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units"
},
{
"prop": "shiftV",
"description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units"
},
{
"prop": "stacked",
"version": "2.3.0",
"description": "Set this prop to true when placing inside a BIconstack component"
},
{
"prop": "animation",
"version": "2.7.0",
"description": "Animate the icon. Supported built-in animations are 'cylon', 'fade', 'pulse', 'spin' and 'throb'"
}
]
},
{
"component": "BIconCaretDownSquare",
"auto-gen": "bootstrap-icons 1.2.2",
"props": [
{
"prop": "title",
"description": "Text content to place in the title",
"version": "2.17.0"
},
{
"prop": "variant",
"description": "Contextual color variant. By default the icon inherits the current text color"
},
{
"prop": "fontScale",
"description": "Scale the icons current font size"
},
{
"prop": "scale",
"description": "Scales the icon's SVG, without increasing the font size"
},
{
"prop": "rotate",
"description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise"
},
{
"prop": "flipH",
"description": "Flips the icon horizontally"
},
{
"prop": "flipV",
"description": "Flips the icon vertically"
},
{
"prop": "shiftH",
"description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units"
},
{
"prop": "shiftV",
"description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units"
},
{
"prop": "stacked",
"version": "2.3.0",
"description": "Set this prop to true when placing inside a BIconstack component"
},
{
"prop": "animation",
"version": "2.7.0",
"description": "Animate the icon. Supported built-in animations are 'cylon', 'fade', 'pulse', 'spin' and 'throb'"
}
]
},
{
"component": "BIconCaretDownSquareFill",
"auto-gen": "bootstrap-icons 1.2.2",
"props": [
{
"prop": "title",
"description": "Text content to place in the title",
"version": "2.17.0"
},
{
"prop": "variant",
"description": "Contextual color variant. By default the icon inherits the current text color"
},
{
"prop": "fontScale",
"description": "Scale the icons current font size"
},
{
"prop": "scale",
"description": "Scales the icon's SVG, without increasing the font size"
},
{
"prop": "rotate",
"description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise"
},
{
"prop": "flipH",
"description": "Flips the icon horizontally"
},
{
"prop": "flipV",
"description": "Flips the icon vertically"
},
{
"prop": "shiftH",
"description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units"
},
{
"prop": "shiftV",
"description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units"
},
{
"prop": "stacked",
"version": "2.3.0",
"description": "Set this prop to true when placing inside a BIconstack component"
},
{
"prop": "animation",
"version": "2.7.0",
"description": "Animate the icon. Supported built-in animations are 'cylon', 'fade', 'pulse', 'spin' and 'throb'"
}
]
},
{
"component": "BIconCaretLeft",
"auto-gen": "bootstrap-icons 1.2.2",
"props": [
{
"prop": "title",
"description": "Text content to place in the title",
"version": "2.17.0"
},
{
"prop": "variant",
"description": "Contextual color variant. By default the icon inherits the current text color"
},
{
"prop": "fontScale",
"description": "Scale the icons current font size"
},
{
"prop": "scale",
"description": "Scales the icon's SVG, without increasing the font size"
},
{
"prop": "rotate",
"description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise"
},
{
"prop": "flipH",
"description": "Flips the icon horizontally"
},
{
"prop": "flipV",
"description": "Flips the icon vertically"
},
{
"prop": "shiftH",
"description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units"
},
{
"prop": "shiftV",
"description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units"
},
{
"prop": "stacked",
"version": "2.3.0",
"description": "Set this prop to true when placing inside a BIconstack component"
},
{
"prop": "animation",
"version": "2.7.0",
"description": "Animate the icon. Supported built-in animations are 'cylon', 'fade', 'pulse', 'spin' and 'throb'"
}
]
},
{
"component": "BIconCaretLeftFill",
"auto-gen": "bootstrap-icons 1.2.2",
"props": [
{
"prop": "title",
"description": "Text content to place in the title",
"version": "2.17.0"
},
{
"prop": "variant",
"description": "Contextual color variant. By default the icon inherits the current text color"
},
{
"prop": "fontScale",
"description": "Scale the icons current font size"
},
{
"prop": "scale",
"description": "Scales the icon's SVG, without increasing the font size"
},
{
"prop": "rotate",
"description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise"
},
{
"prop": "flipH",
"description": "Flips the icon horizontally"
},
{
"prop": "flipV",
"description": "Flips the icon vertically"
},
{
"prop": "shiftH",
"description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units"
},
{
"prop": "shiftV",
"description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units"
},
{
"prop": "stacked",
"version": "2.3.0",
"description": "Set this prop to true when placing inside a BIconstack component"
},
{
"prop": "animation",
"version": "2.7.0",
"description": "Animate the icon. Supported built-in animations are 'cylon', 'fade', 'pulse', 'spin' and 'throb'"
}
]
},
{
"component": "BIconCaretLeftSquare",
"auto-gen": "bootstrap-icons 1.2.2",
"props": [
{
"prop": "title",
"description": "Text content to place in the title",
"version": "2.17.0"
},
{
"prop": "variant",
"description": "Contextual color variant. By default the icon inherits the current text color"
},
{
"prop": "fontScale",
"description": "Scale the icons current font size"
},
{
"prop": "scale",
"description": "Scales the icon's SVG, without increasing the font size"
},
{
"prop": "rotate",
"description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise"
},
{
"prop": "flipH",
"description": "Flips the icon horizontally"
},
{
"prop": "flipV",
"description": "Flips the icon vertically"
},
{
"prop": "shiftH",
"description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units"
},
{
"prop": "shiftV",
"description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units"
},
{
"prop": "stacked",
"version": "2.3.0",
"description": "Set this prop to true when placing inside a BIconstack component"
},
{
"prop": "animation",
"version": "2.7.0",
"description": "Animate the icon. Supported built-in animations are 'cylon', 'fade', 'pulse', 'spin' and 'throb'"
}
]
},
{
"component": "BIconCaretLeftSquareFill",
"auto-gen": "bootstrap-icons 1.2.2",
"props": [
{
"prop": "title",
"description": "Text content to place in the title",
"version": "2.17.0"
},
{
"prop": "variant",
"description": "Contextual color variant. By default the icon inherits the current text color"
},
{
"prop": "fontScale",
"description": "Scale the icons current font size"
},
{
"prop": "scale",
"description": "Scales the icon's SVG, without increasing the font size"
},
{
"prop": "rotate",
"description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise"
},
{
"prop": "flipH",
"description": "Flips the icon horizontally"
},
{
"prop": "flipV",
"description": "Flips the icon vertically"
},
{
"prop": "shiftH",
"description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units"
},
{
"prop": "shiftV",
"description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units"
},
{
"prop": "stacked",
"version": "2.3.0",
"description": "Set this prop to true when placing inside a BIconstack component"
},
{
"prop": "animation",
"version": "2.7.0",
"description": "Animate the icon. Supported built-in animations are 'cylon', 'fade', 'pulse', 'spin' and 'throb'"
}
]
},
{
"component": "BIconCaretRight",
"auto-gen": "bootstrap-icons 1.2.2",
"props": [
{
"prop": "title",
"description": "Text content to place in the title",
"version": "2.17.0"
},
{
"prop": "variant",
"description": "Contextual color variant. By default the icon inherits the current text color"
},
{
"prop": "fontScale",
"description": "Scale the icons current font size"
},
{
"prop": "scale",
"description": "Scales the icon's SVG, without increasing the font size"
},
{
"prop": "rotate",
"description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise"
},
{
"prop": "flipH",
"description": "Flips the icon horizontally"
},
{
"prop": "flipV",
"description": "Flips the icon vertically"
},
{
"prop": "shiftH",
"description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units"
},
{
"prop": "shiftV",
"description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units"
},
{
"prop": "stacked",
"version": "2.3.0",
"description": "Set this prop to true when placing inside a BIconstack component"
},
{
"prop": "animation",
"version": "2.7.0",
"description": "Animate the icon. Supported built-in animations are 'cylon', 'fade', 'pulse', 'spin' and 'throb'"
}
]
},
{
"component": "BIconCaretRightFill",
"auto-gen": "bootstrap-icons 1.2.2",
"props": [
{
"prop": "title",
"description": "Text content to place in the title",
"version": "2.17.0"
},
{
"prop": "variant",
"description": "Contextual color variant. By default the icon inherits the current text color"
},
{
"prop": "fontScale",
"description": "Scale the icons current font size"
},
{
"prop": "scale",
"description": "Scales the icon's SVG, without increasing the font size"
},
{
"prop": "rotate",
"description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise"
},
{
"prop": "flipH",
"description": "Flips the icon horizontally"
},
{
"prop": "flipV",
"description": "Flips the icon vertically"
},
{
"prop": "shiftH",
"description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units"
},
{
"prop": "shiftV",
"description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units"
},
{
"prop": "stacked",
"version": "2.3.0",
"description": "Set this prop to true when placing inside a BIconstack component"
},
{
"prop": "animation",
"version": "2.7.0",
"description": "Animate the icon. Supported built-in animations are 'cylon', 'fade', 'pulse', 'spin' and 'throb'"
}
]
},
{
"component": "BIconCaretRightSquare",
"auto-gen": "bootstrap-icons 1.2.2",
"props": [
{
"prop": "title",
"description": "Text content to place in the title",
"version": "2.17.0"
},
{
"prop": "variant",
"description": "Contextual color variant. By default the icon inherits the current text color"
},
{
"prop": "fontScale",
"description": "Scale the icons current font size"
},
{
"prop": "scale",
"description": "Scales the icon's SVG, without increasing the font size"
},
{
"prop": "rotate",
"description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise"
},
{
"prop": "flipH",
"description": "Flips the icon horizontally"
},
{
"prop": "flipV",
"description": "Flips the icon vertically"
},
{
"prop": "shiftH",
"description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units"
},
{
"prop": "shiftV",
"description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units"
},
{
"prop": "stacked",
"version": "2.3.0",
"description": "Set this prop to true when placing inside a BIconstack component"
},
{
"prop": "animation",
"version": "2.7.0",
"description": "Animate the icon. Supported built-in animations are 'cylon', 'fade', 'pulse', 'spin' and 'throb'"
}
]
},
{
"component": "BIconCaretRightSquareFill",
"auto-gen": "bootstrap-icons 1.2.2",
"props": [
{
"prop": "title",
"description": "Text content to place in the title",
"version": "2.17.0"
},
{
"prop": "variant",
"description": "Contextual color variant. By default the icon inherits the current text color"
},
{
"prop": "fontScale",
"description": "Scale the icons current font size"
},
{
"prop": "scale",
"description": "Scales the icon's SVG, without increasing the font size"
},
{
"prop": "rotate",
"description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise"
},
{
"prop": "flipH",
"description": "Flips the icon horizontally"
},
{
"prop": "flipV",
"description": "Flips the icon vertically"
},
{
"prop": "shiftH",
"description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units"
},
{
"prop": "shiftV",
"description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units"
},
{
"prop": "stacked",
"version": "2.3.0",
"description": "Set this prop to true when placing inside a BIconstack component"
},
{
"prop": "animation",
"version": "2.7.0",
"description": "Animate the icon. Supported built-in animations are 'cylon', 'fade', 'pulse', 'spin' and 'throb'"
}
]
},
{
"component": "BIconCaretUp",
"auto-gen": "bootstrap-icons 1.2.2",
"props": [
{
"prop": "title",
"description": "Text content to place in the title",
"version": "2.17.0"
},
{
"prop": "variant",
"description": "Contextual color variant. By default the icon inherits the current text color"
},
{
"prop": "fontScale",
"description": "Scale the icons current font size"
},
{
"prop": "scale",
"description": "Scales the icon's SVG, without increasing the font size"
},
{
"prop": "rotate",
"description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise"
},
{
"prop": "flipH",
"description": "Flips the icon horizontally"
},
{
"prop": "flipV",
"description": "Flips the icon vertically"
},
{
"prop": "shiftH",
"description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units"
},
{
"prop": "shiftV",
"description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units"
},
{
"prop": "stacked",
"version": "2.3.0",
"description": "Set this prop to true when placing inside a BIconstack component"
},
{
"prop": "animation",
"version": "2.7.0",
"description": "Animate the icon. Supported built-in animations are 'cylon', 'fade', 'pulse', 'spin' and 'throb'"
}
]
},
{
"component": "BIconCaretUpFill",
"auto-gen": "bootstrap-icons 1.2.2",
"props": [
{
"prop": "title",
"description": "Text content to place in the title",
"version": "2.17.0"
},
{
"prop": "variant",
"description": "Contextual color variant. By default the icon inherits the current text color"
},
{
"prop": "fontScale",
"description": "Scale the icons current font size"
},
{
"prop": "scale",
"description": "Scales the icon's SVG, without increasing the font size"
},
{
"prop": "rotate",
"description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise"
},
{
"prop": "flipH",
"description": "Flips the icon horizontally"
},
{
"prop": "flipV",
"description": "Flips the icon vertically"
},
{
"prop": "shiftH",
"description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units"
},
{
"prop": "shiftV",
"description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units"
},
{
"prop": "stacked",
"version": "2.3.0",
"description": "Set this prop to true when placing inside a BIconstack component"
},
{
"prop": "animation",
"version": "2.7.0",
"description": "Animate the icon. Supported built-in animations are 'cylon', 'fade', 'pulse', 'spin' and 'throb'"
}
]
},
{
"component": "BIconCaretUpSquare",
"auto-gen": "bootstrap-icons 1.2.2",
"props": [
{
"prop": "title",
"description": "Text content to place in the title",
"version": "2.17.0"
},
{
"prop": "variant",
"description": "Contextual color variant. By default the icon inherits the current text color"
},
{
"prop": "fontScale",
"description": "Scale the icons current font size"
},
{
"prop": "scale",
"description": "Scales the icon's SVG, without increasing the font size"
},
{
"prop": "rotate",
"description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise"
},
{
"prop": "flipH",
"description": "Flips the icon horizontally"
},
{
"prop": "flipV",
"description": "Flips the icon vertically"
},
{
"prop": "shiftH",
"description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units"
},
{
"prop": "shiftV",
"description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units"
},
{
"prop": "stacked",
"version": "2.3.0",
"description": "Set this prop to true when placing inside a BIconstack component"
},
{
"prop": "animation",
"version": "2.7.0",
"description": "Animate the icon. Supported built-in animations are 'cylon', 'fade', 'pulse', 'spin' and 'throb'"
}
]
},
{
"component": "BIconCaretUpSquareFill",
"auto-gen": "bootstrap-icons 1.2.2",
"props": [
{
"prop": "title",
"description": "Text content to place in the title",
"version": "2.17.0"
},
{
"prop": "variant",
"description": "Contextual color variant. By default the icon inherits the current text color"
},
{
"prop": "fontScale",
"description": "Scale the icons current font size"
},
{
"prop": "scale",
"description": "Scales the icon's SVG, without increasing the font size"
},
{
"prop": "rotate",
"description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise"
},
{
"prop": "flipH",
"description": "Flips the icon horizontally"
},
{
"prop": "flipV",
"description": "Flips the icon vertically"
},
{
"prop": "shiftH",
"description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units"
},
{
"prop": "shiftV",
"description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units"
},
{
"prop": "stacked",
"version": "2.3.0",
"description": "Set this prop to true when placing inside a BIconstack component"
},
{
"prop": "animation",
"version": "2.7.0",
"description": "Animate the icon. Supported built-in animations are 'cylon', 'fade', 'pulse', 'spin' and 'throb'"
}
]
},
{
"component": "BIconCart",
"auto-gen": "bootstrap-icons 1.2.2",
"props": [
{
"prop": "title",
"description": "Text content to place in the title",
"version": "2.17.0"
},
{
"prop": "variant",
"description": "Contextual color variant. By default the icon inherits the current text color"
},
{
"prop": "fontScale",
"description": "Scale the icons current font size"
},
{
"prop": "scale",
"description": "Scales the icon's SVG, without increasing the font size"
},
{
"prop": "rotate",
"description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise"
},
{
"prop": "flipH",
"description": "Flips the icon horizontally"
},
{
"prop": "flipV",
"description": "Flips the icon vertically"
},
{
"prop": "shiftH",
"description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units"
},
{
"prop": "shiftV",
"description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units"
},
{
"prop": "stacked",
"version": "2.3.0",
"description": "Set this prop to true when placing inside a BIconstack component"
},
{
"prop": "animation",
"version": "2.7.0",
"description": "Animate the icon. Supported built-in animations are 'cylon', 'fade', 'pulse', 'spin' and 'throb'"
}
]
},
{
"component": "BIconCart2",
"auto-gen": "bootstrap-icons 1.2.2",
"props": [
{
"prop": "title",
"description": "Text content to place in the title",
"version": "2.17.0"
},
{
"prop": "variant",
"description": "Contextual color variant. By default the icon inherits the current text color"
},
{
"prop": "fontScale",
"description": "Scale the icons current font size"
},
{
"prop": "scale",
"description": "Scales the icon's SVG, without increasing the font size"
},
{
"prop": "rotate",
"description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise"
},
{
"prop": "flipH",
"description": "Flips the icon horizontally"
},
{
"prop": "flipV",
"description": "Flips the icon vertically"
},
{
"prop": "shiftH",
"description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units"
},
{
"prop": "shiftV",
"description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units"
},
{
"prop": "stacked",
"version": "2.3.0",
"description": "Set this prop to true when placing inside a BIconstack component"
},
{
"prop": "animation",
"version": "2.7.0",
"description": "Animate the icon. Supported built-in animations are 'cylon', 'fade', 'pulse', 'spin' and 'throb'"
}
]
},
{
"component": "BIconCart3",
"auto-gen": "bootstrap-icons 1.2.2",
"props": [
{
"prop": "title",
"description": "Text content to place in the title",
"version": "2.17.0"
},
{
"prop": "variant",
"description": "Contextual color variant. By default the icon inherits the current text color"
},
{
"prop": "fontScale",
"description": "Scale the icons current font size"
},
{
"prop": "scale",
"description": "Scales the icon's SVG, without increasing the font size"
},
{
"prop": "rotate",
"description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise"
},
{
"prop": "flipH",
"description": "Flips the icon horizontally"
},
{
"prop": "flipV",
"description": "Flips the icon vertically"
},
{
"prop": "shiftH",
"description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units"
},
{
"prop": "shiftV",
"description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units"
},
{
"prop": "stacked",
"version": "2.3.0",
"description": "Set this prop to true when placing inside a BIconstack component"
},
{
"prop": "animation",
"version": "2.7.0",
"description": "Animate the icon. Supported built-in animations are 'cylon', 'fade', 'pulse', 'spin' and 'throb'"
}
]
},
{
"component": "BIconCart4",
"auto-gen": "bootstrap-icons 1.2.2",
"props": [
{
"prop": "title",
"description": "Text content to place in the title",
"version": "2.17.0"
},
{
"prop": "variant",
"description": "Contextual color variant. By default the icon inherits the current text color"
},
{
"prop": "fontScale",
"description": "Scale the icons current font size"
},
{
"prop": "scale",
"description": "Scales the icon's SVG, without increasing the font size"
},
{
"prop": "rotate",
"description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise"
},
{
"prop": "flipH",
"description": "Flips the icon horizontally"
},
{
"prop": "flipV",
"description": "Flips the icon vertically"
},
{
"prop": "shiftH",
"description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units"
},
{
"prop": "shiftV",
"description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units"
},
{
"prop": "stacked",
"version": "2.3.0",
"description": "Set this prop to true when placing inside a BIconstack component"
},
{
"prop": "animation",
"version": "2.7.0",
"description": "Animate the icon. Supported built-in animations are 'cylon', 'fade', 'pulse', 'spin' and 'throb'"
}
]
},
{
"component": "BIconCartCheck",
"auto-gen": "bootstrap-icons 1.2.2",
"props": [
{
"prop": "title",
"description": "Text content to place in the title",
"version": "2.17.0"
},
{
"prop": "variant",
"description": "Contextual color variant. By default the icon inherits the current text color"
},
{
"prop": "fontScale",
"description": "Scale the icons current font size"
},
{
"prop": "scale",
"description": "Scales the icon's SVG, without increasing the font size"
},
{
"prop": "rotate",
"description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise"
},
{
"prop": "flipH",
"description": "Flips the icon horizontally"
},
{
"prop": "flipV",
"description": "Flips the icon vertically"
},
{
"prop": "shiftH",
"description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units"
},
{
"prop": "shiftV",
"description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units"
},
{
"prop": "stacked",
"version": "2.3.0",
"description": "Set this prop to true when placing inside a BIconstack component"
},
{
"prop": "animation",
"version": "2.7.0",
"description": "Animate the icon. Supported built-in animations are 'cylon', 'fade', 'pulse', 'spin' and 'throb'"
}
]
},
{
"component": "BIconCartCheckFill",
"auto-gen": "bootstrap-icons 1.2.2",
"props": [
{
"prop": "title",
"description": "Text content to place in the title",
"version": "2.17.0"
},
{
"prop": "variant",
"description": "Contextual color variant. By default the icon inherits the current text color"
},
{
"prop": "fontScale",
"description": "Scale the icons current font size"
},
{
"prop": "scale",
"description": "Scales the icon's SVG, without increasing the font size"
},
{
"prop": "rotate",
"description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise"
},
{
"prop": "flipH",
"description": "Flips the icon horizontally"
},
{
"prop": "flipV",
"description": "Flips the icon vertically"
},
{
"prop": "shiftH",
"description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units"
},
{
"prop": "shiftV",
"description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units"
},
{
"prop": "stacked",
"version": "2.3.0",
"description": "Set this prop to true when placing inside a BIconstack component"
},
{
"prop": "animation",
"version": "2.7.0",
"description": "Animate the icon. Supported built-in animations are 'cylon', 'fade', 'pulse', 'spin' and 'throb'"
}
]
},
{
"component": "BIconCartDash",
"auto-gen": "bootstrap-icons 1.2.2",
"props": [
{
"prop": "title",
"description": "Text content to place in the title",
"version": "2.17.0"
},
{
"prop": "variant",
"description": "Contextual color variant. By default the icon inherits the current text color"
},
{
"prop": "fontScale",
"description": "Scale the icons current font size"
},
{
"prop": "scale",
"description": "Scales the icon's SVG, without increasing the font size"
},
{
"prop": "rotate",
"description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise"
},
{
"prop": "flipH",
"description": "Flips the icon horizontally"
},
{
"prop": "flipV",
"description": "Flips the icon vertically"
},
{
"prop": "shiftH",
"description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units"
},
{
"prop": "shiftV",
"description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units"
},
{
"prop": "stacked",
"version": "2.3.0",
"description": "Set this prop to true when placing inside a BIconstack component"
},
{
"prop": "animation",
"version": "2.7.0",
"description": "Animate the icon. Supported built-in animations are 'cylon', 'fade', 'pulse', 'spin' and 'throb'"
}
]
},
{
"component": "BIconCartDashFill",
"auto-gen": "bootstrap-icons 1.2.2",
"props": [
{
"prop": "title",
"description": "Text content to place in the title",
"version": "2.17.0"
},
{
"prop": "variant",
"description": "Contextual color variant. By default the icon inherits the current text color"
},
{
"prop": "fontScale",
"description": "Scale the icons current font size"
},
{
"prop": "scale",
"description": "Scales the icon's SVG, without increasing the font size"
},
{
"prop": "rotate",
"description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise"
},
{
"prop": "flipH",
"description": "Flips the icon horizontally"
},
{
"prop": "flipV",
"description": "Flips the icon vertically"
},
{
"prop": "shiftH",
"description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units"
},
{
"prop": "shiftV",
"description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units"
},
{
"prop": "stacked",
"version": "2.3.0",
"description": "Set this prop to true when placing inside a BIconstack component"
},
{
"prop": "animation",
"version": "2.7.0",
"description": "Animate the icon. Supported built-in animations are 'cylon', 'fade', 'pulse', 'spin' and 'throb'"
}
]
},
{
"component": "BIconCartFill",
"auto-gen": "bootstrap-icons 1.2.2",
"props": [
{
"prop": "title",
"description": "Text content to place in the title",
"version": "2.17.0"
},
{
"prop": "variant",
"description": "Contextual color variant. By default the icon inherits the current text color"
},
{
"prop": "fontScale",
"description": "Scale the icons current font size"
},
{
"prop": "scale",
"description": "Scales the icon's SVG, without increasing the font size"
},
{
"prop": "rotate",
"description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise"
},
{
"prop": "flipH",
"description": "Flips the icon horizontally"
},
{
"prop": "flipV",
"description": "Flips the icon vertically"
},
{
"prop": "shiftH",
"description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units"
},
{
"prop": "shiftV",
"description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units"
},
{
"prop": "stacked",
"version": "2.3.0",
"description": "Set this prop to true when placing inside a BIconstack component"
},
{
"prop": "animation",
"version": "2.7.0",
"description": "Animate the icon. Supported built-in animations are 'cylon', 'fade', 'pulse', 'spin' and 'throb'"
}
]
},
{
"component": "BIconCartPlus",
"auto-gen": "bootstrap-icons 1.2.2",
"props": [
{
"prop": "title",
"description": "Text content to place in the title",
"version": "2.17.0"
},
{
"prop": "variant",
"description": "Contextual color variant. By default the icon inherits the current text color"
},
{
"prop": "fontScale",
"description": "Scale the icons current font size"
},
{
"prop": "scale",
"description": "Scales the icon's SVG, without increasing the font size"
},
{
"prop": "rotate",
"description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise"
},
{
"prop": "flipH",
"description": "Flips the icon horizontally"
},
{
"prop": "flipV",
"description": "Flips the icon vertically"
},
{
"prop": "shiftH",
"description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units"
},
{
"prop": "shiftV",
"description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units"
},
{
"prop": "stacked",
"version": "2.3.0",
"description": "Set this prop to true when placing inside a BIconstack component"
},
{
"prop": "animation",
"version": "2.7.0",
"description": "Animate the icon. Supported built-in animations are 'cylon', 'fade', 'pulse', 'spin' and 'throb'"
}
]
},
{
"component": "BIconCartPlusFill",
"auto-gen": "bootstrap-icons 1.2.2",
"props": [
{
"prop": "title",
"description": "Text content to place in the title",
"version": "2.17.0"
},
{
"prop": "variant",
"description": "Contextual color variant. By default the icon inherits the current text color"
},
{
"prop": "fontScale",
"description": "Scale the icons current font size"
},
{
"prop": "scale",
"description": "Scales the icon's SVG, without increasing the font size"
},
{
"prop": "rotate",
"description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise"
},
{
"prop": "flipH",
"description": "Flips the icon horizontally"
},
{
"prop": "flipV",
"description": "Flips the icon vertically"
},
{
"prop": "shiftH",
"description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units"
},
{
"prop": "shiftV",
"description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units"
},
{
"prop": "stacked",
"version": "2.3.0",
"description": "Set this prop to true when placing inside a BIconstack component"
},
{
"prop": "animation",
"version": "2.7.0",
"description": "Animate the icon. Supported built-in animations are 'cylon', 'fade', 'pulse', 'spin' and 'throb'"
}
]
},
{
"component": "BIconCartX",
"auto-gen": "bootstrap-icons 1.2.2",
"props": [
{
"prop": "title",
"description": "Text content to place in the title",
"version": "2.17.0"
},
{
"prop": "variant",
"description": "Contextual color variant. By default the icon inherits the current text color"
},
{
"prop": "fontScale",
"description": "Scale the icons current font size"
},
{
"prop": "scale",
"description": "Scales the icon's SVG, without increasing the font size"
},
{
"prop": "rotate",
"description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise"
},
{
"prop": "flipH",
"description": "Flips the icon horizontally"
},
{
"prop": "flipV",
"description": "Flips the icon vertically"
},
{
"prop": "shiftH",
"description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units"
},
{
"prop": "shiftV",
"description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units"
},
{
"prop": "stacked",
"version": "2.3.0",
"description": "Set this prop to true when placing inside a BIconstack component"
},
{
"prop": "animation",
"version": "2.7.0",
"description": "Animate the icon. Supported built-in animations are 'cylon', 'fade', 'pulse', 'spin' and 'throb'"
}
]
},
{
"component": "BIconCartXFill",
"auto-gen": "bootstrap-icons 1.2.2",
"props": [
{
"prop": "title",
"description": "Text content to place in the title",
"version": "2.17.0"
},
{
"prop": "variant",
"description": "Contextual color variant. By default the icon inherits the current text color"
},
{
"prop": "fontScale",
"description": "Scale the icons current font size"
},
{
"prop": "scale",
"description": "Scales the icon's SVG, without increasing the font size"
},
{
"prop": "rotate",
"description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise"
},
{
"prop": "flipH",
"description": "Flips the icon horizontally"
},
{
"prop": "flipV",
"description": "Flips the icon vertically"
},
{
"prop": "shiftH",
"description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units"
},
{
"prop": "shiftV",
"description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units"
},
{
"prop": "stacked",
"version": "2.3.0",
"description": "Set this prop to true when placing inside a BIconstack component"
},
{
"prop": "animation",
"version": "2.7.0",
"description": "Animate the icon. Supported built-in animations are 'cylon', 'fade', 'pulse', 'spin' and 'throb'"
}
]
},
{
"component": "BIconCash",
"auto-gen": "bootstrap-icons 1.2.2",
"props": [
{
"prop": "title",
"description": "Text content to place in the title",
"version": "2.17.0"
},
{
"prop": "variant",
"description": "Contextual color variant. By default the icon inherits the current text color"
},
{
"prop": "fontScale",
"description": "Scale the icons current font size"
},
{
"prop": "scale",
"description": "Scales the icon's SVG, without increasing the font size"
},
{
"prop": "rotate",
"description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise"
},
{
"prop": "flipH",
"description": "Flips the icon horizontally"
},
{
"prop": "flipV",
"description": "Flips the icon vertically"
},
{
"prop": "shiftH",
"description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units"
},
{
"prop": "shiftV",
"description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units"
},
{
"prop": "stacked",
"version": "2.3.0",
"description": "Set this prop to true when placing inside a BIconstack component"
},
{
"prop": "animation",
"version": "2.7.0",
"description": "Animate the icon. Supported built-in animations are 'cylon', 'fade', 'pulse', 'spin' and 'throb'"
}
]
},
{
"component": "BIconCashStack",
"auto-gen": "bootstrap-icons 1.2.2",
"props": [
{
"prop": "title",
"description": "Text content to place in the title",
"version": "2.17.0"
},
{
"prop": "variant",
"description": "Contextual color variant. By default the icon inherits the current text color"
},
{
"prop": "fontScale",
"description": "Scale the icons current font size"
},
{
"prop": "scale",
"description": "Scales the icon's SVG, without increasing the font size"
},
{
"prop": "rotate",
"description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise"
},
{
"prop": "flipH",
"description": "Flips the icon horizontally"
},
{
"prop": "flipV",
"description": "Flips the icon vertically"
},
{
"prop": "shiftH",
"description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units"
},
{
"prop": "shiftV",
"description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units"
},
{
"prop": "stacked",
"version": "2.3.0",
"description": "Set this prop to true when placing inside a BIconstack component"
},
{
"prop": "animation",
"version": "2.7.0",
"description": "Animate the icon. Supported built-in animations are 'cylon', 'fade', 'pulse', 'spin' and 'throb'"
}
]
},
{
"component": "BIconCast",
"auto-gen": "bootstrap-icons 1.2.2",
"props": [
{
"prop": "title",
"description": "Text content to place in the title",
"version": "2.17.0"
},
{
"prop": "variant",
"description": "Contextual color variant. By default the icon inherits the current text color"
},
{
"prop": "fontScale",
"description": "Scale the icons current font size"
},
{
"prop": "scale",
"description": "Scales the icon's SVG, without increasing the font size"
},
{
"prop": "rotate",
"description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise"
},
{
"prop": "flipH",
"description": "Flips the icon horizontally"
},
{
"prop": "flipV",
"description": "Flips the icon vertically"
},
{
"prop": "shiftH",
"description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units"
},
{
"prop": "shiftV",
"description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units"
},
{
"prop": "stacked",
"version": "2.3.0",
"description": "Set this prop to true when placing inside a BIconstack component"
},
{
"prop": "animation",
"version": "2.7.0",
"description": "Animate the icon. Supported built-in animations are 'cylon', 'fade', 'pulse', 'spin' and 'throb'"
}
]
},
{
"component": "BIconChat",
"auto-gen": "bootstrap-icons 1.2.2",
"props": [
{
"prop": "title",
"description": "Text content to place in the title",
"version": "2.17.0"
},
{
"prop": "variant",
"description": "Contextual color variant. By default the icon inherits the current text color"
},
{
"prop": "fontScale",
"description": "Scale the icons current font size"
},
{
"prop": "scale",
"description": "Scales the icon's SVG, without increasing the font size"
},
{
"prop": "rotate",
"description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise"
},
{
"prop": "flipH",
"description": "Flips the icon horizontally"
},
{
"prop": "flipV",
"description": "Flips the icon vertically"
},
{
"prop": "shiftH",
"description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units"
},
{
"prop": "shiftV",
"description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units"
},
{
"prop": "stacked",
"version": "2.3.0",
"description": "Set this prop to true when placing inside a BIconstack component"
},
{
"prop": "animation",
"version": "2.7.0",
"description": "Animate the icon. Supported built-in animations are 'cylon', 'fade', 'pulse', 'spin' and 'throb'"
}
]
},
{
"component": "BIconChatDots",
"auto-gen": "bootstrap-icons 1.2.2",
"props": [
{
"prop": "title",
"description": "Text content to place in the title",
"version": "2.17.0"
},
{
"prop": "variant",
"description": "Contextual color variant. By default the icon inherits the current text color"
},
{
"prop": "fontScale",
"description": "Scale the icons current font size"
},
{
"prop": "scale",
"description": "Scales the icon's SVG, without increasing the font size"
},
{
"prop": "rotate",
"description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise"
},
{
"prop": "flipH",
"description": "Flips the icon horizontally"
},
{
"prop": "flipV",
"description": "Flips the icon vertically"
},
{
"prop": "shiftH",
"description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units"
},
{
"prop": "shiftV",
"description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units"
},
{
"prop": "stacked",
"version": "2.3.0",
"description": "Set this prop to true when placing inside a BIconstack component"
},
{
"prop": "animation",
"version": "2.7.0",
"description": "Animate the icon. Supported built-in animations are 'cylon', 'fade', 'pulse', 'spin' and 'throb'"
}
]
},
{
"component": "BIconChatDotsFill",
"auto-gen": "bootstrap-icons 1.2.2",
"props": [
{
"prop": "title",
"description": "Text content to place in the title",
"version": "2.17.0"
},
{
"prop": "variant",
"description": "Contextual color variant. By default the icon inherits the current text color"
},
{
"prop": "fontScale",
"description": "Scale the icons current font size"
},
{
"prop": "scale",
"description": "Scales the icon's SVG, without increasing the font size"
},
{
"prop": "rotate",
"description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise"
},
{
"prop": "flipH",
"description": "Flips the icon horizontally"
},
{
"prop": "flipV",
"description": "Flips the icon vertically"
},
{
"prop": "shiftH",
"description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units"
},
{
"prop": "shiftV",
"description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units"
},
{
"prop": "stacked",
"version": "2.3.0",
"description": "Set this prop to true when placing inside a BIconstack component"
},
{
"prop": "animation",
"version": "2.7.0",
"description": "Animate the icon. Supported built-in animations are 'cylon', 'fade', 'pulse', 'spin' and 'throb'"
}
]
},
{
"component": "BIconChatFill",
"auto-gen": "bootstrap-icons 1.2.2",
"props": [
{
"prop": "title",
"description": "Text content to place in the title",
"version": "2.17.0"
},
{
"prop": "variant",
"description": "Contextual color variant. By default the icon inherits the current text color"
},
{
"prop": "fontScale",
"description": "Scale the icons current font size"
},
{
"prop": "scale",
"description": "Scales the icon's SVG, without increasing the font size"
},
{
"prop": "rotate",
"description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise"
},
{
"prop": "flipH",
"description": "Flips the icon horizontally"
},
{
"prop": "flipV",
"description": "Flips the icon vertically"
},
{
"prop": "shiftH",
"description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units"
},
{
"prop": "shiftV",
"description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units"
},
{
"prop": "stacked",
"version": "2.3.0",
"description": "Set this prop to true when placing inside a BIconstack component"
},
{
"prop": "animation",
"version": "2.7.0",
"description": "Animate the icon. Supported built-in animations are 'cylon', 'fade', 'pulse', 'spin' and 'throb'"
}
]
},
{
"component": "BIconChatLeft",
"auto-gen": "bootstrap-icons 1.2.2",
"props": [
{
"prop": "title",
"description": "Text content to place in the title",
"version": "2.17.0"
},
{
"prop": "variant",
"description": "Contextual color variant. By default the icon inherits the current text color"
},
{
"prop": "fontScale",
"description": "Scale the icons current font size"
},
{
"prop": "scale",
"description": "Scales the icon's SVG, without increasing the font size"
},
{
"prop": "rotate",
"description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise"
},
{
"prop": "flipH",
"description": "Flips the icon horizontally"
},
{
"prop": "flipV",
"description": "Flips the icon vertically"
},
{
"prop": "shiftH",
"description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units"
},
{
"prop": "shiftV",
"description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units"
},
{
"prop": "stacked",
"version": "2.3.0",
"description": "Set this prop to true when placing inside a BIconstack component"
},
{
"prop": "animation",
"version": "2.7.0",
"description": "Animate the icon. Supported built-in animations are 'cylon', 'fade', 'pulse', 'spin' and 'throb'"
}
]
},
{
"component": "BIconChatLeftDots",
"auto-gen": "bootstrap-icons 1.2.2",
"props": [
{
"prop": "title",
"description": "Text content to place in the title",
"version": "2.17.0"
},
{
"prop": "variant",
"description": "Contextual color variant. By default the icon inherits the current text color"
},
{
"prop": "fontScale",
"description": "Scale the icons current font size"
},
{
"prop": "scale",
"description": "Scales the icon's SVG, without increasing the font size"
},
{
"prop": "rotate",
"description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise"
},
{
"prop": "flipH",
"description": "Flips the icon horizontally"
},
{
"prop": "flipV",
"description": "Flips the icon vertically"
},
{
"prop": "shiftH",
"description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units"
},
{
"prop": "shiftV",
"description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units"
},
{
"prop": "stacked",
"version": "2.3.0",
"description": "Set this prop to true when placing inside a BIconstack component"
},
{
"prop": "animation",
"version": "2.7.0",
"description": "Animate the icon. Supported built-in animations are 'cylon', 'fade', 'pulse', 'spin' and 'throb'"
}
]
},
{
"component": "BIconChatLeftDotsFill",
"auto-gen": "bootstrap-icons 1.2.2",
"props": [
{
"prop": "title",
"description": "Text content to place in the title",
"version": "2.17.0"
},
{
"prop": "variant",
"description": "Contextual color variant. By default the icon inherits the current text color"
},
{
"prop": "fontScale",
"description": "Scale the icons current font size"
},
{
"prop": "scale",
"description": "Scales the icon's SVG, without increasing the font size"
},
{
"prop": "rotate",
"description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise"
},
{
"prop": "flipH",
"description": "Flips the icon horizontally"
},
{
"prop": "flipV",
"description": "Flips the icon vertically"
},
{
"prop": "shiftH",
"description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units"
},
{
"prop": "shiftV",
"description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units"
},
{
"prop": "stacked",
"version": "2.3.0",
"description": "Set this prop to true when placing inside a BIconstack component"
},
{
"prop": "animation",
"version": "2.7.0",
"description": "Animate the icon. Supported built-in animations are 'cylon', 'fade', 'pulse', 'spin' and 'throb'"
}
]
},
{
"component": "BIconChatLeftFill",
"auto-gen": "bootstrap-icons 1.2.2",
"props": [
{
"prop": "title",
"description": "Text content to place in the title",
"version": "2.17.0"
},
{
"prop": "variant",
"description": "Contextual color variant. By default the icon inherits the current text color"
},
{
"prop": "fontScale",
"description": "Scale the icons current font size"
},
{
"prop": "scale",
"description": "Scales the icon's SVG, without increasing the font size"
},
{
"prop": "rotate",
"description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise"
},
{
"prop": "flipH",
"description": "Flips the icon horizontally"
},
{
"prop": "flipV",
"description": "Flips the icon vertically"
},
{
"prop": "shiftH",
"description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units"
},
{
"prop": "shiftV",
"description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units"
},
{
"prop": "stacked",
"version": "2.3.0",
"description": "Set this prop to true when placing inside a BIconstack component"
},
{
"prop": "animation",
"version": "2.7.0",
"description": "Animate the icon. Supported built-in animations are 'cylon', 'fade', 'pulse', 'spin' and 'throb'"
}
]
},
{
"component": "BIconChatLeftQuote",
"auto-gen": "bootstrap-icons 1.2.2",
"props": [
{
"prop": "title",
"description": "Text content to place in the title",
"version": "2.17.0"
},
{
"prop": "variant",
"description": "Contextual color variant. By default the icon inherits the current text color"
},
{
"prop": "fontScale",
"description": "Scale the icons current font size"
},
{
"prop": "scale",
"description": "Scales the icon's SVG, without increasing the font size"
},
{
"prop": "rotate",
"description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise"
},
{
"prop": "flipH",
"description": "Flips the icon horizontally"
},
{
"prop": "flipV",
"description": "Flips the icon vertically"
},
{
"prop": "shiftH",
"description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units"
},
{
"prop": "shiftV",
"description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units"
},
{
"prop": "stacked",
"version": "2.3.0",
"description": "Set this prop to true when placing inside a BIconstack component"
},
{
"prop": "animation",
"version": "2.7.0",
"description": "Animate the icon. Supported built-in animations are 'cylon', 'fade', 'pulse', 'spin' and 'throb'"
}
]
},
{
"component": "BIconChatLeftQuoteFill",
"auto-gen": "bootstrap-icons 1.2.2",
"props": [
{
"prop": "title",
"description": "Text content to place in the title",
"version": "2.17.0"
},
{
"prop": "variant",
"description": "Contextual color variant. By default the icon inherits the current text color"
},
{
"prop": "fontScale",
"description": "Scale the icons current font size"
},
{
"prop": "scale",
"description": "Scales the icon's SVG, without increasing the font size"
},
{
"prop": "rotate",
"description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise"
},
{
"prop": "flipH",
"description": "Flips the icon horizontally"
},
{
"prop": "flipV",
"description": "Flips the icon vertically"
},
{
"prop": "shiftH",
"description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units"
},
{
"prop": "shiftV",
"description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units"
},
{
"prop": "stacked",
"version": "2.3.0",
"description": "Set this prop to true when placing inside a BIconstack component"
},
{
"prop": "animation",
"version": "2.7.0",
"description": "Animate the icon. Supported built-in animations are 'cylon', 'fade', 'pulse', 'spin' and 'throb'"
}
]
},
{
"component": "BIconChatLeftText",
"auto-gen": "bootstrap-icons 1.2.2",
"props": [
{
"prop": "title",
"description": "Text content to place in the title",
"version": "2.17.0"
},
{
"prop": "variant",
"description": "Contextual color variant. By default the icon inherits the current text color"
},
{
"prop": "fontScale",
"description": "Scale the icons current font size"
},
{
"prop": "scale",
"description": "Scales the icon's SVG, without increasing the font size"
},
{
"prop": "rotate",
"description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise"
},
{
"prop": "flipH",
"description": "Flips the icon horizontally"
},
{
"prop": "flipV",
"description": "Flips the icon vertically"
},
{
"prop": "shiftH",
"description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units"
},
{
"prop": "shiftV",
"description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units"
},
{
"prop": "stacked",
"version": "2.3.0",
"description": "Set this prop to true when placing inside a BIconstack component"
},
{
"prop": "animation",
"version": "2.7.0",
"description": "Animate the icon. Supported built-in animations are 'cylon', 'fade', 'pulse', 'spin' and 'throb'"
}
]
},
{
"component": "BIconChatLeftTextFill",
"auto-gen": "bootstrap-icons 1.2.2",
"props": [
{
"prop": "title",
"description": "Text content to place in the title",
"version": "2.17.0"
},
{
"prop": "variant",
"description": "Contextual color variant. By default the icon inherits the current text color"
},
{
"prop": "fontScale",
"description": "Scale the icons current font size"
},
{
"prop": "scale",
"description": "Scales the icon's SVG, without increasing the font size"
},
{
"prop": "rotate",
"description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise"
},
{
"prop": "flipH",
"description": "Flips the icon horizontally"
},
{
"prop": "flipV",
"description": "Flips the icon vertically"
},
{
"prop": "shiftH",
"description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units"
},
{
"prop": "shiftV",
"description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units"
},
{
"prop": "stacked",
"version": "2.3.0",
"description": "Set this prop to true when placing inside a BIconstack component"
},
{
"prop": "animation",
"version": "2.7.0",
"description": "Animate the icon. Supported built-in animations are 'cylon', 'fade', 'pulse', 'spin' and 'throb'"
}
]
},
{
"component": "BIconChatQuote",
"auto-gen": "bootstrap-icons 1.2.2",
"props": [
{
"prop": "title",
"description": "Text content to place in the title",
"version": "2.17.0"
},
{
"prop": "variant",
"description": "Contextual color variant. By default the icon inherits the current text color"
},
{
"prop": "fontScale",
"description": "Scale the icons current font size"
},
{
"prop": "scale",
"description": "Scales the icon's SVG, without increasing the font size"
},
{
"prop": "rotate",
"description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise"
},
{
"prop": "flipH",
"description": "Flips the icon horizontally"
},
{
"prop": "flipV",
"description": "Flips the icon vertically"
},
{
"prop": "shiftH",
"description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units"
},
{
"prop": "shiftV",
"description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units"
},
{
"prop": "stacked",
"version": "2.3.0",
"description": "Set this prop to true when placing inside a BIconstack component"
},
{
"prop": "animation",
"version": "2.7.0",
"description": "Animate the icon. Supported built-in animations are 'cylon', 'fade', 'pulse', 'spin' and 'throb'"
}
]
},
{
"component": "BIconChatQuoteFill",
"auto-gen": "bootstrap-icons 1.2.2",
"props": [
{
"prop": "title",
"description": "Text content to place in the title",
"version": "2.17.0"
},
{
"prop": "variant",
"description": "Contextual color variant. By default the icon inherits the current text color"
},
{
"prop": "fontScale",
"description": "Scale the icons current font size"
},
{
"prop": "scale",
"description": "Scales the icon's SVG, without increasing the font size"
},
{
"prop": "rotate",
"description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise"
},
{
"prop": "flipH",
"description": "Flips the icon horizontally"
},
{
"prop": "flipV",
"description": "Flips the icon vertically"
},
{
"prop": "shiftH",
"description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units"
},
{
"prop": "shiftV",
"description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units"
},
{
"prop": "stacked",
"version": "2.3.0",
"description": "Set this prop to true when placing inside a BIconstack component"
},
{
"prop": "animation",
"version": "2.7.0",
"description": "Animate the icon. Supported built-in animations are 'cylon', 'fade', 'pulse', 'spin' and 'throb'"
}
]
},
{
"component": "BIconChatRight",
"auto-gen": "bootstrap-icons 1.2.2",
"props": [
{
"prop": "title",
"description": "Text content to place in the title",
"version": "2.17.0"
},
{
"prop": "variant",
"description": "Contextual color variant. By default the icon inherits the current text color"
},
{
"prop": "fontScale",
"description": "Scale the icons current font size"
},
{
"prop": "scale",
"description": "Scales the icon's SVG, without increasing the font size"
},
{
"prop": "rotate",
"description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise"
},
{
"prop": "flipH",
"description": "Flips the icon horizontally"
},
{
"prop": "flipV",
"description": "Flips the icon vertically"
},
{
"prop": "shiftH",
"description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units"
},
{
"prop": "shiftV",
"description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units"
},
{
"prop": "stacked",
"version": "2.3.0",
"description": "Set this prop to true when placing inside a BIconstack component"
},
{
"prop": "animation",
"version": "2.7.0",
"description": "Animate the icon. Supported built-in animations are 'cylon', 'fade', 'pulse', 'spin' and 'throb'"
}
]
},
{
"component": "BIconChatRightDots",
"auto-gen": "bootstrap-icons 1.2.2",
"props": [
{
"prop": "title",
"description": "Text content to place in the title",
"version": "2.17.0"
},
{
"prop": "variant",
"description": "Contextual color variant. By default the icon inherits the current text color"
},
{
"prop": "fontScale",
"description": "Scale the icons current font size"
},
{
"prop": "scale",
"description": "Scales the icon's SVG, without increasing the font size"
},
{
"prop": "rotate",
"description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise"
},
{
"prop": "flipH",
"description": "Flips the icon horizontally"
},
{
"prop": "flipV",
"description": "Flips the icon vertically"
},
{
"prop": "shiftH",
"description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units"
},
{
"prop": "shiftV",
"description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units"
},
{
"prop": "stacked",
"version": "2.3.0",
"description": "Set this prop to true when placing inside a BIconstack component"
},
{
"prop": "animation",
"version": "2.7.0",
"description": "Animate the icon. Supported built-in animations are 'cylon', 'fade', 'pulse', 'spin' and 'throb'"
}
]
},
{
"component": "BIconChatRightDotsFill",
"auto-gen": "bootstrap-icons 1.2.2",
"props": [
{
"prop": "title",
"description": "Text content to place in the title",
"version": "2.17.0"
},
{
"prop": "variant",
"description": "Contextual color variant. By default the icon inherits the current text color"
},
{
"prop": "fontScale",
"description": "Scale the icons current font size"
},
{
"prop": "scale",
"description": "Scales the icon's SVG, without increasing the font size"
},
{
"prop": "rotate",
"description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise"
},
{
"prop": "flipH",
"description": "Flips the icon horizontally"
},
{
"prop": "flipV",
"description": "Flips the icon vertically"
},
{
"prop": "shiftH",
"description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units"
},
{
"prop": "shiftV",
"description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units"
},
{
"prop": "stacked",
"version": "2.3.0",
"description": "Set this prop to true when placing inside a BIconstack component"
},
{
"prop": "animation",
"version": "2.7.0",
"description": "Animate the icon. Supported built-in animations are 'cylon', 'fade', 'pulse', 'spin' and 'throb'"
}
]
},
{
"component": "BIconChatRightFill",
"auto-gen": "bootstrap-icons 1.2.2",
"props": [
{
"prop": "title",
"description": "Text content to place in the title",
"version": "2.17.0"
},
{
"prop": "variant",
"description": "Contextual color variant. By default the icon inherits the current text color"
},
{
"prop": "fontScale",
"description": "Scale the icons current font size"
},
{
"prop": "scale",
"description": "Scales the icon's SVG, without increasing the font size"
},
{
"prop": "rotate",
"description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise"
},
{
"prop": "flipH",
"description": "Flips the icon horizontally"
},
{
"prop": "flipV",
"description": "Flips the icon vertically"
},
{
"prop": "shiftH",
"description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units"
},
{
"prop": "shiftV",
"description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units"
},
{
"prop": "stacked",
"version": "2.3.0",
"description": "Set this prop to true when placing inside a BIconstack component"
},
{
"prop": "animation",
"version": "2.7.0",
"description": "Animate the icon. Supported built-in animations are 'cylon', 'fade', 'pulse', 'spin' and 'throb'"
}
]
},
{
"component": "BIconChatRightQuote",
"auto-gen": "bootstrap-icons 1.2.2",
"props": [
{
"prop": "title",
"description": "Text content to place in the title",
"version": "2.17.0"
},
{
"prop": "variant",
"description": "Contextual color variant. By default the icon inherits the current text color"
},
{
"prop": "fontScale",
"description": "Scale the icons current font size"
},
{
"prop": "scale",
"description": "Scales the icon's SVG, without increasing the font size"
},
{
"prop": "rotate",
"description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise"
},
{
"prop": "flipH",
"description": "Flips the icon horizontally"
},
{
"prop": "flipV",
"description": "Flips the icon vertically"
},
{
"prop": "shiftH",
"description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units"
},
{
"prop": "shiftV",
"description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units"
},
{
"prop": "stacked",
"version": "2.3.0",
"description": "Set this prop to true when placing inside a BIconstack component"
},
{
"prop": "animation",
"version": "2.7.0",
"description": "Animate the icon. Supported built-in animations are 'cylon', 'fade', 'pulse', 'spin' and 'throb'"
}
]
},
{
"component": "BIconChatRightQuoteFill",
"auto-gen": "bootstrap-icons 1.2.2",
"props": [
{
"prop": "title",
"description": "Text content to place in the title",
"version": "2.17.0"
},
{
"prop": "variant",
"description": "Contextual color variant. By default the icon inherits the current text color"
},
{
"prop": "fontScale",
"description": "Scale the icons current font size"
},
{
"prop": "scale",
"description": "Scales the icon's SVG, without increasing the font size"
},
{
"prop": "rotate",
"description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise"
},
{
"prop": "flipH",
"description": "Flips the icon horizontally"
},
{
"prop": "flipV",
"description": "Flips the icon vertically"
},
{
"prop": "shiftH",
"description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units"
},
{
"prop": "shiftV",
"description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units"
},
{
"prop": "stacked",
"version": "2.3.0",
"description": "Set this prop to true when placing inside a BIconstack component"
},
{
"prop": "animation",
"version": "2.7.0",
"description": "Animate the icon. Supported built-in animations are 'cylon', 'fade', 'pulse', 'spin' and 'throb'"
}
]
},
{
"component": "BIconChatRightText",
"auto-gen": "bootstrap-icons 1.2.2",
"props": [
{
"prop": "title",
"description": "Text content to place in the title",
"version": "2.17.0"
},
{
"prop": "variant",
"description": "Contextual color variant. By default the icon inherits the current text color"
},
{
"prop": "fontScale",
"description": "Scale the icons current font size"
},
{
"prop": "scale",
"description": "Scales the icon's SVG, without increasing the font size"
},
{
"prop": "rotate",
"description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise"
},
{
"prop": "flipH",
"description": "Flips the icon horizontally"
},
{
"prop": "flipV",
"description": "Flips the icon vertically"
},
{
"prop": "shiftH",
"description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units"
},
{
"prop": "shiftV",
"description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units"
},
{
"prop": "stacked",
"version": "2.3.0",
"description": "Set this prop to true when placing inside a BIconstack component"
},
{
"prop": "animation",
"version": "2.7.0",
"description": "Animate the icon. Supported built-in animations are 'cylon', 'fade', 'pulse', 'spin' and 'throb'"
}
]
},
{
"component": "BIconChatRightTextFill",
"auto-gen": "bootstrap-icons 1.2.2",
"props": [
{
"prop": "title",
"description": "Text content to place in the title",
"version": "2.17.0"
},
{
"prop": "variant",
"description": "Contextual color variant. By default the icon inherits the current text color"
},
{
"prop": "fontScale",
"description": "Scale the icons current font size"
},
{
"prop": "scale",
"description": "Scales the icon's SVG, without increasing the font size"
},
{
"prop": "rotate",
"description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise"
},
{
"prop": "flipH",
"description": "Flips the icon horizontally"
},
{
"prop": "flipV",
"description": "Flips the icon vertically"
},
{
"prop": "shiftH",
"description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units"
},
{
"prop": "shiftV",
"description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units"
},
{
"prop": "stacked",
"version": "2.3.0",
"description": "Set this prop to true when placing inside a BIconstack component"
},
{
"prop": "animation",
"version": "2.7.0",
"description": "Animate the icon. Supported built-in animations are 'cylon', 'fade', 'pulse', 'spin' and 'throb'"
}
]
},
{
"component": "BIconChatSquare",
"auto-gen": "bootstrap-icons 1.2.2",
"props": [
{
"prop": "title",
"description": "Text content to place in the title",
"version": "2.17.0"
},
{
"prop": "variant",
"description": "Contextual color variant. By default the icon inherits the current text color"
},
{
"prop": "fontScale",
"description": "Scale the icons current font size"
},
{
"prop": "scale",
"description": "Scales the icon's SVG, without increasing the font size"
},
{
"prop": "rotate",
"description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise"
},
{
"prop": "flipH",
"description": "Flips the icon horizontally"
},
{
"prop": "flipV",
"description": "Flips the icon vertically"
},
{
"prop": "shiftH",
"description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units"
},
{
"prop": "shiftV",
"description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units"
},
{
"prop": "stacked",
"version": "2.3.0",
"description": "Set this prop to true when placing inside a BIconstack component"
},
{
"prop": "animation",
"version": "2.7.0",
"description": "Animate the icon. Supported built-in animations are 'cylon', 'fade', 'pulse', 'spin' and 'throb'"
}
]
},
{
"component": "BIconChatSquareDots",
"auto-gen": "bootstrap-icons 1.2.2",
"props": [
{
"prop": "title",
"description": "Text content to place in the title",
"version": "2.17.0"
},
{
"prop": "variant",
"description": "Contextual color variant. By default the icon inherits the current text color"
},
{
"prop": "fontScale",
"description": "Scale the icons current font size"
},
{
"prop": "scale",
"description": "Scales the icon's SVG, without increasing the font size"
},
{
"prop": "rotate",
"description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise"
},
{
"prop": "flipH",
"description": "Flips the icon horizontally"
},
{
"prop": "flipV",
"description": "Flips the icon vertically"
},
{
"prop": "shiftH",
"description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units"
},
{
"prop": "shiftV",
"description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units"
},
{
"prop": "stacked",
"version": "2.3.0",
"description": "Set this prop to true when placing inside a BIconstack component"
},
{
"prop": "animation",
"version": "2.7.0",
"description": "Animate the icon. Supported built-in animations are 'cylon', 'fade', 'pulse', 'spin' and 'throb'"
}
]
},
{
"component": "BIconChatSquareDotsFill",
"auto-gen": "bootstrap-icons 1.2.2",
"props": [
{
"prop": "title",
"description": "Text content to place in the title",
"version": "2.17.0"
},
{
"prop": "variant",
"description": "Contextual color variant. By default the icon inherits the current text color"
},
{
"prop": "fontScale",
"description": "Scale the icons current font size"
},
{
"prop": "scale",
"description": "Scales the icon's SVG, without increasing the font size"
},
{
"prop": "rotate",
"description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise"
},
{
"prop": "flipH",
"description": "Flips the icon horizontally"
},
{
"prop": "flipV",
"description": "Flips the icon vertically"
},
{
"prop": "shiftH",
"description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units"
},
{
"prop": "shiftV",
"description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units"
},
{
"prop": "stacked",
"version": "2.3.0",
"description": "Set this prop to true when placing inside a BIconstack component"
},
{
"prop": "animation",
"version": "2.7.0",
"description": "Animate the icon. Supported built-in animations are 'cylon', 'fade', 'pulse', 'spin' and 'throb'"
}
]
},
{
"component": "BIconChatSquareFill",
"auto-gen": "bootstrap-icons 1.2.2",
"props": [
{
"prop": "title",
"description": "Text content to place in the title",
"version": "2.17.0"
},
{
"prop": "variant",
"description": "Contextual color variant. By default the icon inherits the current text color"
},
{
"prop": "fontScale",
"description": "Scale the icons current font size"
},
{
"prop": "scale",
"description": "Scales the icon's SVG, without increasing the font size"
},
{
"prop": "rotate",
"description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise"
},
{
"prop": "flipH",
"description": "Flips the icon horizontally"
},
{
"prop": "flipV",
"description": "Flips the icon vertically"
},
{
"prop": "shiftH",
"description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units"
},
{
"prop": "shiftV",
"description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units"
},
{
"prop": "stacked",
"version": "2.3.0",
"description": "Set this prop to true when placing inside a BIconstack component"
},
{
"prop": "animation",
"version": "2.7.0",
"description": "Animate the icon. Supported built-in animations are 'cylon', 'fade', 'pulse', 'spin' and 'throb'"
}
]
},
{
"component": "BIconChatSquareQuote",
"auto-gen": "bootstrap-icons 1.2.2",
"props": [
{
"prop": "title",
"description": "Text content to place in the title",
"version": "2.17.0"
},
{
"prop": "variant",
"description": "Contextual color variant. By default the icon inherits the current text color"
},
{
"prop": "fontScale",
"description": "Scale the icons current font size"
},
{
"prop": "scale",
"description": "Scales the icon's SVG, without increasing the font size"
},
{
"prop": "rotate",
"description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise"
},
{
"prop": "flipH",
"description": "Flips the icon horizontally"
},
{
"prop": "flipV",
"description": "Flips the icon vertically"
},
{
"prop": "shiftH",
"description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units"
},
{
"prop": "shiftV",
"description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units"
},
{
"prop": "stacked",
"version": "2.3.0",
"description": "Set this prop to true when placing inside a BIconstack component"
},
{
"prop": "animation",
"version": "2.7.0",
"description": "Animate the icon. Supported built-in animations are 'cylon', 'fade', 'pulse', 'spin' and 'throb'"
}
]
},
{
"component": "BIconChatSquareQuoteFill",
"auto-gen": "bootstrap-icons 1.2.2",
"props": [
{
"prop": "title",
"description": "Text content to place in the title",
"version": "2.17.0"
},
{
"prop": "variant",
"description": "Contextual color variant. By default the icon inherits the current text color"
},
{
"prop": "fontScale",
"description": "Scale the icons current font size"
},
{
"prop": "scale",
"description": "Scales the icon's SVG, without increasing the font size"
},
{
"prop": "rotate",
"description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise"
},
{
"prop": "flipH",
"description": "Flips the icon horizontally"
},
{
"prop": "flipV",
"description": "Flips the icon vertically"
},
{
"prop": "shiftH",
"description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units"
},
{
"prop": "shiftV",
"description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units"
},
{
"prop": "stacked",
"version": "2.3.0",
"description": "Set this prop to true when placing inside a BIconstack component"
},
{
"prop": "animation",
"version": "2.7.0",
"description": "Animate the icon. Supported built-in animations are 'cylon', 'fade', 'pulse', 'spin' and 'throb'"
}
]
},
{
"component": "BIconChatSquareText",
"auto-gen": "bootstrap-icons 1.2.2",
"props": [
{
"prop": "title",
"description": "Text content to place in the title",
"version": "2.17.0"
},
{
"prop": "variant",
"description": "Contextual color variant. By default the icon inherits the current text color"
},
{
"prop": "fontScale",
"description": "Scale the icons current font size"
},
{
"prop": "scale",
"description": "Scales the icon's SVG, without increasing the font size"
},
{
"prop": "rotate",
"description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise"
},
{
"prop": "flipH",
"description": "Flips the icon horizontally"
},
{
"prop": "flipV",
"description": "Flips the icon vertically"
},
{
"prop": "shiftH",
"description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units"
},
{
"prop": "shiftV",
"description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units"
},
{
"prop": "stacked",
"version": "2.3.0",
"description": "Set this prop to true when placing inside a BIconstack component"
},
{
"prop": "animation",
"version": "2.7.0",
"description": "Animate the icon. Supported built-in animations are 'cylon', 'fade', 'pulse', 'spin' and 'throb'"
}
]
},
{
"component": "BIconChatSquareTextFill",
"auto-gen": "bootstrap-icons 1.2.2",
"props": [
{
"prop": "title",
"description": "Text content to place in the title",
"version": "2.17.0"
},
{
"prop": "variant",
"description": "Contextual color variant. By default the icon inherits the current text color"
},
{
"prop": "fontScale",
"description": "Scale the icons current font size"
},
{
"prop": "scale",
"description": "Scales the icon's SVG, without increasing the font size"
},
{
"prop": "rotate",
"description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise"
},
{
"prop": "flipH",
"description": "Flips the icon horizontally"
},
{
"prop": "flipV",
"description": "Flips the icon vertically"
},
{
"prop": "shiftH",
"description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units"
},
{
"prop": "shiftV",
"description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units"
},
{
"prop": "stacked",
"version": "2.3.0",
"description": "Set this prop to true when placing inside a BIconstack component"
},
{
"prop": "animation",
"version": "2.7.0",
"description": "Animate the icon. Supported built-in animations are 'cylon', 'fade', 'pulse', 'spin' and 'throb'"
}
]
},
{
"component": "BIconChatText",
"auto-gen": "bootstrap-icons 1.2.2",
"props": [
{
"prop": "title",
"description": "Text content to place in the title",
"version": "2.17.0"
},
{
"prop": "variant",
"description": "Contextual color variant. By default the icon inherits the current text color"
},
{
"prop": "fontScale",
"description": "Scale the icons current font size"
},
{
"prop": "scale",
"description": "Scales the icon's SVG, without increasing the font size"
},
{
"prop": "rotate",
"description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise"
},
{
"prop": "flipH",
"description": "Flips the icon horizontally"
},
{
"prop": "flipV",
"description": "Flips the icon vertically"
},
{
"prop": "shiftH",
"description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units"
},
{
"prop": "shiftV",
"description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units"
},
{
"prop": "stacked",
"version": "2.3.0",
"description": "Set this prop to true when placing inside a BIconstack component"
},
{
"prop": "animation",
"version": "2.7.0",
"description": "Animate the icon. Supported built-in animations are 'cylon', 'fade', 'pulse', 'spin' and 'throb'"
}
]
},
{
"component": "BIconChatTextFill",
"auto-gen": "bootstrap-icons 1.2.2",
"props": [
{
"prop": "title",
"description": "Text content to place in the title",
"version": "2.17.0"
},
{
"prop": "variant",
"description": "Contextual color variant. By default the icon inherits the current text color"
},
{
"prop": "fontScale",
"description": "Scale the icons current font size"
},
{
"prop": "scale",
"description": "Scales the icon's SVG, without increasing the font size"
},
{
"prop": "rotate",
"description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise"
},
{
"prop": "flipH",
"description": "Flips the icon horizontally"
},
{
"prop": "flipV",
"description": "Flips the icon vertically"
},
{
"prop": "shiftH",
"description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units"
},
{
"prop": "shiftV",
"description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units"
},
{
"prop": "stacked",
"version": "2.3.0",
"description": "Set this prop to true when placing inside a BIconstack component"
},
{
"prop": "animation",
"version": "2.7.0",
"description": "Animate the icon. Supported built-in animations are 'cylon', 'fade', 'pulse', 'spin' and 'throb'"
}
]
},
{
"component": "BIconCheck",
"auto-gen": "bootstrap-icons 1.2.2",
"props": [
{
"prop": "title",
"description": "Text content to place in the title",
"version": "2.17.0"
},
{
"prop": "variant",
"description": "Contextual color variant. By default the icon inherits the current text color"
},
{
"prop": "fontScale",
"description": "Scale the icons current font size"
},
{
"prop": "scale",
"description": "Scales the icon's SVG, without increasing the font size"
},
{
"prop": "rotate",
"description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise"
},
{
"prop": "flipH",
"description": "Flips the icon horizontally"
},
{
"prop": "flipV",
"description": "Flips the icon vertically"
},
{
"prop": "shiftH",
"description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units"
},
{
"prop": "shiftV",
"description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units"
},
{
"prop": "stacked",
"version": "2.3.0",
"description": "Set this prop to true when placing inside a BIconstack component"
},
{
"prop": "animation",
"version": "2.7.0",
"description": "Animate the icon. Supported built-in animations are 'cylon', 'fade', 'pulse', 'spin' and 'throb'"
}
]
},
{
"component": "BIconCheck2",
"auto-gen": "bootstrap-icons 1.2.2",
"props": [
{
"prop": "title",
"description": "Text content to place in the title",
"version": "2.17.0"
},
{
"prop": "variant",
"description": "Contextual color variant. By default the icon inherits the current text color"
},
{
"prop": "fontScale",
"description": "Scale the icons current font size"
},
{
"prop": "scale",
"description": "Scales the icon's SVG, without increasing the font size"
},
{
"prop": "rotate",
"description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise"
},
{
"prop": "flipH",
"description": "Flips the icon horizontally"
},
{
"prop": "flipV",
"description": "Flips the icon vertically"
},
{
"prop": "shiftH",
"description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units"
},
{
"prop": "shiftV",
"description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units"
},
{
"prop": "stacked",
"version": "2.3.0",
"description": "Set this prop to true when placing inside a BIconstack component"
},
{
"prop": "animation",
"version": "2.7.0",
"description": "Animate the icon. Supported built-in animations are 'cylon', 'fade', 'pulse', 'spin' and 'throb'"
}
]
},
{
"component": "BIconCheck2All",
"auto-gen": "bootstrap-icons 1.2.2",
"props": [
{
"prop": "title",
"description": "Text content to place in the title",
"version": "2.17.0"
},
{
"prop": "variant",
"description": "Contextual color variant. By default the icon inherits the current text color"
},
{
"prop": "fontScale",
"description": "Scale the icons current font size"
},
{
"prop": "scale",
"description": "Scales the icon's SVG, without increasing the font size"
},
{
"prop": "rotate",
"description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise"
},
{
"prop": "flipH",
"description": "Flips the icon horizontally"
},
{
"prop": "flipV",
"description": "Flips the icon vertically"
},
{
"prop": "shiftH",
"description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units"
},
{
"prop": "shiftV",
"description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units"
},
{
"prop": "stacked",
"version": "2.3.0",
"description": "Set this prop to true when placing inside a BIconstack component"
},
{
"prop": "animation",
"version": "2.7.0",
"description": "Animate the icon. Supported built-in animations are 'cylon', 'fade', 'pulse', 'spin' and 'throb'"
}
]
},
{
"component": "BIconCheck2Circle",
"auto-gen": "bootstrap-icons 1.2.2",
"props": [
{
"prop": "title",
"description": "Text content to place in the title",
"version": "2.17.0"
},
{
"prop": "variant",
"description": "Contextual color variant. By default the icon inherits the current text color"
},
{
"prop": "fontScale",
"description": "Scale the icons current font size"
},
{
"prop": "scale",
"description": "Scales the icon's SVG, without increasing the font size"
},
{
"prop": "rotate",
"description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise"
},
{
"prop": "flipH",
"description": "Flips the icon horizontally"
},
{
"prop": "flipV",
"description": "Flips the icon vertically"
},
{
"prop": "shiftH",
"description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units"
},
{
"prop": "shiftV",
"description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units"
},
{
"prop": "stacked",
"version": "2.3.0",
"description": "Set this prop to true when placing inside a BIconstack component"
},
{
"prop": "animation",
"version": "2.7.0",
"description": "Animate the icon. Supported built-in animations are 'cylon', 'fade', 'pulse', 'spin' and 'throb'"
}
]
},
{
"component": "BIconCheck2Square",
"auto-gen": "bootstrap-icons 1.2.2",
"props": [
{
"prop": "title",
"description": "Text content to place in the title",
"version": "2.17.0"
},
{
"prop": "variant",
"description": "Contextual color variant. By default the icon inherits the current text color"
},
{
"prop": "fontScale",
"description": "Scale the icons current font size"
},
{
"prop": "scale",
"description": "Scales the icon's SVG, without increasing the font size"
},
{
"prop": "rotate",
"description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise"
},
{
"prop": "flipH",
"description": "Flips the icon horizontally"
},
{
"prop": "flipV",
"description": "Flips the icon vertically"
},
{
"prop": "shiftH",
"description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units"
},
{
"prop": "shiftV",
"description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units"
},
{
"prop": "stacked",
"version": "2.3.0",
"description": "Set this prop to true when placing inside a BIconstack component"
},
{
"prop": "animation",
"version": "2.7.0",
"description": "Animate the icon. Supported built-in animations are 'cylon', 'fade', 'pulse', 'spin' and 'throb'"
}
]
},
{
"component": "BIconCheckAll",
"auto-gen": "bootstrap-icons 1.2.2",
"props": [
{
"prop": "title",
"description": "Text content to place in the title",
"version": "2.17.0"
},
{
"prop": "variant",
"description": "Contextual color variant. By default the icon inherits the current text color"
},
{
"prop": "fontScale",
"description": "Scale the icons current font size"
},
{
"prop": "scale",
"description": "Scales the icon's SVG, without increasing the font size"
},
{
"prop": "rotate",
"description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise"
},
{
"prop": "flipH",
"description": "Flips the icon horizontally"
},
{
"prop": "flipV",
"description": "Flips the icon vertically"
},
{
"prop": "shiftH",
"description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units"
},
{
"prop": "shiftV",
"description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units"
},
{
"prop": "stacked",
"version": "2.3.0",
"description": "Set this prop to true when placing inside a BIconstack component"
},
{
"prop": "animation",
"version": "2.7.0",
"description": "Animate the icon. Supported built-in animations are 'cylon', 'fade', 'pulse', 'spin' and 'throb'"
}
]
},
{
"component": "BIconCheckCircle",
"auto-gen": "bootstrap-icons 1.2.2",
"props": [
{
"prop": "title",
"description": "Text content to place in the title",
"version": "2.17.0"
},
{
"prop": "variant",
"description": "Contextual color variant. By default the icon inherits the current text color"
},
{
"prop": "fontScale",
"description": "Scale the icons current font size"
},
{
"prop": "scale",
"description": "Scales the icon's SVG, without increasing the font size"
},
{
"prop": "rotate",
"description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise"
},
{
"prop": "flipH",
"description": "Flips the icon horizontally"
},
{
"prop": "flipV",
"description": "Flips the icon vertically"
},
{
"prop": "shiftH",
"description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units"
},
{
"prop": "shiftV",
"description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units"
},
{
"prop": "stacked",
"version": "2.3.0",
"description": "Set this prop to true when placing inside a BIconstack component"
},
{
"prop": "animation",
"version": "2.7.0",
"description": "Animate the icon. Supported built-in animations are 'cylon', 'fade', 'pulse', 'spin' and 'throb'"
}
]
},
{
"component": "BIconCheckCircleFill",
"auto-gen": "bootstrap-icons 1.2.2",
"props": [
{
"prop": "title",
"description": "Text content to place in the title",
"version": "2.17.0"
},
{
"prop": "variant",
"description": "Contextual color variant. By default the icon inherits the current text color"
},
{
"prop": "fontScale",
"description": "Scale the icons current font size"
},
{
"prop": "scale",
"description": "Scales the icon's SVG, without increasing the font size"
},
{
"prop": "rotate",
"description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise"
},
{
"prop": "flipH",
"description": "Flips the icon horizontally"
},
{
"prop": "flipV",
"description": "Flips the icon vertically"
},
{
"prop": "shiftH",
"description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units"
},
{
"prop": "shiftV",
"description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units"
},
{
"prop": "stacked",
"version": "2.3.0",
"description": "Set this prop to true when placing inside a BIconstack component"
},
{
"prop": "animation",
"version": "2.7.0",
"description": "Animate the icon. Supported built-in animations are 'cylon', 'fade', 'pulse', 'spin' and 'throb'"
}
]
},
{
"component": "BIconCheckSquare",
"auto-gen": "bootstrap-icons 1.2.2",
"props": [
{
"prop": "title",
"description": "Text content to place in the title",
"version": "2.17.0"
},
{
"prop": "variant",
"description": "Contextual color variant. By default the icon inherits the current text color"
},
{
"prop": "fontScale",
"description": "Scale the icons current font size"
},
{
"prop": "scale",
"description": "Scales the icon's SVG, without increasing the font size"
},
{
"prop": "rotate",
"description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise"
},
{
"prop": "flipH",
"description": "Flips the icon horizontally"
},
{
"prop": "flipV",
"description": "Flips the icon vertically"
},
{
"prop": "shiftH",
"description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units"
},
{
"prop": "shiftV",
"description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units"
},
{
"prop": "stacked",
"version": "2.3.0",
"description": "Set this prop to true when placing inside a BIconstack component"
},
{
"prop": "animation",
"version": "2.7.0",
"description": "Animate the icon. Supported built-in animations are 'cylon', 'fade', 'pulse', 'spin' and 'throb'"
}
]
},
{
"component": "BIconCheckSquareFill",
"auto-gen": "bootstrap-icons 1.2.2",
"props": [
{
"prop": "title",
"description": "Text content to place in the title",
"version": "2.17.0"
},
{
"prop": "variant",
"description": "Contextual color variant. By default the icon inherits the current text color"
},
{
"prop": "fontScale",
"description": "Scale the icons current font size"
},
{
"prop": "scale",
"description": "Scales the icon's SVG, without increasing the font size"
},
{
"prop": "rotate",
"description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise"
},
{
"prop": "flipH",
"description": "Flips the icon horizontally"
},
{
"prop": "flipV",
"description": "Flips the icon vertically"
},
{
"prop": "shiftH",
"description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units"
},
{
"prop": "shiftV",
"description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units"
},
{
"prop": "stacked",
"version": "2.3.0",
"description": "Set this prop to true when placing inside a BIconstack component"
},
{
"prop": "animation",
"version": "2.7.0",
"description": "Animate the icon. Supported built-in animations are 'cylon', 'fade', 'pulse', 'spin' and 'throb'"
}
]
},
{
"component": "BIconChevronBarContract",
"auto-gen": "bootstrap-icons 1.2.2",
"props": [
{
"prop": "title",
"description": "Text content to place in the title",
"version": "2.17.0"
},
{
"prop": "variant",
"description": "Contextual color variant. By default the icon inherits the current text color"
},
{
"prop": "fontScale",
"description": "Scale the icons current font size"
},
{
"prop": "scale",
"description": "Scales the icon's SVG, without increasing the font size"
},
{
"prop": "rotate",
"description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise"
},
{
"prop": "flipH",
"description": "Flips the icon horizontally"
},
{
"prop": "flipV",
"description": "Flips the icon vertically"
},
{
"prop": "shiftH",
"description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units"
},
{
"prop": "shiftV",
"description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units"
},
{
"prop": "stacked",
"version": "2.3.0",
"description": "Set this prop to true when placing inside a BIconstack component"
},
{
"prop": "animation",
"version": "2.7.0",
"description": "Animate the icon. Supported built-in animations are 'cylon', 'fade', 'pulse', 'spin' and 'throb'"
}
]
},
{
"component": "BIconChevronBarDown",
"auto-gen": "bootstrap-icons 1.2.2",
"props": [
{
"prop": "title",
"description": "Text content to place in the title",
"version": "2.17.0"
},
{
"prop": "variant",
"description": "Contextual color variant. By default the icon inherits the current text color"
},
{
"prop": "fontScale",
"description": "Scale the icons current font size"
},
{
"prop": "scale",
"description": "Scales the icon's SVG, without increasing the font size"
},
{
"prop": "rotate",
"description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise"
},
{
"prop": "flipH",
"description": "Flips the icon horizontally"
},
{
"prop": "flipV",
"description": "Flips the icon vertically"
},
{
"prop": "shiftH",
"description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units"
},
{
"prop": "shiftV",
"description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units"
},
{
"prop": "stacked",
"version": "2.3.0",
"description": "Set this prop to true when placing inside a BIconstack component"
},
{
"prop": "animation",
"version": "2.7.0",
"description": "Animate the icon. Supported built-in animations are 'cylon', 'fade', 'pulse', 'spin' and 'throb'"
}
]
},
{
"component": "BIconChevronBarExpand",
"auto-gen": "bootstrap-icons 1.2.2",
"props": [
{
"prop": "title",
"description": "Text content to place in the title",
"version": "2.17.0"
},
{
"prop": "variant",
"description": "Contextual color variant. By default the icon inherits the current text color"
},
{
"prop": "fontScale",
"description": "Scale the icons current font size"
},
{
"prop": "scale",
"description": "Scales the icon's SVG, without increasing the font size"
},
{
"prop": "rotate",
"description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise"
},
{
"prop": "flipH",
"description": "Flips the icon horizontally"
},
{
"prop": "flipV",
"description": "Flips the icon vertically"
},
{
"prop": "shiftH",
"description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units"
},
{
"prop": "shiftV",
"description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units"
},
{
"prop": "stacked",
"version": "2.3.0",
"description": "Set this prop to true when placing inside a BIconstack component"
},
{
"prop": "animation",
"version": "2.7.0",
"description": "Animate the icon. Supported built-in animations are 'cylon', 'fade', 'pulse', 'spin' and 'throb'"
}
]
},
{
"component": "BIconChevronBarLeft",
"auto-gen": "bootstrap-icons 1.2.2",
"props": [
{
"prop": "title",
"description": "Text content to place in the title",
"version": "2.17.0"
},
{
"prop": "variant",
"description": "Contextual color variant. By default the icon inherits the current text color"
},
{
"prop": "fontScale",
"description": "Scale the icons current font size"
},
{
"prop": "scale",
"description": "Scales the icon's SVG, without increasing the font size"
},
{
"prop": "rotate",
"description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise"
},
{
"prop": "flipH",
"description": "Flips the icon horizontally"
},
{
"prop": "flipV",
"description": "Flips the icon vertically"
},
{
"prop": "shiftH",
"description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units"
},
{
"prop": "shiftV",
"description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units"
},
{
"prop": "stacked",
"version": "2.3.0",
"description": "Set this prop to true when placing inside a BIconstack component"
},
{
"prop": "animation",
"version": "2.7.0",
"description": "Animate the icon. Supported built-in animations are 'cylon', 'fade', 'pulse', 'spin' and 'throb'"
}
]
},
{
"component": "BIconChevronBarRight",
"auto-gen": "bootstrap-icons 1.2.2",
"props": [
{
"prop": "title",
"description": "Text content to place in the title",
"version": "2.17.0"
},
{
"prop": "variant",
"description": "Contextual color variant. By default the icon inherits the current text color"
},
{
"prop": "fontScale",
"description": "Scale the icons current font size"
},
{
"prop": "scale",
"description": "Scales the icon's SVG, without increasing the font size"
},
{
"prop": "rotate",
"description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise"
},
{
"prop": "flipH",
"description": "Flips the icon horizontally"
},
{
"prop": "flipV",
"description": "Flips the icon vertically"
},
{
"prop": "shiftH",
"description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units"
},
{
"prop": "shiftV",
"description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units"
},
{
"prop": "stacked",
"version": "2.3.0",
"description": "Set this prop to true when placing inside a BIconstack component"
},
{
"prop": "animation",
"version": "2.7.0",
"description": "Animate the icon. Supported built-in animations are 'cylon', 'fade', 'pulse', 'spin' and 'throb'"
}
]
},
{
"component": "BIconChevronBarUp",
"auto-gen": "bootstrap-icons 1.2.2",
"props": [
{
"prop": "title",
"description": "Text content to place in the title",
"version": "2.17.0"
},
{
"prop": "variant",
"description": "Contextual color variant. By default the icon inherits the current text color"
},
{
"prop": "fontScale",
"description": "Scale the icons current font size"
},
{
"prop": "scale",
"description": "Scales the icon's SVG, without increasing the font size"
},
{
"prop": "rotate",
"description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise"
},
{
"prop": "flipH",
"description": "Flips the icon horizontally"
},
{
"prop": "flipV",
"description": "Flips the icon vertically"
},
{
"prop": "shiftH",
"description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units"
},
{
"prop": "shiftV",
"description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units"
},
{
"prop": "stacked",
"version": "2.3.0",
"description": "Set this prop to true when placing inside a BIconstack component"
},
{
"prop": "animation",
"version": "2.7.0",
"description": "Animate the icon. Supported built-in animations are 'cylon', 'fade', 'pulse', 'spin' and 'throb'"
}
]
},
{
"component": "BIconChevronCompactDown",
"auto-gen": "bootstrap-icons 1.2.2",
"props": [
{
"prop": "title",
"description": "Text content to place in the title",
"version": "2.17.0"
},
{
"prop": "variant",
"description": "Contextual color variant. By default the icon inherits the current text color"
},
{
"prop": "fontScale",
"description": "Scale the icons current font size"
},
{
"prop": "scale",
"description": "Scales the icon's SVG, without increasing the font size"
},
{
"prop": "rotate",
"description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise"
},
{
"prop": "flipH",
"description": "Flips the icon horizontally"
},
{
"prop": "flipV",
"description": "Flips the icon vertically"
},
{
"prop": "shiftH",
"description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units"
},
{
"prop": "shiftV",
"description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units"
},
{
"prop": "stacked",
"version": "2.3.0",
"description": "Set this prop to true when placing inside a BIconstack component"
},
{
"prop": "animation",
"version": "2.7.0",
"description": "Animate the icon. Supported built-in animations are 'cylon', 'fade', 'pulse', 'spin' and 'throb'"
}
]
},
{
"component": "BIconChevronCompactLeft",
"auto-gen": "bootstrap-icons 1.2.2",
"props": [
{
"prop": "title",
"description": "Text content to place in the title",
"version": "2.17.0"
},
{
"prop": "variant",
"description": "Contextual color variant. By default the icon inherits the current text color"
},
{
"prop": "fontScale",
"description": "Scale the icons current font size"
},
{
"prop": "scale",
"description": "Scales the icon's SVG, without increasing the font size"
},
{
"prop": "rotate",
"description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise"
},
{
"prop": "flipH",
"description": "Flips the icon horizontally"
},
{
"prop": "flipV",
"description": "Flips the icon vertically"
},
{
"prop": "shiftH",
"description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units"
},
{
"prop": "shiftV",
"description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units"
},
{
"prop": "stacked",
"version": "2.3.0",
"description": "Set this prop to true when placing inside a BIconstack component"
},
{
"prop": "animation",
"version": "2.7.0",
"description": "Animate the icon. Supported built-in animations are 'cylon', 'fade', 'pulse', 'spin' and 'throb'"
}
]
},
{
"component": "BIconChevronCompactRight",
"auto-gen": "bootstrap-icons 1.2.2",
"props": [
{
"prop": "title",
"description": "Text content to place in the title",
"version": "2.17.0"
},
{
"prop": "variant",
"description": "Contextual color variant. By default the icon inherits the current text color"
},
{
"prop": "fontScale",
"description": "Scale the icons current font size"
},
{
"prop": "scale",
"description": "Scales the icon's SVG, without increasing the font size"
},
{
"prop": "rotate",
"description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise"
},
{
"prop": "flipH",
"description": "Flips the icon horizontally"
},
{
"prop": "flipV",
"description": "Flips the icon vertically"
},
{
"prop": "shiftH",
"description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units"
},
{
"prop": "shiftV",
"description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units"
},
{
"prop": "stacked",
"version": "2.3.0",
"description": "Set this prop to true when placing inside a BIconstack component"
},
{
"prop": "animation",
"version": "2.7.0",
"description": "Animate the icon. Supported built-in animations are 'cylon', 'fade', 'pulse', 'spin' and 'throb'"
}
]
},
{
"component": "BIconChevronCompactUp",
"auto-gen": "bootstrap-icons 1.2.2",
"props": [
{
"prop": "title",
"description": "Text content to place in the title",
"version": "2.17.0"
},
{
"prop": "variant",
"description": "Contextual color variant. By default the icon inherits the current text color"
},
{
"prop": "fontScale",
"description": "Scale the icons current font size"
},
{
"prop": "scale",
"description": "Scales the icon's SVG, without increasing the font size"
},
{
"prop": "rotate",
"description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise"
},
{
"prop": "flipH",
"description": "Flips the icon horizontally"
},
{
"prop": "flipV",
"description": "Flips the icon vertically"
},
{
"prop": "shiftH",
"description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units"
},
{
"prop": "shiftV",
"description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units"
},
{
"prop": "stacked",
"version": "2.3.0",
"description": "Set this prop to true when placing inside a BIconstack component"
},
{
"prop": "animation",
"version": "2.7.0",
"description": "Animate the icon. Supported built-in animations are 'cylon', 'fade', 'pulse', 'spin' and 'throb'"
}
]
},
{
"component": "BIconChevronContract",
"auto-gen": "bootstrap-icons 1.2.2",
"props": [
{
"prop": "title",
"description": "Text content to place in the title",
"version": "2.17.0"
},
{
"prop": "variant",
"description": "Contextual color variant. By default the icon inherits the current text color"
},
{
"prop": "fontScale",
"description": "Scale the icons current font size"
},
{
"prop": "scale",
"description": "Scales the icon's SVG, without increasing the font size"
},
{
"prop": "rotate",
"description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise"
},
{
"prop": "flipH",
"description": "Flips the icon horizontally"
},
{
"prop": "flipV",
"description": "Flips the icon vertically"
},
{
"prop": "shiftH",
"description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units"
},
{
"prop": "shiftV",
"description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units"
},
{
"prop": "stacked",
"version": "2.3.0",
"description": "Set this prop to true when placing inside a BIconstack component"
},
{
"prop": "animation",
"version": "2.7.0",
"description": "Animate the icon. Supported built-in animations are 'cylon', 'fade', 'pulse', 'spin' and 'throb'"
}
]
},
{
"component": "BIconChevronDoubleDown",
"auto-gen": "bootstrap-icons 1.2.2",
"props": [
{
"prop": "title",
"description": "Text content to place in the title",
"version": "2.17.0"
},
{
"prop": "variant",
"description": "Contextual color variant. By default the icon inherits the current text color"
},
{
"prop": "fontScale",
"description": "Scale the icons current font size"
},
{
"prop": "scale",
"description": "Scales the icon's SVG, without increasing the font size"
},
{
"prop": "rotate",
"description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise"
},
{
"prop": "flipH",
"description": "Flips the icon horizontally"
},
{
"prop": "flipV",
"description": "Flips the icon vertically"
},
{
"prop": "shiftH",
"description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units"
},
{
"prop": "shiftV",
"description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units"
},
{
"prop": "stacked",
"version": "2.3.0",
"description": "Set this prop to true when placing inside a BIconstack component"
},
{
"prop": "animation",
"version": "2.7.0",
"description": "Animate the icon. Supported built-in animations are 'cylon', 'fade', 'pulse', 'spin' and 'throb'"
}
]
},
{
"component": "BIconChevronDoubleLeft",
"auto-gen": "bootstrap-icons 1.2.2",
"props": [
{
"prop": "title",
"description": "Text content to place in the title",
"version": "2.17.0"
},
{
"prop": "variant",
"description": "Contextual color variant. By default the icon inherits the current text color"
},
{
"prop": "fontScale",
"description": "Scale the icons current font size"
},
{
"prop": "scale",
"description": "Scales the icon's SVG, without increasing the font size"
},
{
"prop": "rotate",
"description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise"
},
{
"prop": "flipH",
"description": "Flips the icon horizontally"
},
{
"prop": "flipV",
"description": "Flips the icon vertically"
},
{
"prop": "shiftH",
"description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units"
},
{
"prop": "shiftV",
"description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units"
},
{
"prop": "stacked",
"version": "2.3.0",
"description": "Set this prop to true when placing inside a BIconstack component"
},
{
"prop": "animation",
"version": "2.7.0",
"description": "Animate the icon. Supported built-in animations are 'cylon', 'fade', 'pulse', 'spin' and 'throb'"
}
]
},
{
"component": "BIconChevronDoubleRight",
"auto-gen": "bootstrap-icons 1.2.2",
"props": [
{
"prop": "title",
"description": "Text content to place in the title",
"version": "2.17.0"
},
{
"prop": "variant",
"description": "Contextual color variant. By default the icon inherits the current text color"
},
{
"prop": "fontScale",
"description": "Scale the icons current font size"
},
{
"prop": "scale",
"description": "Scales the icon's SVG, without increasing the font size"
},
{
"prop": "rotate",
"description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise"
},
{
"prop": "flipH",
"description": "Flips the icon horizontally"
},
{
"prop": "flipV",
"description": "Flips the icon vertically"
},
{
"prop": "shiftH",
"description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units"
},
{
"prop": "shiftV",
"description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units"
},
{
"prop": "stacked",
"version": "2.3.0",
"description": "Set this prop to true when placing inside a BIconstack component"
},
{
"prop": "animation",
"version": "2.7.0",
"description": "Animate the icon. Supported built-in animations are 'cylon', 'fade', 'pulse', 'spin' and 'throb'"
}
]
},
{
"component": "BIconChevronDoubleUp",
"auto-gen": "bootstrap-icons 1.2.2",
"props": [
{
"prop": "title",
"description": "Text content to place in the title",
"version": "2.17.0"
},
{
"prop": "variant",
"description": "Contextual color variant. By default the icon inherits the current text color"
},
{
"prop": "fontScale",
"description": "Scale the icons current font size"
},
{
"prop": "scale",
"description": "Scales the icon's SVG, without increasing the font size"
},
{
"prop": "rotate",
"description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise"
},
{
"prop": "flipH",
"description": "Flips the icon horizontally"
},
{
"prop": "flipV",
"description": "Flips the icon vertically"
},
{
"prop": "shiftH",
"description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units"
},
{
"prop": "shiftV",
"description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units"
},
{
"prop": "stacked",
"version": "2.3.0",
"description": "Set this prop to true when placing inside a BIconstack component"
},
{
"prop": "animation",
"version": "2.7.0",
"description": "Animate the icon. Supported built-in animations are 'cylon', 'fade', 'pulse', 'spin' and 'throb'"
}
]
},
{
"component": "BIconChevronDown",
"auto-gen": "bootstrap-icons 1.2.2",
"props": [
{
"prop": "title",
"description": "Text content to place in the title",
"version": "2.17.0"
},
{
"prop": "variant",
"description": "Contextual color variant. By default the icon inherits the current text color"
},
{
"prop": "fontScale",
"description": "Scale the icons current font size"
},
{
"prop": "scale",
"description": "Scales the icon's SVG, without increasing the font size"
},
{
"prop": "rotate",
"description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise"
},
{
"prop": "flipH",
"description": "Flips the icon horizontally"
},
{
"prop": "flipV",
"description": "Flips the icon vertically"
},
{
"prop": "shiftH",
"description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units"
},
{
"prop": "shiftV",
"description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units"
},
{
"prop": "stacked",
"version": "2.3.0",
"description": "Set this prop to true when placing inside a BIconstack component"
},
{
"prop": "animation",
"version": "2.7.0",
"description": "Animate the icon. Supported built-in animations are 'cylon', 'fade', 'pulse', 'spin' and 'throb'"
}
]
},
{
"component": "BIconChevronExpand",
"auto-gen": "bootstrap-icons 1.2.2",
"props": [
{
"prop": "title",
"description": "Text content to place in the title",
"version": "2.17.0"
},
{
"prop": "variant",
"description": "Contextual color variant. By default the icon inherits the current text color"
},
{
"prop": "fontScale",
"description": "Scale the icons current font size"
},
{
"prop": "scale",
"description": "Scales the icon's SVG, without increasing the font size"
},
{
"prop": "rotate",
"description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise"
},
{
"prop": "flipH",
"description": "Flips the icon horizontally"
},
{
"prop": "flipV",
"description": "Flips the icon vertically"
},
{
"prop": "shiftH",
"description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units"
},
{
"prop": "shiftV",
"description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units"
},
{
"prop": "stacked",
"version": "2.3.0",
"description": "Set this prop to true when placing inside a BIconstack component"
},
{
"prop": "animation",
"version": "2.7.0",
"description": "Animate the icon. Supported built-in animations are 'cylon', 'fade', 'pulse', 'spin' and 'throb'"
}
]
},
{
"component": "BIconChevronLeft",
"auto-gen": "bootstrap-icons 1.2.2",
"props": [
{
"prop": "title",
"description": "Text content to place in the title",
"version": "2.17.0"
},
{
"prop": "variant",
"description": "Contextual color variant. By default the icon inherits the current text color"
},
{
"prop": "fontScale",
"description": "Scale the icons current font size"
},
{
"prop": "scale",
"description": "Scales the icon's SVG, without increasing the font size"
},
{
"prop": "rotate",
"description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise"
},
{
"prop": "flipH",
"description": "Flips the icon horizontally"
},
{
"prop": "flipV",
"description": "Flips the icon vertically"
},
{
"prop": "shiftH",
"description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units"
},
{
"prop": "shiftV",
"description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units"
},
{
"prop": "stacked",
"version": "2.3.0",
"description": "Set this prop to true when placing inside a BIconstack component"
},
{
"prop": "animation",
"version": "2.7.0",
"description": "Animate the icon. Supported built-in animations are 'cylon', 'fade', 'pulse', 'spin' and 'throb'"
}
]
},
{
"component": "BIconChevronRight",
"auto-gen": "bootstrap-icons 1.2.2",
"props": [
{
"prop": "title",
"description": "Text content to place in the title",
"version": "2.17.0"
},
{
"prop": "variant",
"description": "Contextual color variant. By default the icon inherits the current text color"
},
{
"prop": "fontScale",
"description": "Scale the icons current font size"
},
{
"prop": "scale",
"description": "Scales the icon's SVG, without increasing the font size"
},
{
"prop": "rotate",
"description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise"
},
{
"prop": "flipH",
"description": "Flips the icon horizontally"
},
{
"prop": "flipV",
"description": "Flips the icon vertically"
},
{
"prop": "shiftH",
"description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units"
},
{
"prop": "shiftV",
"description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units"
},
{
"prop": "stacked",
"version": "2.3.0",
"description": "Set this prop to true when placing inside a BIconstack component"
},
{
"prop": "animation",
"version": "2.7.0",
"description": "Animate the icon. Supported built-in animations are 'cylon', 'fade', 'pulse', 'spin' and 'throb'"
}
]
},
{
"component": "BIconChevronUp",
"auto-gen": "bootstrap-icons 1.2.2",
"props": [
{
"prop": "title",
"description": "Text content to place in the title",
"version": "2.17.0"
},
{
"prop": "variant",
"description": "Contextual color variant. By default the icon inherits the current text color"
},
{
"prop": "fontScale",
"description": "Scale the icons current font size"
},
{
"prop": "scale",
"description": "Scales the icon's SVG, without increasing the font size"
},
{
"prop": "rotate",
"description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise"
},
{
"prop": "flipH",
"description": "Flips the icon horizontally"
},
{
"prop": "flipV",
"description": "Flips the icon vertically"
},
{
"prop": "shiftH",
"description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units"
},
{
"prop": "shiftV",
"description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units"
},
{
"prop": "stacked",
"version": "2.3.0",
"description": "Set this prop to true when placing inside a BIconstack component"
},
{
"prop": "animation",
"version": "2.7.0",
"description": "Animate the icon. Supported built-in animations are 'cylon', 'fade', 'pulse', 'spin' and 'throb'"
}
]
},
{
"component": "BIconCircle",
"auto-gen": "bootstrap-icons 1.2.2",
"props": [
{
"prop": "title",
"description": "Text content to place in the title",
"version": "2.17.0"
},
{
"prop": "variant",
"description": "Contextual color variant. By default the icon inherits the current text color"
},
{
"prop": "fontScale",
"description": "Scale the icons current font size"
},
{
"prop": "scale",
"description": "Scales the icon's SVG, without increasing the font size"
},
{
"prop": "rotate",
"description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise"
},
{
"prop": "flipH",
"description": "Flips the icon horizontally"
},
{
"prop": "flipV",
"description": "Flips the icon vertically"
},
{
"prop": "shiftH",
"description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units"
},
{
"prop": "shiftV",
"description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units"
},
{
"prop": "stacked",
"version": "2.3.0",
"description": "Set this prop to true when placing inside a BIconstack component"
},
{
"prop": "animation",
"version": "2.7.0",
"description": "Animate the icon. Supported built-in animations are 'cylon', 'fade', 'pulse', 'spin' and 'throb'"
}
]
},
{
"component": "BIconCircleFill",
"auto-gen": "bootstrap-icons 1.2.2",
"props": [
{
"prop": "title",
"description": "Text content to place in the title",
"version": "2.17.0"
},
{
"prop": "variant",
"description": "Contextual color variant. By default the icon inherits the current text color"
},
{
"prop": "fontScale",
"description": "Scale the icons current font size"
},
{
"prop": "scale",
"description": "Scales the icon's SVG, without increasing the font size"
},
{
"prop": "rotate",
"description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise"
},
{
"prop": "flipH",
"description": "Flips the icon horizontally"
},
{
"prop": "flipV",
"description": "Flips the icon vertically"
},
{
"prop": "shiftH",
"description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units"
},
{
"prop": "shiftV",
"description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units"
},
{
"prop": "stacked",
"version": "2.3.0",
"description": "Set this prop to true when placing inside a BIconstack component"
},
{
"prop": "animation",
"version": "2.7.0",
"description": "Animate the icon. Supported built-in animations are 'cylon', 'fade', 'pulse', 'spin' and 'throb'"
}
]
},
{
"component": "BIconCircleHalf",
"auto-gen": "bootstrap-icons 1.2.2",
"props": [
{
"prop": "title",
"description": "Text content to place in the title",
"version": "2.17.0"
},
{
"prop": "variant",
"description": "Contextual color variant. By default the icon inherits the current text color"
},
{
"prop": "fontScale",
"description": "Scale the icons current font size"
},
{
"prop": "scale",
"description": "Scales the icon's SVG, without increasing the font size"
},
{
"prop": "rotate",
"description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise"
},
{
"prop": "flipH",
"description": "Flips the icon horizontally"
},
{
"prop": "flipV",
"description": "Flips the icon vertically"
},
{
"prop": "shiftH",
"description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units"
},
{
"prop": "shiftV",
"description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units"
},
{
"prop": "stacked",
"version": "2.3.0",
"description": "Set this prop to true when placing inside a BIconstack component"
},
{
"prop": "animation",
"version": "2.7.0",
"description": "Animate the icon. Supported built-in animations are 'cylon', 'fade', 'pulse', 'spin' and 'throb'"
}
]
},
{
"component": "BIconCircleSquare",
"auto-gen": "bootstrap-icons 1.2.2",
"props": [
{
"prop": "title",
"description": "Text content to place in the title",
"version": "2.17.0"
},
{
"prop": "variant",
"description": "Contextual color variant. By default the icon inherits the current text color"
},
{
"prop": "fontScale",
"description": "Scale the icons current font size"
},
{
"prop": "scale",
"description": "Scales the icon's SVG, without increasing the font size"
},
{
"prop": "rotate",
"description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise"
},
{
"prop": "flipH",
"description": "Flips the icon horizontally"
},
{
"prop": "flipV",
"description": "Flips the icon vertically"
},
{
"prop": "shiftH",
"description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units"
},
{
"prop": "shiftV",
"description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units"
},
{
"prop": "stacked",
"version": "2.3.0",
"description": "Set this prop to true when placing inside a BIconstack component"
},
{
"prop": "animation",
"version": "2.7.0",
"description": "Animate the icon. Supported built-in animations are 'cylon', 'fade', 'pulse', 'spin' and 'throb'"
}
]
},
{
"component": "BIconClipboard",
"auto-gen": "bootstrap-icons 1.2.2",
"props": [
{
"prop": "title",
"description": "Text content to place in the title",
"version": "2.17.0"
},
{
"prop": "variant",
"description": "Contextual color variant. By default the icon inherits the current text color"
},
{
"prop": "fontScale",
"description": "Scale the icons current font size"
},
{
"prop": "scale",
"description": "Scales the icon's SVG, without increasing the font size"
},
{
"prop": "rotate",
"description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise"
},
{
"prop": "flipH",
"description": "Flips the icon horizontally"
},
{
"prop": "flipV",
"description": "Flips the icon vertically"
},
{
"prop": "shiftH",
"description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units"
},
{
"prop": "shiftV",
"description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units"
},
{
"prop": "stacked",
"version": "2.3.0",
"description": "Set this prop to true when placing inside a BIconstack component"
},
{
"prop": "animation",
"version": "2.7.0",
"description": "Animate the icon. Supported built-in animations are 'cylon', 'fade', 'pulse', 'spin' and 'throb'"
}
]
},
{
"component": "BIconClipboardCheck",
"auto-gen": "bootstrap-icons 1.2.2",
"props": [
{
"prop": "title",
"description": "Text content to place in the title",
"version": "2.17.0"
},
{
"prop": "variant",
"description": "Contextual color variant. By default the icon inherits the current text color"
},
{
"prop": "fontScale",
"description": "Scale the icons current font size"
},
{
"prop": "scale",
"description": "Scales the icon's SVG, without increasing the font size"
},
{
"prop": "rotate",
"description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise"
},
{
"prop": "flipH",
"description": "Flips the icon horizontally"
},
{
"prop": "flipV",
"description": "Flips the icon vertically"
},
{
"prop": "shiftH",
"description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units"
},
{
"prop": "shiftV",
"description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units"
},
{
"prop": "stacked",
"version": "2.3.0",
"description": "Set this prop to true when placing inside a BIconstack component"
},
{
"prop": "animation",
"version": "2.7.0",
"description": "Animate the icon. Supported built-in animations are 'cylon', 'fade', 'pulse', 'spin' and 'throb'"
}
]
},
{
"component": "BIconClipboardData",
"auto-gen": "bootstrap-icons 1.2.2",
"props": [
{
"prop": "title",
"description": "Text content to place in the title",
"version": "2.17.0"
},
{
"prop": "variant",
"description": "Contextual color variant. By default the icon inherits the current text color"
},
{
"prop": "fontScale",
"description": "Scale the icons current font size"
},
{
"prop": "scale",
"description": "Scales the icon's SVG, without increasing the font size"
},
{
"prop": "rotate",
"description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise"
},
{
"prop": "flipH",
"description": "Flips the icon horizontally"
},
{
"prop": "flipV",
"description": "Flips the icon vertically"
},
{
"prop": "shiftH",
"description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units"
},
{
"prop": "shiftV",
"description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units"
},
{
"prop": "stacked",
"version": "2.3.0",
"description": "Set this prop to true when placing inside a BIconstack component"
},
{
"prop": "animation",
"version": "2.7.0",
"description": "Animate the icon. Supported built-in animations are 'cylon', 'fade', 'pulse', 'spin' and 'throb'"
}
]
},
{
"component": "BIconClipboardMinus",
"auto-gen": "bootstrap-icons 1.2.2",
"props": [
{
"prop": "title",
"description": "Text content to place in the title",
"version": "2.17.0"
},
{
"prop": "variant",
"description": "Contextual color variant. By default the icon inherits the current text color"
},
{
"prop": "fontScale",
"description": "Scale the icons current font size"
},
{
"prop": "scale",
"description": "Scales the icon's SVG, without increasing the font size"
},
{
"prop": "rotate",
"description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise"
},
{
"prop": "flipH",
"description": "Flips the icon horizontally"
},
{
"prop": "flipV",
"description": "Flips the icon vertically"
},
{
"prop": "shiftH",
"description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units"
},
{
"prop": "shiftV",
"description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units"
},
{
"prop": "stacked",
"version": "2.3.0",
"description": "Set this prop to true when placing inside a BIconstack component"
},
{
"prop": "animation",
"version": "2.7.0",
"description": "Animate the icon. Supported built-in animations are 'cylon', 'fade', 'pulse', 'spin' and 'throb'"
}
]
},
{
"component": "BIconClipboardPlus",
"auto-gen": "bootstrap-icons 1.2.2",
"props": [
{
"prop": "title",
"description": "Text content to place in the title",
"version": "2.17.0"
},
{
"prop": "variant",
"description": "Contextual color variant. By default the icon inherits the current text color"
},
{
"prop": "fontScale",
"description": "Scale the icons current font size"
},
{
"prop": "scale",
"description": "Scales the icon's SVG, without increasing the font size"
},
{
"prop": "rotate",
"description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise"
},
{
"prop": "flipH",
"description": "Flips the icon horizontally"
},
{
"prop": "flipV",
"description": "Flips the icon vertically"
},
{
"prop": "shiftH",
"description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units"
},
{
"prop": "shiftV",
"description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units"
},
{
"prop": "stacked",
"version": "2.3.0",
"description": "Set this prop to true when placing inside a BIconstack component"
},
{
"prop": "animation",
"version": "2.7.0",
"description": "Animate the icon. Supported built-in animations are 'cylon', 'fade', 'pulse', 'spin' and 'throb'"
}
]
},
{
"component": "BIconClipboardX",
"auto-gen": "bootstrap-icons 1.2.2",
"props": [
{
"prop": "title",
"description": "Text content to place in the title",
"version": "2.17.0"
},
{
"prop": "variant",
"description": "Contextual color variant. By default the icon inherits the current text color"
},
{
"prop": "fontScale",
"description": "Scale the icons current font size"
},
{
"prop": "scale",
"description": "Scales the icon's SVG, without increasing the font size"
},
{
"prop": "rotate",
"description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise"
},
{
"prop": "flipH",
"description": "Flips the icon horizontally"
},
{
"prop": "flipV",
"description": "Flips the icon vertically"
},
{
"prop": "shiftH",
"description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units"
},
{
"prop": "shiftV",
"description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units"
},
{
"prop": "stacked",
"version": "2.3.0",
"description": "Set this prop to true when placing inside a BIconstack component"
},
{
"prop": "animation",
"version": "2.7.0",
"description": "Animate the icon. Supported built-in animations are 'cylon', 'fade', 'pulse', 'spin' and 'throb'"
}
]
},
{
"component": "BIconClock",
"auto-gen": "bootstrap-icons 1.2.2",
"props": [
{
"prop": "title",
"description": "Text content to place in the title",
"version": "2.17.0"
},
{
"prop": "variant",
"description": "Contextual color variant. By default the icon inherits the current text color"
},
{
"prop": "fontScale",
"description": "Scale the icons current font size"
},
{
"prop": "scale",
"description": "Scales the icon's SVG, without increasing the font size"
},
{
"prop": "rotate",
"description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise"
},
{
"prop": "flipH",
"description": "Flips the icon horizontally"
},
{
"prop": "flipV",
"description": "Flips the icon vertically"
},
{
"prop": "shiftH",
"description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units"
},
{
"prop": "shiftV",
"description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units"
},
{
"prop": "stacked",
"version": "2.3.0",
"description": "Set this prop to true when placing inside a BIconstack component"
},
{
"prop": "animation",
"version": "2.7.0",
"description": "Animate the icon. Supported built-in animations are 'cylon', 'fade', 'pulse', 'spin' and 'throb'"
}
]
},
{
"component": "BIconClockFill",
"auto-gen": "bootstrap-icons 1.2.2",
"props": [
{
"prop": "title",
"description": "Text content to place in the title",
"version": "2.17.0"
},
{
"prop": "variant",
"description": "Contextual color variant. By default the icon inherits the current text color"
},
{
"prop": "fontScale",
"description": "Scale the icons current font size"
},
{
"prop": "scale",
"description": "Scales the icon's SVG, without increasing the font size"
},
{
"prop": "rotate",
"description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise"
},
{
"prop": "flipH",
"description": "Flips the icon horizontally"
},
{
"prop": "flipV",
"description": "Flips the icon vertically"
},
{
"prop": "shiftH",
"description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units"
},
{
"prop": "shiftV",
"description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units"
},
{
"prop": "stacked",
"version": "2.3.0",
"description": "Set this prop to true when placing inside a BIconstack component"
},
{
"prop": "animation",
"version": "2.7.0",
"description": "Animate the icon. Supported built-in animations are 'cylon', 'fade', 'pulse', 'spin' and 'throb'"
}
]
},
{
"component": "BIconClockHistory",
"auto-gen": "bootstrap-icons 1.2.2",
"props": [
{
"prop": "title",
"description": "Text content to place in the title",
"version": "2.17.0"
},
{
"prop": "variant",
"description": "Contextual color variant. By default the icon inherits the current text color"
},
{
"prop": "fontScale",
"description": "Scale the icons current font size"
},
{
"prop": "scale",
"description": "Scales the icon's SVG, without increasing the font size"
},
{
"prop": "rotate",
"description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise"
},
{
"prop": "flipH",
"description": "Flips the icon horizontally"
},
{
"prop": "flipV",
"description": "Flips the icon vertically"
},
{
"prop": "shiftH",
"description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units"
},
{
"prop": "shiftV",
"description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units"
},
{
"prop": "stacked",
"version": "2.3.0",
"description": "Set this prop to true when placing inside a BIconstack component"
},
{
"prop": "animation",
"version": "2.7.0",
"description": "Animate the icon. Supported built-in animations are 'cylon', 'fade', 'pulse', 'spin' and 'throb'"
}
]
},
{
"component": "BIconCloud",
"auto-gen": "bootstrap-icons 1.2.2",
"props": [
{
"prop": "title",
"description": "Text content to place in the title",
"version": "2.17.0"
},
{
"prop": "variant",
"description": "Contextual color variant. By default the icon inherits the current text color"
},
{
"prop": "fontScale",
"description": "Scale the icons current font size"
},
{
"prop": "scale",
"description": "Scales the icon's SVG, without increasing the font size"
},
{
"prop": "rotate",
"description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise"
},
{
"prop": "flipH",
"description": "Flips the icon horizontally"
},
{
"prop": "flipV",
"description": "Flips the icon vertically"
},
{
"prop": "shiftH",
"description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units"
},
{
"prop": "shiftV",
"description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units"
},
{
"prop": "stacked",
"version": "2.3.0",
"description": "Set this prop to true when placing inside a BIconstack component"
},
{
"prop": "animation",
"version": "2.7.0",
"description": "Animate the icon. Supported built-in animations are 'cylon', 'fade', 'pulse', 'spin' and 'throb'"
}
]
},
{
"component": "BIconCloudArrowDown",
"auto-gen": "bootstrap-icons 1.2.2",
"props": [
{
"prop": "title",
"description": "Text content to place in the title",
"version": "2.17.0"
},
{
"prop": "variant",
"description": "Contextual color variant. By default the icon inherits the current text color"
},
{
"prop": "fontScale",
"description": "Scale the icons current font size"
},
{
"prop": "scale",
"description": "Scales the icon's SVG, without increasing the font size"
},
{
"prop": "rotate",
"description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise"
},
{
"prop": "flipH",
"description": "Flips the icon horizontally"
},
{
"prop": "flipV",
"description": "Flips the icon vertically"
},
{
"prop": "shiftH",
"description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units"
},
{
"prop": "shiftV",
"description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units"
},
{
"prop": "stacked",
"version": "2.3.0",
"description": "Set this prop to true when placing inside a BIconstack component"
},
{
"prop": "animation",
"version": "2.7.0",
"description": "Animate the icon. Supported built-in animations are 'cylon', 'fade', 'pulse', 'spin' and 'throb'"
}
]
},
{
"component": "BIconCloudArrowDownFill",
"auto-gen": "bootstrap-icons 1.2.2",
"props": [
{
"prop": "title",
"description": "Text content to place in the title",
"version": "2.17.0"
},
{
"prop": "variant",
"description": "Contextual color variant. By default the icon inherits the current text color"
},
{
"prop": "fontScale",
"description": "Scale the icons current font size"
},
{
"prop": "scale",
"description": "Scales the icon's SVG, without increasing the font size"
},
{
"prop": "rotate",
"description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise"
},
{
"prop": "flipH",
"description": "Flips the icon horizontally"
},
{
"prop": "flipV",
"description": "Flips the icon vertically"
},
{
"prop": "shiftH",
"description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units"
},
{
"prop": "shiftV",
"description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units"
},
{
"prop": "stacked",
"version": "2.3.0",
"description": "Set this prop to true when placing inside a BIconstack component"
},
{
"prop": "animation",
"version": "2.7.0",
"description": "Animate the icon. Supported built-in animations are 'cylon', 'fade', 'pulse', 'spin' and 'throb'"
}
]
},
{
"component": "BIconCloudArrowUp",
"auto-gen": "bootstrap-icons 1.2.2",
"props": [
{
"prop": "title",
"description": "Text content to place in the title",
"version": "2.17.0"
},
{
"prop": "variant",
"description": "Contextual color variant. By default the icon inherits the current text color"
},
{
"prop": "fontScale",
"description": "Scale the icons current font size"
},
{
"prop": "scale",
"description": "Scales the icon's SVG, without increasing the font size"
},
{
"prop": "rotate",
"description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise"
},
{
"prop": "flipH",
"description": "Flips the icon horizontally"
},
{
"prop": "flipV",
"description": "Flips the icon vertically"
},
{
"prop": "shiftH",
"description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units"
},
{
"prop": "shiftV",
"description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units"
},
{
"prop": "stacked",
"version": "2.3.0",
"description": "Set this prop to true when placing inside a BIconstack component"
},
{
"prop": "animation",
"version": "2.7.0",
"description": "Animate the icon. Supported built-in animations are 'cylon', 'fade', 'pulse', 'spin' and 'throb'"
}
]
},
{
"component": "BIconCloudArrowUpFill",
"auto-gen": "bootstrap-icons 1.2.2",
"props": [
{
"prop": "title",
"description": "Text content to place in the title",
"version": "2.17.0"
},
{
"prop": "variant",
"description": "Contextual color variant. By default the icon inherits the current text color"
},
{
"prop": "fontScale",
"description": "Scale the icons current font size"
},
{
"prop": "scale",
"description": "Scales the icon's SVG, without increasing the font size"
},
{
"prop": "rotate",
"description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise"
},
{
"prop": "flipH",
"description": "Flips the icon horizontally"
},
{
"prop": "flipV",
"description": "Flips the icon vertically"
},
{
"prop": "shiftH",
"description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units"
},
{
"prop": "shiftV",
"description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units"
},
{
"prop": "stacked",
"version": "2.3.0",
"description": "Set this prop to true when placing inside a BIconstack component"
},
{
"prop": "animation",
"version": "2.7.0",
"description": "Animate the icon. Supported built-in animations are 'cylon', 'fade', 'pulse', 'spin' and 'throb'"
}
]
},
{
"component": "BIconCloudCheck",
"auto-gen": "bootstrap-icons 1.2.2",
"props": [
{
"prop": "title",
"description": "Text content to place in the title",
"version": "2.17.0"
},
{
"prop": "variant",
"description": "Contextual color variant. By default the icon inherits the current text color"
},
{
"prop": "fontScale",
"description": "Scale the icons current font size"
},
{
"prop": "scale",
"description": "Scales the icon's SVG, without increasing the font size"
},
{
"prop": "rotate",
"description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise"
},
{
"prop": "flipH",
"description": "Flips the icon horizontally"
},
{
"prop": "flipV",
"description": "Flips the icon vertically"
},
{
"prop": "shiftH",
"description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units"
},
{
"prop": "shiftV",
"description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units"
},
{
"prop": "stacked",
"version": "2.3.0",
"description": "Set this prop to true when placing inside a BIconstack component"
},
{
"prop": "animation",
"version": "2.7.0",
"description": "Animate the icon. Supported built-in animations are 'cylon', 'fade', 'pulse', 'spin' and 'throb'"
}
]
},
{
"component": "BIconCloudCheckFill",
"auto-gen": "bootstrap-icons 1.2.2",
"props": [
{
"prop": "title",
"description": "Text content to place in the title",
"version": "2.17.0"
},
{
"prop": "variant",
"description": "Contextual color variant. By default the icon inherits the current text color"
},
{
"prop": "fontScale",
"description": "Scale the icons current font size"
},
{
"prop": "scale",
"description": "Scales the icon's SVG, without increasing the font size"
},
{
"prop": "rotate",
"description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise"
},
{
"prop": "flipH",
"description": "Flips the icon horizontally"
},
{
"prop": "flipV",
"description": "Flips the icon vertically"
},
{
"prop": "shiftH",
"description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units"
},
{
"prop": "shiftV",
"description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units"
},
{
"prop": "stacked",
"version": "2.3.0",
"description": "Set this prop to true when placing inside a BIconstack component"
},
{
"prop": "animation",
"version": "2.7.0",
"description": "Animate the icon. Supported built-in animations are 'cylon', 'fade', 'pulse', 'spin' and 'throb'"
}
]
},
{
"component": "BIconCloudDownload",
"auto-gen": "bootstrap-icons 1.2.2",
"props": [
{
"prop": "title",
"description": "Text content to place in the title",
"version": "2.17.0"
},
{
"prop": "variant",
"description": "Contextual color variant. By default the icon inherits the current text color"
},
{
"prop": "fontScale",
"description": "Scale the icons current font size"
},
{
"prop": "scale",
"description": "Scales the icon's SVG, without increasing the font size"
},
{
"prop": "rotate",
"description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise"
},
{
"prop": "flipH",
"description": "Flips the icon horizontally"
},
{
"prop": "flipV",
"description": "Flips the icon vertically"
},
{
"prop": "shiftH",
"description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units"
},
{
"prop": "shiftV",
"description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units"
},
{
"prop": "stacked",
"version": "2.3.0",
"description": "Set this prop to true when placing inside a BIconstack component"
},
{
"prop": "animation",
"version": "2.7.0",
"description": "Animate the icon. Supported built-in animations are 'cylon', 'fade', 'pulse', 'spin' and 'throb'"
}
]
},
{
"component": "BIconCloudDownloadFill",
"auto-gen": "bootstrap-icons 1.2.2",
"props": [
{
"prop": "title",
"description": "Text content to place in the title",
"version": "2.17.0"
},
{
"prop": "variant",
"description": "Contextual color variant. By default the icon inherits the current text color"
},
{
"prop": "fontScale",
"description": "Scale the icons current font size"
},
{
"prop": "scale",
"description": "Scales the icon's SVG, without increasing the font size"
},
{
"prop": "rotate",
"description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise"
},
{
"prop": "flipH",
"description": "Flips the icon horizontally"
},
{
"prop": "flipV",
"description": "Flips the icon vertically"
},
{
"prop": "shiftH",
"description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units"
},
{
"prop": "shiftV",
"description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units"
},
{
"prop": "stacked",
"version": "2.3.0",
"description": "Set this prop to true when placing inside a BIconstack component"
},
{
"prop": "animation",
"version": "2.7.0",
"description": "Animate the icon. Supported built-in animations are 'cylon', 'fade', 'pulse', 'spin' and 'throb'"
}
]
},
{
"component": "BIconCloudFill",
"auto-gen": "bootstrap-icons 1.2.2",
"props": [
{
"prop": "title",
"description": "Text content to place in the title",
"version": "2.17.0"
},
{
"prop": "variant",
"description": "Contextual color variant. By default the icon inherits the current text color"
},
{
"prop": "fontScale",
"description": "Scale the icons current font size"
},
{
"prop": "scale",
"description": "Scales the icon's SVG, without increasing the font size"
},
{
"prop": "rotate",
"description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise"
},
{
"prop": "flipH",
"description": "Flips the icon horizontally"
},
{
"prop": "flipV",
"description": "Flips the icon vertically"
},
{
"prop": "shiftH",
"description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units"
},
{
"prop": "shiftV",
"description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units"
},
{
"prop": "stacked",
"version": "2.3.0",
"description": "Set this prop to true when placing inside a BIconstack component"
},
{
"prop": "animation",
"version": "2.7.0",
"description": "Animate the icon. Supported built-in animations are 'cylon', 'fade', 'pulse', 'spin' and 'throb'"
}
]
},
{
"component": "BIconCloudMinus",
"auto-gen": "bootstrap-icons 1.2.2",
"props": [
{
"prop": "title",
"description": "Text content to place in the title",
"version": "2.17.0"
},
{
"prop": "variant",
"description": "Contextual color variant. By default the icon inherits the current text color"
},
{
"prop": "fontScale",
"description": "Scale the icons current font size"
},
{
"prop": "scale",
"description": "Scales the icon's SVG, without increasing the font size"
},
{
"prop": "rotate",
"description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise"
},
{
"prop": "flipH",
"description": "Flips the icon horizontally"
},
{
"prop": "flipV",
"description": "Flips the icon vertically"
},
{
"prop": "shiftH",
"description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units"
},
{
"prop": "shiftV",
"description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units"
},
{
"prop": "stacked",
"version": "2.3.0",
"description": "Set this prop to true when placing inside a BIconstack component"
},
{
"prop": "animation",
"version": "2.7.0",
"description": "Animate the icon. Supported built-in animations are 'cylon', 'fade', 'pulse', 'spin' and 'throb'"
}
]
},
{
"component": "BIconCloudMinusFill",
"auto-gen": "bootstrap-icons 1.2.2",
"props": [
{
"prop": "title",
"description": "Text content to place in the title",
"version": "2.17.0"
},
{
"prop": "variant",
"description": "Contextual color variant. By default the icon inherits the current text color"
},
{
"prop": "fontScale",
"description": "Scale the icons current font size"
},
{
"prop": "scale",
"description": "Scales the icon's SVG, without increasing the font size"
},
{
"prop": "rotate",
"description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise"
},
{
"prop": "flipH",
"description": "Flips the icon horizontally"
},
{
"prop": "flipV",
"description": "Flips the icon vertically"
},
{
"prop": "shiftH",
"description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units"
},
{
"prop": "shiftV",
"description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units"
},
{
"prop": "stacked",
"version": "2.3.0",
"description": "Set this prop to true when placing inside a BIconstack component"
},
{
"prop": "animation",
"version": "2.7.0",
"description": "Animate the icon. Supported built-in animations are 'cylon', 'fade', 'pulse', 'spin' and 'throb'"
}
]
},
{
"component": "BIconCloudPlus",
"auto-gen": "bootstrap-icons 1.2.2",
"props": [
{
"prop": "title",
"description": "Text content to place in the title",
"version": "2.17.0"
},
{
"prop": "variant",
"description": "Contextual color variant. By default the icon inherits the current text color"
},
{
"prop": "fontScale",
"description": "Scale the icons current font size"
},
{
"prop": "scale",
"description": "Scales the icon's SVG, without increasing the font size"
},
{
"prop": "rotate",
"description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise"
},
{
"prop": "flipH",
"description": "Flips the icon horizontally"
},
{
"prop": "flipV",
"description": "Flips the icon vertically"
},
{
"prop": "shiftH",
"description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units"
},
{
"prop": "shiftV",
"description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units"
},
{
"prop": "stacked",
"version": "2.3.0",
"description": "Set this prop to true when placing inside a BIconstack component"
},
{
"prop": "animation",
"version": "2.7.0",
"description": "Animate the icon. Supported built-in animations are 'cylon', 'fade', 'pulse', 'spin' and 'throb'"
}
]
},
{
"component": "BIconCloudPlusFill",
"auto-gen": "bootstrap-icons 1.2.2",
"props": [
{
"prop": "title",
"description": "Text content to place in the title",
"version": "2.17.0"
},
{
"prop": "variant",
"description": "Contextual color variant. By default the icon inherits the current text color"
},
{
"prop": "fontScale",
"description": "Scale the icons current font size"
},
{
"prop": "scale",
"description": "Scales the icon's SVG, without increasing the font size"
},
{
"prop": "rotate",
"description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise"
},
{
"prop": "flipH",
"description": "Flips the icon horizontally"
},
{
"prop": "flipV",
"description": "Flips the icon vertically"
},
{
"prop": "shiftH",
"description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units"
},
{
"prop": "shiftV",
"description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units"
},
{
"prop": "stacked",
"version": "2.3.0",
"description": "Set this prop to true when placing inside a BIconstack component"
},
{
"prop": "animation",
"version": "2.7.0",
"description": "Animate the icon. Supported built-in animations are 'cylon', 'fade', 'pulse', 'spin' and 'throb'"
}
]
},
{
"component": "BIconCloudSlash",
"auto-gen": "bootstrap-icons 1.2.2",
"props": [
{
"prop": "title",
"description": "Text content to place in the title",
"version": "2.17.0"
},
{
"prop": "variant",
"description": "Contextual color variant. By default the icon inherits the current text color"
},
{
"prop": "fontScale",
"description": "Scale the icons current font size"
},
{
"prop": "scale",
"description": "Scales the icon's SVG, without increasing the font size"
},
{
"prop": "rotate",
"description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise"
},
{
"prop": "flipH",
"description": "Flips the icon horizontally"
},
{
"prop": "flipV",
"description": "Flips the icon vertically"
},
{
"prop": "shiftH",
"description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units"
},
{
"prop": "shiftV",
"description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units"
},
{
"prop": "stacked",
"version": "2.3.0",
"description": "Set this prop to true when placing inside a BIconstack component"
},
{
"prop": "animation",
"version": "2.7.0",
"description": "Animate the icon. Supported built-in animations are 'cylon', 'fade', 'pulse', 'spin' and 'throb'"
}
]
},
{
"component": "BIconCloudSlashFill",
"auto-gen": "bootstrap-icons 1.2.2",
"props": [
{
"prop": "title",
"description": "Text content to place in the title",
"version": "2.17.0"
},
{
"prop": "variant",
"description": "Contextual color variant. By default the icon inherits the current text color"
},
{
"prop": "fontScale",
"description": "Scale the icons current font size"
},
{
"prop": "scale",
"description": "Scales the icon's SVG, without increasing the font size"
},
{
"prop": "rotate",
"description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise"
},
{
"prop": "flipH",
"description": "Flips the icon horizontally"
},
{
"prop": "flipV",
"description": "Flips the icon vertically"
},
{
"prop": "shiftH",
"description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units"
},
{
"prop": "shiftV",
"description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units"
},
{
"prop": "stacked",
"version": "2.3.0",
"description": "Set this prop to true when placing inside a BIconstack component"
},
{
"prop": "animation",
"version": "2.7.0",
"description": "Animate the icon. Supported built-in animations are 'cylon', 'fade', 'pulse', 'spin' and 'throb'"
}
]
},
{
"component": "BIconCloudUpload",
"auto-gen": "bootstrap-icons 1.2.2",
"props": [
{
"prop": "title",
"description": "Text content to place in the title",
"version": "2.17.0"
},
{
"prop": "variant",
"description": "Contextual color variant. By default the icon inherits the current text color"
},
{
"prop": "fontScale",
"description": "Scale the icons current font size"
},
{
"prop": "scale",
"description": "Scales the icon's SVG, without increasing the font size"
},
{
"prop": "rotate",
"description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise"
},
{
"prop": "flipH",
"description": "Flips the icon horizontally"
},
{
"prop": "flipV",
"description": "Flips the icon vertically"
},
{
"prop": "shiftH",
"description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units"
},
{
"prop": "shiftV",
"description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units"
},
{
"prop": "stacked",
"version": "2.3.0",
"description": "Set this prop to true when placing inside a BIconstack component"
},
{
"prop": "animation",
"version": "2.7.0",
"description": "Animate the icon. Supported built-in animations are 'cylon', 'fade', 'pulse', 'spin' and 'throb'"
}
]
},
{
"component": "BIconCloudUploadFill",
"auto-gen": "bootstrap-icons 1.2.2",
"props": [
{
"prop": "title",
"description": "Text content to place in the title",
"version": "2.17.0"
},
{
"prop": "variant",
"description": "Contextual color variant. By default the icon inherits the current text color"
},
{
"prop": "fontScale",
"description": "Scale the icons current font size"
},
{
"prop": "scale",
"description": "Scales the icon's SVG, without increasing the font size"
},
{
"prop": "rotate",
"description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise"
},
{
"prop": "flipH",
"description": "Flips the icon horizontally"
},
{
"prop": "flipV",
"description": "Flips the icon vertically"
},
{
"prop": "shiftH",
"description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units"
},
{
"prop": "shiftV",
"description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units"
},
{
"prop": "stacked",
"version": "2.3.0",
"description": "Set this prop to true when placing inside a BIconstack component"
},
{
"prop": "animation",
"version": "2.7.0",
"description": "Animate the icon. Supported built-in animations are 'cylon', 'fade', 'pulse', 'spin' and 'throb'"
}
]
},
{
"component": "BIconCode",
"auto-gen": "bootstrap-icons 1.2.2",
"props": [
{
"prop": "title",
"description": "Text content to place in the title",
"version": "2.17.0"
},
{
"prop": "variant",
"description": "Contextual color variant. By default the icon inherits the current text color"
},
{
"prop": "fontScale",
"description": "Scale the icons current font size"
},
{
"prop": "scale",
"description": "Scales the icon's SVG, without increasing the font size"
},
{
"prop": "rotate",
"description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise"
},
{
"prop": "flipH",
"description": "Flips the icon horizontally"
},
{
"prop": "flipV",
"description": "Flips the icon vertically"
},
{
"prop": "shiftH",
"description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units"
},
{
"prop": "shiftV",
"description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units"
},
{
"prop": "stacked",
"version": "2.3.0",
"description": "Set this prop to true when placing inside a BIconstack component"
},
{
"prop": "animation",
"version": "2.7.0",
"description": "Animate the icon. Supported built-in animations are 'cylon', 'fade', 'pulse', 'spin' and 'throb'"
}
]
},
{
"component": "BIconCodeSlash",
"auto-gen": "bootstrap-icons 1.2.2",
"props": [
{
"prop": "title",
"description": "Text content to place in the title",
"version": "2.17.0"
},
{
"prop": "variant",
"description": "Contextual color variant. By default the icon inherits the current text color"
},
{
"prop": "fontScale",
"description": "Scale the icons current font size"
},
{
"prop": "scale",
"description": "Scales the icon's SVG, without increasing the font size"
},
{
"prop": "rotate",
"description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise"
},
{
"prop": "flipH",
"description": "Flips the icon horizontally"
},
{
"prop": "flipV",
"description": "Flips the icon vertically"
},
{
"prop": "shiftH",
"description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units"
},
{
"prop": "shiftV",
"description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units"
},
{
"prop": "stacked",
"version": "2.3.0",
"description": "Set this prop to true when placing inside a BIconstack component"
},
{
"prop": "animation",
"version": "2.7.0",
"description": "Animate the icon. Supported built-in animations are 'cylon', 'fade', 'pulse', 'spin' and 'throb'"
}
]
},
{
"component": "BIconCodeSquare",
"auto-gen": "bootstrap-icons 1.2.2",
"props": [
{
"prop": "title",
"description": "Text content to place in the title",
"version": "2.17.0"
},
{
"prop": "variant",
"description": "Contextual color variant. By default the icon inherits the current text color"
},
{
"prop": "fontScale",
"description": "Scale the icons current font size"
},
{
"prop": "scale",
"description": "Scales the icon's SVG, without increasing the font size"
},
{
"prop": "rotate",
"description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise"
},
{
"prop": "flipH",
"description": "Flips the icon horizontally"
},
{
"prop": "flipV",
"description": "Flips the icon vertically"
},
{
"prop": "shiftH",
"description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units"
},
{
"prop": "shiftV",
"description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units"
},
{
"prop": "stacked",
"version": "2.3.0",
"description": "Set this prop to true when placing inside a BIconstack component"
},
{
"prop": "animation",
"version": "2.7.0",
"description": "Animate the icon. Supported built-in animations are 'cylon', 'fade', 'pulse', 'spin' and 'throb'"
}
]
},
{
"component": "BIconCollection",
"auto-gen": "bootstrap-icons 1.2.2",
"props": [
{
"prop": "title",
"description": "Text content to place in the title",
"version": "2.17.0"
},
{
"prop": "variant",
"description": "Contextual color variant. By default the icon inherits the current text color"
},
{
"prop": "fontScale",
"description": "Scale the icons current font size"
},
{
"prop": "scale",
"description": "Scales the icon's SVG, without increasing the font size"
},
{
"prop": "rotate",
"description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise"
},
{
"prop": "flipH",
"description": "Flips the icon horizontally"
},
{
"prop": "flipV",
"description": "Flips the icon vertically"
},
{
"prop": "shiftH",
"description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units"
},
{
"prop": "shiftV",
"description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units"
},
{
"prop": "stacked",
"version": "2.3.0",
"description": "Set this prop to true when placing inside a BIconstack component"
},
{
"prop": "animation",
"version": "2.7.0",
"description": "Animate the icon. Supported built-in animations are 'cylon', 'fade', 'pulse', 'spin' and 'throb'"
}
]
},
{
"component": "BIconCollectionFill",
"auto-gen": "bootstrap-icons 1.2.2",
"props": [
{
"prop": "title",
"description": "Text content to place in the title",
"version": "2.17.0"
},
{
"prop": "variant",
"description": "Contextual color variant. By default the icon inherits the current text color"
},
{
"prop": "fontScale",
"description": "Scale the icons current font size"
},
{
"prop": "scale",
"description": "Scales the icon's SVG, without increasing the font size"
},
{
"prop": "rotate",
"description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise"
},
{
"prop": "flipH",
"description": "Flips the icon horizontally"
},
{
"prop": "flipV",
"description": "Flips the icon vertically"
},
{
"prop": "shiftH",
"description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units"
},
{
"prop": "shiftV",
"description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units"
},
{
"prop": "stacked",
"version": "2.3.0",
"description": "Set this prop to true when placing inside a BIconstack component"
},
{
"prop": "animation",
"version": "2.7.0",
"description": "Animate the icon. Supported built-in animations are 'cylon', 'fade', 'pulse', 'spin' and 'throb'"
}
]
},
{
"component": "BIconCollectionPlay",
"auto-gen": "bootstrap-icons 1.2.2",
"props": [
{
"prop": "title",
"description": "Text content to place in the title",
"version": "2.17.0"
},
{
"prop": "variant",
"description": "Contextual color variant. By default the icon inherits the current text color"
},
{
"prop": "fontScale",
"description": "Scale the icons current font size"
},
{
"prop": "scale",
"description": "Scales the icon's SVG, without increasing the font size"
},
{
"prop": "rotate",
"description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise"
},
{
"prop": "flipH",
"description": "Flips the icon horizontally"
},
{
"prop": "flipV",
"description": "Flips the icon vertically"
},
{
"prop": "shiftH",
"description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units"
},
{
"prop": "shiftV",
"description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units"
},
{
"prop": "stacked",
"version": "2.3.0",
"description": "Set this prop to true when placing inside a BIconstack component"
},
{
"prop": "animation",
"version": "2.7.0",
"description": "Animate the icon. Supported built-in animations are 'cylon', 'fade', 'pulse', 'spin' and 'throb'"
}
]
},
{
"component": "BIconCollectionPlayFill",
"auto-gen": "bootstrap-icons 1.2.2",
"props": [
{
"prop": "title",
"description": "Text content to place in the title",
"version": "2.17.0"
},
{
"prop": "variant",
"description": "Contextual color variant. By default the icon inherits the current text color"
},
{
"prop": "fontScale",
"description": "Scale the icons current font size"
},
{
"prop": "scale",
"description": "Scales the icon's SVG, without increasing the font size"
},
{
"prop": "rotate",
"description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise"
},
{
"prop": "flipH",
"description": "Flips the icon horizontally"
},
{
"prop": "flipV",
"description": "Flips the icon vertically"
},
{
"prop": "shiftH",
"description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units"
},
{
"prop": "shiftV",
"description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units"
},
{
"prop": "stacked",
"version": "2.3.0",
"description": "Set this prop to true when placing inside a BIconstack component"
},
{
"prop": "animation",
"version": "2.7.0",
"description": "Animate the icon. Supported built-in animations are 'cylon', 'fade', 'pulse', 'spin' and 'throb'"
}
]
},
{
"component": "BIconColumns",
"auto-gen": "bootstrap-icons 1.2.2",
"props": [
{
"prop": "title",
"description": "Text content to place in the title",
"version": "2.17.0"
},
{
"prop": "variant",
"description": "Contextual color variant. By default the icon inherits the current text color"
},
{
"prop": "fontScale",
"description": "Scale the icons current font size"
},
{
"prop": "scale",
"description": "Scales the icon's SVG, without increasing the font size"
},
{
"prop": "rotate",
"description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise"
},
{
"prop": "flipH",
"description": "Flips the icon horizontally"
},
{
"prop": "flipV",
"description": "Flips the icon vertically"
},
{
"prop": "shiftH",
"description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units"
},
{
"prop": "shiftV",
"description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units"
},
{
"prop": "stacked",
"version": "2.3.0",
"description": "Set this prop to true when placing inside a BIconstack component"
},
{
"prop": "animation",
"version": "2.7.0",
"description": "Animate the icon. Supported built-in animations are 'cylon', 'fade', 'pulse', 'spin' and 'throb'"
}
]
},
{
"component": "BIconColumnsGap",
"auto-gen": "bootstrap-icons 1.2.2",
"props": [
{
"prop": "title",
"description": "Text content to place in the title",
"version": "2.17.0"
},
{
"prop": "variant",
"description": "Contextual color variant. By default the icon inherits the current text color"
},
{
"prop": "fontScale",
"description": "Scale the icons current font size"
},
{
"prop": "scale",
"description": "Scales the icon's SVG, without increasing the font size"
},
{
"prop": "rotate",
"description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise"
},
{
"prop": "flipH",
"description": "Flips the icon horizontally"
},
{
"prop": "flipV",
"description": "Flips the icon vertically"
},
{
"prop": "shiftH",
"description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units"
},
{
"prop": "shiftV",
"description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units"
},
{
"prop": "stacked",
"version": "2.3.0",
"description": "Set this prop to true when placing inside a BIconstack component"
},
{
"prop": "animation",
"version": "2.7.0",
"description": "Animate the icon. Supported built-in animations are 'cylon', 'fade', 'pulse', 'spin' and 'throb'"
}
]
},
{
"component": "BIconCommand",
"auto-gen": "bootstrap-icons 1.2.2",
"props": [
{
"prop": "title",
"description": "Text content to place in the title",
"version": "2.17.0"
},
{
"prop": "variant",
"description": "Contextual color variant. By default the icon inherits the current text color"
},
{
"prop": "fontScale",
"description": "Scale the icons current font size"
},
{
"prop": "scale",
"description": "Scales the icon's SVG, without increasing the font size"
},
{
"prop": "rotate",
"description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise"
},
{
"prop": "flipH",
"description": "Flips the icon horizontally"
},
{
"prop": "flipV",
"description": "Flips the icon vertically"
},
{
"prop": "shiftH",
"description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units"
},
{
"prop": "shiftV",
"description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units"
},
{
"prop": "stacked",
"version": "2.3.0",
"description": "Set this prop to true when placing inside a BIconstack component"
},
{
"prop": "animation",
"version": "2.7.0",
"description": "Animate the icon. Supported built-in animations are 'cylon', 'fade', 'pulse', 'spin' and 'throb'"
}
]
},
{
"component": "BIconCompass",
"auto-gen": "bootstrap-icons 1.2.2",
"props": [
{
"prop": "title",
"description": "Text content to place in the title",
"version": "2.17.0"
},
{
"prop": "variant",
"description": "Contextual color variant. By default the icon inherits the current text color"
},
{
"prop": "fontScale",
"description": "Scale the icons current font size"
},
{
"prop": "scale",
"description": "Scales the icon's SVG, without increasing the font size"
},
{
"prop": "rotate",
"description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise"
},
{
"prop": "flipH",
"description": "Flips the icon horizontally"
},
{
"prop": "flipV",
"description": "Flips the icon vertically"
},
{
"prop": "shiftH",
"description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units"
},
{
"prop": "shiftV",
"description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units"
},
{
"prop": "stacked",
"version": "2.3.0",
"description": "Set this prop to true when placing inside a BIconstack component"
},
{
"prop": "animation",
"version": "2.7.0",
"description": "Animate the icon. Supported built-in animations are 'cylon', 'fade', 'pulse', 'spin' and 'throb'"
}
]
},
{
"component": "BIconCompassFill",
"auto-gen": "bootstrap-icons 1.2.2",
"props": [
{
"prop": "title",
"description": "Text content to place in the title",
"version": "2.17.0"
},
{
"prop": "variant",
"description": "Contextual color variant. By default the icon inherits the current text color"
},
{
"prop": "fontScale",
"description": "Scale the icons current font size"
},
{
"prop": "scale",
"description": "Scales the icon's SVG, without increasing the font size"
},
{
"prop": "rotate",
"description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise"
},
{
"prop": "flipH",
"description": "Flips the icon horizontally"
},
{
"prop": "flipV",
"description": "Flips the icon vertically"
},
{
"prop": "shiftH",
"description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units"
},
{
"prop": "shiftV",
"description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units"
},
{
"prop": "stacked",
"version": "2.3.0",
"description": "Set this prop to true when placing inside a BIconstack component"
},
{
"prop": "animation",
"version": "2.7.0",
"description": "Animate the icon. Supported built-in animations are 'cylon', 'fade', 'pulse', 'spin' and 'throb'"
}
]
},
{
"component": "BIconCone",
"auto-gen": "bootstrap-icons 1.2.2",
"props": [
{
"prop": "title",
"description": "Text content to place in the title",
"version": "2.17.0"
},
{
"prop": "variant",
"description": "Contextual color variant. By default the icon inherits the current text color"
},
{
"prop": "fontScale",
"description": "Scale the icons current font size"
},
{
"prop": "scale",
"description": "Scales the icon's SVG, without increasing the font size"
},
{
"prop": "rotate",
"description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise"
},
{
"prop": "flipH",
"description": "Flips the icon horizontally"
},
{
"prop": "flipV",
"description": "Flips the icon vertically"
},
{
"prop": "shiftH",
"description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units"
},
{
"prop": "shiftV",
"description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units"
},
{
"prop": "stacked",
"version": "2.3.0",
"description": "Set this prop to true when placing inside a BIconstack component"
},
{
"prop": "animation",
"version": "2.7.0",
"description": "Animate the icon. Supported built-in animations are 'cylon', 'fade', 'pulse', 'spin' and 'throb'"
}
]
},
{
"component": "BIconConeStriped",
"auto-gen": "bootstrap-icons 1.2.2",
"props": [
{
"prop": "title",
"description": "Text content to place in the title",
"version": "2.17.0"
},
{
"prop": "variant",
"description": "Contextual color variant. By default the icon inherits the current text color"
},
{
"prop": "fontScale",
"description": "Scale the icons current font size"
},
{
"prop": "scale",
"description": "Scales the icon's SVG, without increasing the font size"
},
{
"prop": "rotate",
"description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise"
},
{
"prop": "flipH",
"description": "Flips the icon horizontally"
},
{
"prop": "flipV",
"description": "Flips the icon vertically"
},
{
"prop": "shiftH",
"description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units"
},
{
"prop": "shiftV",
"description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units"
},
{
"prop": "stacked",
"version": "2.3.0",
"description": "Set this prop to true when placing inside a BIconstack component"
},
{
"prop": "animation",
"version": "2.7.0",
"description": "Animate the icon. Supported built-in animations are 'cylon', 'fade', 'pulse', 'spin' and 'throb'"
}
]
},
{
"component": "BIconController",
"auto-gen": "bootstrap-icons 1.2.2",
"props": [
{
"prop": "title",
"description": "Text content to place in the title",
"version": "2.17.0"
},
{
"prop": "variant",
"description": "Contextual color variant. By default the icon inherits the current text color"
},
{
"prop": "fontScale",
"description": "Scale the icons current font size"
},
{
"prop": "scale",
"description": "Scales the icon's SVG, without increasing the font size"
},
{
"prop": "rotate",
"description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise"
},
{
"prop": "flipH",
"description": "Flips the icon horizontally"
},
{
"prop": "flipV",
"description": "Flips the icon vertically"
},
{
"prop": "shiftH",
"description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units"
},
{
"prop": "shiftV",
"description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units"
},
{
"prop": "stacked",
"version": "2.3.0",
"description": "Set this prop to true when placing inside a BIconstack component"
},
{
"prop": "animation",
"version": "2.7.0",
"description": "Animate the icon. Supported built-in animations are 'cylon', 'fade', 'pulse', 'spin' and 'throb'"
}
]
},
{
"component": "BIconCpu",
"auto-gen": "bootstrap-icons 1.2.2",
"props": [
{
"prop": "title",
"description": "Text content to place in the title",
"version": "2.17.0"
},
{
"prop": "variant",
"description": "Contextual color variant. By default the icon inherits the current text color"
},
{
"prop": "fontScale",
"description": "Scale the icons current font size"
},
{
"prop": "scale",
"description": "Scales the icon's SVG, without increasing the font size"
},
{
"prop": "rotate",
"description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise"
},
{
"prop": "flipH",
"description": "Flips the icon horizontally"
},
{
"prop": "flipV",
"description": "Flips the icon vertically"
},
{
"prop": "shiftH",
"description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units"
},
{
"prop": "shiftV",
"description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units"
},
{
"prop": "stacked",
"version": "2.3.0",
"description": "Set this prop to true when placing inside a BIconstack component"
},
{
"prop": "animation",
"version": "2.7.0",
"description": "Animate the icon. Supported built-in animations are 'cylon', 'fade', 'pulse', 'spin' and 'throb'"
}
]
},
{
"component": "BIconCpuFill",
"auto-gen": "bootstrap-icons 1.2.2",
"props": [
{
"prop": "title",
"description": "Text content to place in the title",
"version": "2.17.0"
},
{
"prop": "variant",
"description": "Contextual color variant. By default the icon inherits the current text color"
},
{
"prop": "fontScale",
"description": "Scale the icons current font size"
},
{
"prop": "scale",
"description": "Scales the icon's SVG, without increasing the font size"
},
{
"prop": "rotate",
"description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise"
},
{
"prop": "flipH",
"description": "Flips the icon horizontally"
},
{
"prop": "flipV",
"description": "Flips the icon vertically"
},
{
"prop": "shiftH",
"description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units"
},
{
"prop": "shiftV",
"description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units"
},
{
"prop": "stacked",
"version": "2.3.0",
"description": "Set this prop to true when placing inside a BIconstack component"
},
{
"prop": "animation",
"version": "2.7.0",
"description": "Animate the icon. Supported built-in animations are 'cylon', 'fade', 'pulse', 'spin' and 'throb'"
}
]
},
{
"component": "BIconCreditCard",
"auto-gen": "bootstrap-icons 1.2.2",
"props": [
{
"prop": "title",
"description": "Text content to place in the title",
"version": "2.17.0"
},
{
"prop": "variant",
"description": "Contextual color variant. By default the icon inherits the current text color"
},
{
"prop": "fontScale",
"description": "Scale the icons current font size"
},
{
"prop": "scale",
"description": "Scales the icon's SVG, without increasing the font size"
},
{
"prop": "rotate",
"description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise"
},
{
"prop": "flipH",
"description": "Flips the icon horizontally"
},
{
"prop": "flipV",
"description": "Flips the icon vertically"
},
{
"prop": "shiftH",
"description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units"
},
{
"prop": "shiftV",
"description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units"
},
{
"prop": "stacked",
"version": "2.3.0",
"description": "Set this prop to true when placing inside a BIconstack component"
},
{
"prop": "animation",
"version": "2.7.0",
"description": "Animate the icon. Supported built-in animations are 'cylon', 'fade', 'pulse', 'spin' and 'throb'"
}
]
},
{
"component": "BIconCreditCard2Back",
"auto-gen": "bootstrap-icons 1.2.2",
"props": [
{
"prop": "title",
"description": "Text content to place in the title",
"version": "2.17.0"
},
{
"prop": "variant",
"description": "Contextual color variant. By default the icon inherits the current text color"
},
{
"prop": "fontScale",
"description": "Scale the icons current font size"
},
{
"prop": "scale",
"description": "Scales the icon's SVG, without increasing the font size"
},
{
"prop": "rotate",
"description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise"
},
{
"prop": "flipH",
"description": "Flips the icon horizontally"
},
{
"prop": "flipV",
"description": "Flips the icon vertically"
},
{
"prop": "shiftH",
"description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units"
},
{
"prop": "shiftV",
"description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units"
},
{
"prop": "stacked",
"version": "2.3.0",
"description": "Set this prop to true when placing inside a BIconstack component"
},
{
"prop": "animation",
"version": "2.7.0",
"description": "Animate the icon. Supported built-in animations are 'cylon', 'fade', 'pulse', 'spin' and 'throb'"
}
]
},
{
"component": "BIconCreditCard2BackFill",
"auto-gen": "bootstrap-icons 1.2.2",
"props": [
{
"prop": "title",
"description": "Text content to place in the title",
"version": "2.17.0"
},
{
"prop": "variant",
"description": "Contextual color variant. By default the icon inherits the current text color"
},
{
"prop": "fontScale",
"description": "Scale the icons current font size"
},
{
"prop": "scale",
"description": "Scales the icon's SVG, without increasing the font size"
},
{
"prop": "rotate",
"description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise"
},
{
"prop": "flipH",
"description": "Flips the icon horizontally"
},
{
"prop": "flipV",
"description": "Flips the icon vertically"
},
{
"prop": "shiftH",
"description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units"
},
{
"prop": "shiftV",
"description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units"
},
{
"prop": "stacked",
"version": "2.3.0",
"description": "Set this prop to true when placing inside a BIconstack component"
},
{
"prop": "animation",
"version": "2.7.0",
"description": "Animate the icon. Supported built-in animations are 'cylon', 'fade', 'pulse', 'spin' and 'throb'"
}
]
},
{
"component": "BIconCreditCard2Front",
"auto-gen": "bootstrap-icons 1.2.2",
"props": [
{
"prop": "title",
"description": "Text content to place in the title",
"version": "2.17.0"
},
{
"prop": "variant",
"description": "Contextual color variant. By default the icon inherits the current text color"
},
{
"prop": "fontScale",
"description": "Scale the icons current font size"
},
{
"prop": "scale",
"description": "Scales the icon's SVG, without increasing the font size"
},
{
"prop": "rotate",
"description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise"
},
{
"prop": "flipH",
"description": "Flips the icon horizontally"
},
{
"prop": "flipV",
"description": "Flips the icon vertically"
},
{
"prop": "shiftH",
"description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units"
},
{
"prop": "shiftV",
"description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units"
},
{
"prop": "stacked",
"version": "2.3.0",
"description": "Set this prop to true when placing inside a BIconstack component"
},
{
"prop": "animation",
"version": "2.7.0",
"description": "Animate the icon. Supported built-in animations are 'cylon', 'fade', 'pulse', 'spin' and 'throb'"
}
]
},
{
"component": "BIconCreditCard2FrontFill",
"auto-gen": "bootstrap-icons 1.2.2",
"props": [
{
"prop": "title",
"description": "Text content to place in the title",
"version": "2.17.0"
},
{
"prop": "variant",
"description": "Contextual color variant. By default the icon inherits the current text color"
},
{
"prop": "fontScale",
"description": "Scale the icons current font size"
},
{
"prop": "scale",
"description": "Scales the icon's SVG, without increasing the font size"
},
{
"prop": "rotate",
"description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise"
},
{
"prop": "flipH",
"description": "Flips the icon horizontally"
},
{
"prop": "flipV",
"description": "Flips the icon vertically"
},
{
"prop": "shiftH",
"description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units"
},
{
"prop": "shiftV",
"description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units"
},
{
"prop": "stacked",
"version": "2.3.0",
"description": "Set this prop to true when placing inside a BIconstack component"
},
{
"prop": "animation",
"version": "2.7.0",
"description": "Animate the icon. Supported built-in animations are 'cylon', 'fade', 'pulse', 'spin' and 'throb'"
}
]
},
{
"component": "BIconCreditCardFill",
"auto-gen": "bootstrap-icons 1.2.2",
"props": [
{
"prop": "title",
"description": "Text content to place in the title",
"version": "2.17.0"
},
{
"prop": "variant",
"description": "Contextual color variant. By default the icon inherits the current text color"
},
{
"prop": "fontScale",
"description": "Scale the icons current font size"
},
{
"prop": "scale",
"description": "Scales the icon's SVG, without increasing the font size"
},
{
"prop": "rotate",
"description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise"
},
{
"prop": "flipH",
"description": "Flips the icon horizontally"
},
{
"prop": "flipV",
"description": "Flips the icon vertically"
},
{
"prop": "shiftH",
"description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units"
},
{
"prop": "shiftV",
"description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units"
},
{
"prop": "stacked",
"version": "2.3.0",
"description": "Set this prop to true when placing inside a BIconstack component"
},
{
"prop": "animation",
"version": "2.7.0",
"description": "Animate the icon. Supported built-in animations are 'cylon', 'fade', 'pulse', 'spin' and 'throb'"
}
]
},
{
"component": "BIconCrop",
"auto-gen": "bootstrap-icons 1.2.2",
"props": [
{
"prop": "title",
"description": "Text content to place in the title",
"version": "2.17.0"
},
{
"prop": "variant",
"description": "Contextual color variant. By default the icon inherits the current text color"
},
{
"prop": "fontScale",
"description": "Scale the icons current font size"
},
{
"prop": "scale",
"description": "Scales the icon's SVG, without increasing the font size"
},
{
"prop": "rotate",
"description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise"
},
{
"prop": "flipH",
"description": "Flips the icon horizontally"
},
{
"prop": "flipV",
"description": "Flips the icon vertically"
},
{
"prop": "shiftH",
"description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units"
},
{
"prop": "shiftV",
"description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units"
},
{
"prop": "stacked",
"version": "2.3.0",
"description": "Set this prop to true when placing inside a BIconstack component"
},
{
"prop": "animation",
"version": "2.7.0",
"description": "Animate the icon. Supported built-in animations are 'cylon', 'fade', 'pulse', 'spin' and 'throb'"
}
]
},
{
"component": "BIconCup",
"auto-gen": "bootstrap-icons 1.2.2",
"props": [
{
"prop": "title",
"description": "Text content to place in the title",
"version": "2.17.0"
},
{
"prop": "variant",
"description": "Contextual color variant. By default the icon inherits the current text color"
},
{
"prop": "fontScale",
"description": "Scale the icons current font size"
},
{
"prop": "scale",
"description": "Scales the icon's SVG, without increasing the font size"
},
{
"prop": "rotate",
"description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise"
},
{
"prop": "flipH",
"description": "Flips the icon horizontally"
},
{
"prop": "flipV",
"description": "Flips the icon vertically"
},
{
"prop": "shiftH",
"description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units"
},
{
"prop": "shiftV",
"description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units"
},
{
"prop": "stacked",
"version": "2.3.0",
"description": "Set this prop to true when placing inside a BIconstack component"
},
{
"prop": "animation",
"version": "2.7.0",
"description": "Animate the icon. Supported built-in animations are 'cylon', 'fade', 'pulse', 'spin' and 'throb'"
}
]
},
{
"component": "BIconCupFill",
"auto-gen": "bootstrap-icons 1.2.2",
"props": [
{
"prop": "title",
"description": "Text content to place in the title",
"version": "2.17.0"
},
{
"prop": "variant",
"description": "Contextual color variant. By default the icon inherits the current text color"
},
{
"prop": "fontScale",
"description": "Scale the icons current font size"
},
{
"prop": "scale",
"description": "Scales the icon's SVG, without increasing the font size"
},
{
"prop": "rotate",
"description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise"
},
{
"prop": "flipH",
"description": "Flips the icon horizontally"
},
{
"prop": "flipV",
"description": "Flips the icon vertically"
},
{
"prop": "shiftH",
"description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units"
},
{
"prop": "shiftV",
"description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units"
},
{
"prop": "stacked",
"version": "2.3.0",
"description": "Set this prop to true when placing inside a BIconstack component"
},
{
"prop": "animation",
"version": "2.7.0",
"description": "Animate the icon. Supported built-in animations are 'cylon', 'fade', 'pulse', 'spin' and 'throb'"
}
]
},
{
"component": "BIconCupStraw",
"auto-gen": "bootstrap-icons 1.2.2",
"props": [
{
"prop": "title",
"description": "Text content to place in the title",
"version": "2.17.0"
},
{
"prop": "variant",
"description": "Contextual color variant. By default the icon inherits the current text color"
},
{
"prop": "fontScale",
"description": "Scale the icons current font size"
},
{
"prop": "scale",
"description": "Scales the icon's SVG, without increasing the font size"
},
{
"prop": "rotate",
"description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise"
},
{
"prop": "flipH",
"description": "Flips the icon horizontally"
},
{
"prop": "flipV",
"description": "Flips the icon vertically"
},
{
"prop": "shiftH",
"description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units"
},
{
"prop": "shiftV",
"description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units"
},
{
"prop": "stacked",
"version": "2.3.0",
"description": "Set this prop to true when placing inside a BIconstack component"
},
{
"prop": "animation",
"version": "2.7.0",
"description": "Animate the icon. Supported built-in animations are 'cylon', 'fade', 'pulse', 'spin' and 'throb'"
}
]
},
{
"component": "BIconCursor",
"auto-gen": "bootstrap-icons 1.2.2",
"props": [
{
"prop": "title",
"description": "Text content to place in the title",
"version": "2.17.0"
},
{
"prop": "variant",
"description": "Contextual color variant. By default the icon inherits the current text color"
},
{
"prop": "fontScale",
"description": "Scale the icons current font size"
},
{
"prop": "scale",
"description": "Scales the icon's SVG, without increasing the font size"
},
{
"prop": "rotate",
"description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise"
},
{
"prop": "flipH",
"description": "Flips the icon horizontally"
},
{
"prop": "flipV",
"description": "Flips the icon vertically"
},
{
"prop": "shiftH",
"description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units"
},
{
"prop": "shiftV",
"description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units"
},
{
"prop": "stacked",
"version": "2.3.0",
"description": "Set this prop to true when placing inside a BIconstack component"
},
{
"prop": "animation",
"version": "2.7.0",
"description": "Animate the icon. Supported built-in animations are 'cylon', 'fade', 'pulse', 'spin' and 'throb'"
}
]
},
{
"component": "BIconCursorFill",
"auto-gen": "bootstrap-icons 1.2.2",
"props": [
{
"prop": "title",
"description": "Text content to place in the title",
"version": "2.17.0"
},
{
"prop": "variant",
"description": "Contextual color variant. By default the icon inherits the current text color"
},
{
"prop": "fontScale",
"description": "Scale the icons current font size"
},
{
"prop": "scale",
"description": "Scales the icon's SVG, without increasing the font size"
},
{
"prop": "rotate",
"description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise"
},
{
"prop": "flipH",
"description": "Flips the icon horizontally"
},
{
"prop": "flipV",
"description": "Flips the icon vertically"
},
{
"prop": "shiftH",
"description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units"
},
{
"prop": "shiftV",
"description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units"
},
{
"prop": "stacked",
"version": "2.3.0",
"description": "Set this prop to true when placing inside a BIconstack component"
},
{
"prop": "animation",
"version": "2.7.0",
"description": "Animate the icon. Supported built-in animations are 'cylon', 'fade', 'pulse', 'spin' and 'throb'"
}
]
},
{
"component": "BIconCursorText",
"auto-gen": "bootstrap-icons 1.2.2",
"props": [
{
"prop": "title",
"description": "Text content to place in the title",
"version": "2.17.0"
},
{
"prop": "variant",
"description": "Contextual color variant. By default the icon inherits the current text color"
},
{
"prop": "fontScale",
"description": "Scale the icons current font size"
},
{
"prop": "scale",
"description": "Scales the icon's SVG, without increasing the font size"
},
{
"prop": "rotate",
"description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise"
},
{
"prop": "flipH",
"description": "Flips the icon horizontally"
},
{
"prop": "flipV",
"description": "Flips the icon vertically"
},
{
"prop": "shiftH",
"description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units"
},
{
"prop": "shiftV",
"description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units"
},
{
"prop": "stacked",
"version": "2.3.0",
"description": "Set this prop to true when placing inside a BIconstack component"
},
{
"prop": "animation",
"version": "2.7.0",
"description": "Animate the icon. Supported built-in animations are 'cylon', 'fade', 'pulse', 'spin' and 'throb'"
}
]
},
{
"component": "BIconDash",
"auto-gen": "bootstrap-icons 1.2.2",
"props": [
{
"prop": "title",
"description": "Text content to place in the title",
"version": "2.17.0"
},
{
"prop": "variant",
"description": "Contextual color variant. By default the icon inherits the current text color"
},
{
"prop": "fontScale",
"description": "Scale the icons current font size"
},
{
"prop": "scale",
"description": "Scales the icon's SVG, without increasing the font size"
},
{
"prop": "rotate",
"description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise"
},
{
"prop": "flipH",
"description": "Flips the icon horizontally"
},
{
"prop": "flipV",
"description": "Flips the icon vertically"
},
{
"prop": "shiftH",
"description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units"
},
{
"prop": "shiftV",
"description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units"
},
{
"prop": "stacked",
"version": "2.3.0",
"description": "Set this prop to true when placing inside a BIconstack component"
},
{
"prop": "animation",
"version": "2.7.0",
"description": "Animate the icon. Supported built-in animations are 'cylon', 'fade', 'pulse', 'spin' and 'throb'"
}
]
},
{
"component": "BIconDashCircle",
"auto-gen": "bootstrap-icons 1.2.2",
"props": [
{
"prop": "title",
"description": "Text content to place in the title",
"version": "2.17.0"
},
{
"prop": "variant",
"description": "Contextual color variant. By default the icon inherits the current text color"
},
{
"prop": "fontScale",
"description": "Scale the icons current font size"
},
{
"prop": "scale",
"description": "Scales the icon's SVG, without increasing the font size"
},
{
"prop": "rotate",
"description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise"
},
{
"prop": "flipH",
"description": "Flips the icon horizontally"
},
{
"prop": "flipV",
"description": "Flips the icon vertically"
},
{
"prop": "shiftH",
"description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units"
},
{
"prop": "shiftV",
"description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units"
},
{
"prop": "stacked",
"version": "2.3.0",
"description": "Set this prop to true when placing inside a BIconstack component"
},
{
"prop": "animation",
"version": "2.7.0",
"description": "Animate the icon. Supported built-in animations are 'cylon', 'fade', 'pulse', 'spin' and 'throb'"
}
]
},
{
"component": "BIconDashCircleFill",
"auto-gen": "bootstrap-icons 1.2.2",
"props": [
{
"prop": "title",
"description": "Text content to place in the title",
"version": "2.17.0"
},
{
"prop": "variant",
"description": "Contextual color variant. By default the icon inherits the current text color"
},
{
"prop": "fontScale",
"description": "Scale the icons current font size"
},
{
"prop": "scale",
"description": "Scales the icon's SVG, without increasing the font size"
},
{
"prop": "rotate",
"description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise"
},
{
"prop": "flipH",
"description": "Flips the icon horizontally"
},
{
"prop": "flipV",
"description": "Flips the icon vertically"
},
{
"prop": "shiftH",
"description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units"
},
{
"prop": "shiftV",
"description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units"
},
{
"prop": "stacked",
"version": "2.3.0",
"description": "Set this prop to true when placing inside a BIconstack component"
},
{
"prop": "animation",
"version": "2.7.0",
"description": "Animate the icon. Supported built-in animations are 'cylon', 'fade', 'pulse', 'spin' and 'throb'"
}
]
},
{
"component": "BIconDashSquare",
"auto-gen": "bootstrap-icons 1.2.2",
"props": [
{
"prop": "title",
"description": "Text content to place in the title",
"version": "2.17.0"
},
{
"prop": "variant",
"description": "Contextual color variant. By default the icon inherits the current text color"
},
{
"prop": "fontScale",
"description": "Scale the icons current font size"
},
{
"prop": "scale",
"description": "Scales the icon's SVG, without increasing the font size"
},
{
"prop": "rotate",
"description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise"
},
{
"prop": "flipH",
"description": "Flips the icon horizontally"
},
{
"prop": "flipV",
"description": "Flips the icon vertically"
},
{
"prop": "shiftH",
"description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units"
},
{
"prop": "shiftV",
"description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units"
},
{
"prop": "stacked",
"version": "2.3.0",
"description": "Set this prop to true when placing inside a BIconstack component"
},
{
"prop": "animation",
"version": "2.7.0",
"description": "Animate the icon. Supported built-in animations are 'cylon', 'fade', 'pulse', 'spin' and 'throb'"
}
]
},
{
"component": "BIconDashSquareFill",
"auto-gen": "bootstrap-icons 1.2.2",
"props": [
{
"prop": "title",
"description": "Text content to place in the title",
"version": "2.17.0"
},
{
"prop": "variant",
"description": "Contextual color variant. By default the icon inherits the current text color"
},
{
"prop": "fontScale",
"description": "Scale the icons current font size"
},
{
"prop": "scale",
"description": "Scales the icon's SVG, without increasing the font size"
},
{
"prop": "rotate",
"description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise"
},
{
"prop": "flipH",
"description": "Flips the icon horizontally"
},
{
"prop": "flipV",
"description": "Flips the icon vertically"
},
{
"prop": "shiftH",
"description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units"
},
{
"prop": "shiftV",
"description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units"
},
{
"prop": "stacked",
"version": "2.3.0",
"description": "Set this prop to true when placing inside a BIconstack component"
},
{
"prop": "animation",
"version": "2.7.0",
"description": "Animate the icon. Supported built-in animations are 'cylon', 'fade', 'pulse', 'spin' and 'throb'"
}
]
},
{
"component": "BIconDiagram2",
"auto-gen": "bootstrap-icons 1.2.2",
"props": [
{
"prop": "title",
"description": "Text content to place in the title",
"version": "2.17.0"
},
{
"prop": "variant",
"description": "Contextual color variant. By default the icon inherits the current text color"
},
{
"prop": "fontScale",
"description": "Scale the icons current font size"
},
{
"prop": "scale",
"description": "Scales the icon's SVG, without increasing the font size"
},
{
"prop": "rotate",
"description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise"
},
{
"prop": "flipH",
"description": "Flips the icon horizontally"
},
{
"prop": "flipV",
"description": "Flips the icon vertically"
},
{
"prop": "shiftH",
"description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units"
},
{
"prop": "shiftV",
"description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units"
},
{
"prop": "stacked",
"version": "2.3.0",
"description": "Set this prop to true when placing inside a BIconstack component"
},
{
"prop": "animation",
"version": "2.7.0",
"description": "Animate the icon. Supported built-in animations are 'cylon', 'fade', 'pulse', 'spin' and 'throb'"
}
]
},
{
"component": "BIconDiagram2Fill",
"auto-gen": "bootstrap-icons 1.2.2",
"props": [
{
"prop": "title",
"description": "Text content to place in the title",
"version": "2.17.0"
},
{
"prop": "variant",
"description": "Contextual color variant. By default the icon inherits the current text color"
},
{
"prop": "fontScale",
"description": "Scale the icons current font size"
},
{
"prop": "scale",
"description": "Scales the icon's SVG, without increasing the font size"
},
{
"prop": "rotate",
"description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise"
},
{
"prop": "flipH",
"description": "Flips the icon horizontally"
},
{
"prop": "flipV",
"description": "Flips the icon vertically"
},
{
"prop": "shiftH",
"description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units"
},
{
"prop": "shiftV",
"description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units"
},
{
"prop": "stacked",
"version": "2.3.0",
"description": "Set this prop to true when placing inside a BIconstack component"
},
{
"prop": "animation",
"version": "2.7.0",
"description": "Animate the icon. Supported built-in animations are 'cylon', 'fade', 'pulse', 'spin' and 'throb'"
}
]
},
{
"component": "BIconDiagram3",
"auto-gen": "bootstrap-icons 1.2.2",
"props": [
{
"prop": "title",
"description": "Text content to place in the title",
"version": "2.17.0"
},
{
"prop": "variant",
"description": "Contextual color variant. By default the icon inherits the current text color"
},
{
"prop": "fontScale",
"description": "Scale the icons current font size"
},
{
"prop": "scale",
"description": "Scales the icon's SVG, without increasing the font size"
},
{
"prop": "rotate",
"description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise"
},
{
"prop": "flipH",
"description": "Flips the icon horizontally"
},
{
"prop": "flipV",
"description": "Flips the icon vertically"
},
{
"prop": "shiftH",
"description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units"
},
{
"prop": "shiftV",
"description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units"
},
{
"prop": "stacked",
"version": "2.3.0",
"description": "Set this prop to true when placing inside a BIconstack component"
},
{
"prop": "animation",
"version": "2.7.0",
"description": "Animate the icon. Supported built-in animations are 'cylon', 'fade', 'pulse', 'spin' and 'throb'"
}
]
},
{
"component": "BIconDiagram3Fill",
"auto-gen": "bootstrap-icons 1.2.2",
"props": [
{
"prop": "title",
"description": "Text content to place in the title",
"version": "2.17.0"
},
{
"prop": "variant",
"description": "Contextual color variant. By default the icon inherits the current text color"
},
{
"prop": "fontScale",
"description": "Scale the icons current font size"
},
{
"prop": "scale",
"description": "Scales the icon's SVG, without increasing the font size"
},
{
"prop": "rotate",
"description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise"
},
{
"prop": "flipH",
"description": "Flips the icon horizontally"
},
{
"prop": "flipV",
"description": "Flips the icon vertically"
},
{
"prop": "shiftH",
"description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units"
},
{
"prop": "shiftV",
"description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units"
},
{
"prop": "stacked",
"version": "2.3.0",
"description": "Set this prop to true when placing inside a BIconstack component"
},
{
"prop": "animation",
"version": "2.7.0",
"description": "Animate the icon. Supported built-in animations are 'cylon', 'fade', 'pulse', 'spin' and 'throb'"
}
]
},
{
"component": "BIconDiamond",
"auto-gen": "bootstrap-icons 1.2.2",
"props": [
{
"prop": "title",
"description": "Text content to place in the title",
"version": "2.17.0"
},
{
"prop": "variant",
"description": "Contextual color variant. By default the icon inherits the current text color"
},
{
"prop": "fontScale",
"description": "Scale the icons current font size"
},
{
"prop": "scale",
"description": "Scales the icon's SVG, without increasing the font size"
},
{
"prop": "rotate",
"description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise"
},
{
"prop": "flipH",
"description": "Flips the icon horizontally"
},
{
"prop": "flipV",
"description": "Flips the icon vertically"
},
{
"prop": "shiftH",
"description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units"
},
{
"prop": "shiftV",
"description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units"
},
{
"prop": "stacked",
"version": "2.3.0",
"description": "Set this prop to true when placing inside a BIconstack component"
},
{
"prop": "animation",
"version": "2.7.0",
"description": "Animate the icon. Supported built-in animations are 'cylon', 'fade', 'pulse', 'spin' and 'throb'"
}
]
},
{
"component": "BIconDiamondFill",
"auto-gen": "bootstrap-icons 1.2.2",
"props": [
{
"prop": "title",
"description": "Text content to place in the title",
"version": "2.17.0"
},
{
"prop": "variant",
"description": "Contextual color variant. By default the icon inherits the current text color"
},
{
"prop": "fontScale",
"description": "Scale the icons current font size"
},
{
"prop": "scale",
"description": "Scales the icon's SVG, without increasing the font size"
},
{
"prop": "rotate",
"description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise"
},
{
"prop": "flipH",
"description": "Flips the icon horizontally"
},
{
"prop": "flipV",
"description": "Flips the icon vertically"
},
{
"prop": "shiftH",
"description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units"
},
{
"prop": "shiftV",
"description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units"
},
{
"prop": "stacked",
"version": "2.3.0",
"description": "Set this prop to true when placing inside a BIconstack component"
},
{
"prop": "animation",
"version": "2.7.0",
"description": "Animate the icon. Supported built-in animations are 'cylon', 'fade', 'pulse', 'spin' and 'throb'"
}
]
},
{
"component": "BIconDiamondHalf",
"auto-gen": "bootstrap-icons 1.2.2",
"props": [
{
"prop": "title",
"description": "Text content to place in the title",
"version": "2.17.0"
},
{
"prop": "variant",
"description": "Contextual color variant. By default the icon inherits the current text color"
},
{
"prop": "fontScale",
"description": "Scale the icons current font size"
},
{
"prop": "scale",
"description": "Scales the icon's SVG, without increasing the font size"
},
{
"prop": "rotate",
"description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise"
},
{
"prop": "flipH",
"description": "Flips the icon horizontally"
},
{
"prop": "flipV",
"description": "Flips the icon vertically"
},
{
"prop": "shiftH",
"description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units"
},
{
"prop": "shiftV",
"description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units"
},
{
"prop": "stacked",
"version": "2.3.0",
"description": "Set this prop to true when placing inside a BIconstack component"
},
{
"prop": "animation",
"version": "2.7.0",
"description": "Animate the icon. Supported built-in animations are 'cylon', 'fade', 'pulse', 'spin' and 'throb'"
}
]
},
{
"component": "BIconDice1",
"auto-gen": "bootstrap-icons 1.2.2",
"props": [
{
"prop": "title",
"description": "Text content to place in the title",
"version": "2.17.0"
},
{
"prop": "variant",
"description": "Contextual color variant. By default the icon inherits the current text color"
},
{
"prop": "fontScale",
"description": "Scale the icons current font size"
},
{
"prop": "scale",
"description": "Scales the icon's SVG, without increasing the font size"
},
{
"prop": "rotate",
"description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise"
},
{
"prop": "flipH",
"description": "Flips the icon horizontally"
},
{
"prop": "flipV",
"description": "Flips the icon vertically"
},
{
"prop": "shiftH",
"description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units"
},
{
"prop": "shiftV",
"description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units"
},
{
"prop": "stacked",
"version": "2.3.0",
"description": "Set this prop to true when placing inside a BIconstack component"
},
{
"prop": "animation",
"version": "2.7.0",
"description": "Animate the icon. Supported built-in animations are 'cylon', 'fade', 'pulse', 'spin' and 'throb'"
}
]
},
{
"component": "BIconDice1Fill",
"auto-gen": "bootstrap-icons 1.2.2",
"props": [
{
"prop": "title",
"description": "Text content to place in the title",
"version": "2.17.0"
},
{
"prop": "variant",
"description": "Contextual color variant. By default the icon inherits the current text color"
},
{
"prop": "fontScale",
"description": "Scale the icons current font size"
},
{
"prop": "scale",
"description": "Scales the icon's SVG, without increasing the font size"
},
{
"prop": "rotate",
"description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise"
},
{
"prop": "flipH",
"description": "Flips the icon horizontally"
},
{
"prop": "flipV",
"description": "Flips the icon vertically"
},
{
"prop": "shiftH",
"description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units"
},
{
"prop": "shiftV",
"description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units"
},
{
"prop": "stacked",
"version": "2.3.0",
"description": "Set this prop to true when placing inside a BIconstack component"
},
{
"prop": "animation",
"version": "2.7.0",
"description": "Animate the icon. Supported built-in animations are 'cylon', 'fade', 'pulse', 'spin' and 'throb'"
}
]
},
{
"component": "BIconDice2",
"auto-gen": "bootstrap-icons 1.2.2",
"props": [
{
"prop": "title",
"description": "Text content to place in the title",
"version": "2.17.0"
},
{
"prop": "variant",
"description": "Contextual color variant. By default the icon inherits the current text color"
},
{
"prop": "fontScale",
"description": "Scale the icons current font size"
},
{
"prop": "scale",
"description": "Scales the icon's SVG, without increasing the font size"
},
{
"prop": "rotate",
"description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise"
},
{
"prop": "flipH",
"description": "Flips the icon horizontally"
},
{
"prop": "flipV",
"description": "Flips the icon vertically"
},
{
"prop": "shiftH",
"description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units"
},
{
"prop": "shiftV",
"description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units"
},
{
"prop": "stacked",
"version": "2.3.0",
"description": "Set this prop to true when placing inside a BIconstack component"
},
{
"prop": "animation",
"version": "2.7.0",
"description": "Animate the icon. Supported built-in animations are 'cylon', 'fade', 'pulse', 'spin' and 'throb'"
}
]
},
{
"component": "BIconDice2Fill",
"auto-gen": "bootstrap-icons 1.2.2",
"props": [
{
"prop": "title",
"description": "Text content to place in the title",
"version": "2.17.0"
},
{
"prop": "variant",
"description": "Contextual color variant. By default the icon inherits the current text color"
},
{
"prop": "fontScale",
"description": "Scale the icons current font size"
},
{
"prop": "scale",
"description": "Scales the icon's SVG, without increasing the font size"
},
{
"prop": "rotate",
"description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise"
},
{
"prop": "flipH",
"description": "Flips the icon horizontally"
},
{
"prop": "flipV",
"description": "Flips the icon vertically"
},
{
"prop": "shiftH",
"description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units"
},
{
"prop": "shiftV",
"description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units"
},
{
"prop": "stacked",
"version": "2.3.0",
"description": "Set this prop to true when placing inside a BIconstack component"
},
{
"prop": "animation",
"version": "2.7.0",
"description": "Animate the icon. Supported built-in animations are 'cylon', 'fade', 'pulse', 'spin' and 'throb'"
}
]
},
{
"component": "BIconDice3",
"auto-gen": "bootstrap-icons 1.2.2",
"props": [
{
"prop": "title",
"description": "Text content to place in the title",
"version": "2.17.0"
},
{
"prop": "variant",
"description": "Contextual color variant. By default the icon inherits the current text color"
},
{
"prop": "fontScale",
"description": "Scale the icons current font size"
},
{
"prop": "scale",
"description": "Scales the icon's SVG, without increasing the font size"
},
{
"prop": "rotate",
"description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise"
},
{
"prop": "flipH",
"description": "Flips the icon horizontally"
},
{
"prop": "flipV",
"description": "Flips the icon vertically"
},
{
"prop": "shiftH",
"description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units"
},
{
"prop": "shiftV",
"description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units"
},
{
"prop": "stacked",
"version": "2.3.0",
"description": "Set this prop to true when placing inside a BIconstack component"
},
{
"prop": "animation",
"version": "2.7.0",
"description": "Animate the icon. Supported built-in animations are 'cylon', 'fade', 'pulse', 'spin' and 'throb'"
}
]
},
{
"component": "BIconDice3Fill",
"auto-gen": "bootstrap-icons 1.2.2",
"props": [
{
"prop": "title",
"description": "Text content to place in the title",
"version": "2.17.0"
},
{
"prop": "variant",
"description": "Contextual color variant. By default the icon inherits the current text color"
},
{
"prop": "fontScale",
"description": "Scale the icons current font size"
},
{
"prop": "scale",
"description": "Scales the icon's SVG, without increasing the font size"
},
{
"prop": "rotate",
"description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise"
},
{
"prop": "flipH",
"description": "Flips the icon horizontally"
},
{
"prop": "flipV",
"description": "Flips the icon vertically"
},
{
"prop": "shiftH",
"description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units"
},
{
"prop": "shiftV",
"description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units"
},
{
"prop": "stacked",
"version": "2.3.0",
"description": "Set this prop to true when placing inside a BIconstack component"
},
{
"prop": "animation",
"version": "2.7.0",
"description": "Animate the icon. Supported built-in animations are 'cylon', 'fade', 'pulse', 'spin' and 'throb'"
}
]
},
{
"component": "BIconDice4",
"auto-gen": "bootstrap-icons 1.2.2",
"props": [
{
"prop": "title",
"description": "Text content to place in the title",
"version": "2.17.0"
},
{
"prop": "variant",
"description": "Contextual color variant. By default the icon inherits the current text color"
},
{
"prop": "fontScale",
"description": "Scale the icons current font size"
},
{
"prop": "scale",
"description": "Scales the icon's SVG, without increasing the font size"
},
{
"prop": "rotate",
"description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise"
},
{
"prop": "flipH",
"description": "Flips the icon horizontally"
},
{
"prop": "flipV",
"description": "Flips the icon vertically"
},
{
"prop": "shiftH",
"description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units"
},
{
"prop": "shiftV",
"description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units"
},
{
"prop": "stacked",
"version": "2.3.0",
"description": "Set this prop to true when placing inside a BIconstack component"
},
{
"prop": "animation",
"version": "2.7.0",
"description": "Animate the icon. Supported built-in animations are 'cylon', 'fade', 'pulse', 'spin' and 'throb'"
}
]
},
{
"component": "BIconDice4Fill",
"auto-gen": "bootstrap-icons 1.2.2",
"props": [
{
"prop": "title",
"description": "Text content to place in the title",
"version": "2.17.0"
},
{
"prop": "variant",
"description": "Contextual color variant. By default the icon inherits the current text color"
},
{
"prop": "fontScale",
"description": "Scale the icons current font size"
},
{
"prop": "scale",
"description": "Scales the icon's SVG, without increasing the font size"
},
{
"prop": "rotate",
"description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise"
},
{
"prop": "flipH",
"description": "Flips the icon horizontally"
},
{
"prop": "flipV",
"description": "Flips the icon vertically"
},
{
"prop": "shiftH",
"description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units"
},
{
"prop": "shiftV",
"description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units"
},
{
"prop": "stacked",
"version": "2.3.0",
"description": "Set this prop to true when placing inside a BIconstack component"
},
{
"prop": "animation",
"version": "2.7.0",
"description": "Animate the icon. Supported built-in animations are 'cylon', 'fade', 'pulse', 'spin' and 'throb'"
}
]
},
{
"component": "BIconDice5",
"auto-gen": "bootstrap-icons 1.2.2",
"props": [
{
"prop": "title",
"description": "Text content to place in the title",
"version": "2.17.0"
},
{
"prop": "variant",
"description": "Contextual color variant. By default the icon inherits the current text color"
},
{
"prop": "fontScale",
"description": "Scale the icons current font size"
},
{
"prop": "scale",
"description": "Scales the icon's SVG, without increasing the font size"
},
{
"prop": "rotate",
"description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise"
},
{
"prop": "flipH",
"description": "Flips the icon horizontally"
},
{
"prop": "flipV",
"description": "Flips the icon vertically"
},
{
"prop": "shiftH",
"description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units"
},
{
"prop": "shiftV",
"description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units"
},
{
"prop": "stacked",
"version": "2.3.0",
"description": "Set this prop to true when placing inside a BIconstack component"
},
{
"prop": "animation",
"version": "2.7.0",
"description": "Animate the icon. Supported built-in animations are 'cylon', 'fade', 'pulse', 'spin' and 'throb'"
}
]
},
{
"component": "BIconDice5Fill",
"auto-gen": "bootstrap-icons 1.2.2",
"props": [
{
"prop": "title",
"description": "Text content to place in the title",
"version": "2.17.0"
},
{
"prop": "variant",
"description": "Contextual color variant. By default the icon inherits the current text color"
},
{
"prop": "fontScale",
"description": "Scale the icons current font size"
},
{
"prop": "scale",
"description": "Scales the icon's SVG, without increasing the font size"
},
{
"prop": "rotate",
"description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise"
},
{
"prop": "flipH",
"description": "Flips the icon horizontally"
},
{
"prop": "flipV",
"description": "Flips the icon vertically"
},
{
"prop": "shiftH",
"description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units"
},
{
"prop": "shiftV",
"description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units"
},
{
"prop": "stacked",
"version": "2.3.0",
"description": "Set this prop to true when placing inside a BIconstack component"
},
{
"prop": "animation",
"version": "2.7.0",
"description": "Animate the icon. Supported built-in animations are 'cylon', 'fade', 'pulse', 'spin' and 'throb'"
}
]
},
{
"component": "BIconDice6",
"auto-gen": "bootstrap-icons 1.2.2",
"props": [
{
"prop": "title",
"description": "Text content to place in the title",
"version": "2.17.0"
},
{
"prop": "variant",
"description": "Contextual color variant. By default the icon inherits the current text color"
},
{
"prop": "fontScale",
"description": "Scale the icons current font size"
},
{
"prop": "scale",
"description": "Scales the icon's SVG, without increasing the font size"
},
{
"prop": "rotate",
"description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise"
},
{
"prop": "flipH",
"description": "Flips the icon horizontally"
},
{
"prop": "flipV",
"description": "Flips the icon vertically"
},
{
"prop": "shiftH",
"description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units"
},
{
"prop": "shiftV",
"description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units"
},
{
"prop": "stacked",
"version": "2.3.0",
"description": "Set this prop to true when placing inside a BIconstack component"
},
{
"prop": "animation",
"version": "2.7.0",
"description": "Animate the icon. Supported built-in animations are 'cylon', 'fade', 'pulse', 'spin' and 'throb'"
}
]
},
{
"component": "BIconDice6Fill",
"auto-gen": "bootstrap-icons 1.2.2",
"props": [
{
"prop": "title",
"description": "Text content to place in the title",
"version": "2.17.0"
},
{
"prop": "variant",
"description": "Contextual color variant. By default the icon inherits the current text color"
},
{
"prop": "fontScale",
"description": "Scale the icons current font size"
},
{
"prop": "scale",
"description": "Scales the icon's SVG, without increasing the font size"
},
{
"prop": "rotate",
"description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise"
},
{
"prop": "flipH",
"description": "Flips the icon horizontally"
},
{
"prop": "flipV",
"description": "Flips the icon vertically"
},
{
"prop": "shiftH",
"description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units"
},
{
"prop": "shiftV",
"description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units"
},
{
"prop": "stacked",
"version": "2.3.0",
"description": "Set this prop to true when placing inside a BIconstack component"
},
{
"prop": "animation",
"version": "2.7.0",
"description": "Animate the icon. Supported built-in animations are 'cylon', 'fade', 'pulse', 'spin' and 'throb'"
}
]
},
{
"component": "BIconDisc",
"auto-gen": "bootstrap-icons 1.2.2",
"props": [
{
"prop": "title",
"description": "Text content to place in the title",
"version": "2.17.0"
},
{
"prop": "variant",
"description": "Contextual color variant. By default the icon inherits the current text color"
},
{
"prop": "fontScale",
"description": "Scale the icons current font size"
},
{
"prop": "scale",
"description": "Scales the icon's SVG, without increasing the font size"
},
{
"prop": "rotate",
"description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise"
},
{
"prop": "flipH",
"description": "Flips the icon horizontally"
},
{
"prop": "flipV",
"description": "Flips the icon vertically"
},
{
"prop": "shiftH",
"description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units"
},
{
"prop": "shiftV",
"description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units"
},
{
"prop": "stacked",
"version": "2.3.0",
"description": "Set this prop to true when placing inside a BIconstack component"
},
{
"prop": "animation",
"version": "2.7.0",
"description": "Animate the icon. Supported built-in animations are 'cylon', 'fade', 'pulse', 'spin' and 'throb'"
}
]
},
{
"component": "BIconDiscFill",
"auto-gen": "bootstrap-icons 1.2.2",
"props": [
{
"prop": "title",
"description": "Text content to place in the title",
"version": "2.17.0"
},
{
"prop": "variant",
"description": "Contextual color variant. By default the icon inherits the current text color"
},
{
"prop": "fontScale",
"description": "Scale the icons current font size"
},
{
"prop": "scale",
"description": "Scales the icon's SVG, without increasing the font size"
},
{
"prop": "rotate",
"description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise"
},
{
"prop": "flipH",
"description": "Flips the icon horizontally"
},
{
"prop": "flipV",
"description": "Flips the icon vertically"
},
{
"prop": "shiftH",
"description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units"
},
{
"prop": "shiftV",
"description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units"
},
{
"prop": "stacked",
"version": "2.3.0",
"description": "Set this prop to true when placing inside a BIconstack component"
},
{
"prop": "animation",
"version": "2.7.0",
"description": "Animate the icon. Supported built-in animations are 'cylon', 'fade', 'pulse', 'spin' and 'throb'"
}
]
},
{
"component": "BIconDiscord",
"auto-gen": "bootstrap-icons 1.2.2",
"props": [
{
"prop": "title",
"description": "Text content to place in the title",
"version": "2.17.0"
},
{
"prop": "variant",
"description": "Contextual color variant. By default the icon inherits the current text color"
},
{
"prop": "fontScale",
"description": "Scale the icons current font size"
},
{
"prop": "scale",
"description": "Scales the icon's SVG, without increasing the font size"
},
{
"prop": "rotate",
"description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise"
},
{
"prop": "flipH",
"description": "Flips the icon horizontally"
},
{
"prop": "flipV",
"description": "Flips the icon vertically"
},
{
"prop": "shiftH",
"description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units"
},
{
"prop": "shiftV",
"description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units"
},
{
"prop": "stacked",
"version": "2.3.0",
"description": "Set this prop to true when placing inside a BIconstack component"
},
{
"prop": "animation",
"version": "2.7.0",
"description": "Animate the icon. Supported built-in animations are 'cylon', 'fade', 'pulse', 'spin' and 'throb'"
}
]
},
{
"component": "BIconDisplay",
"auto-gen": "bootstrap-icons 1.2.2",
"props": [
{
"prop": "title",
"description": "Text content to place in the title",
"version": "2.17.0"
},
{
"prop": "variant",
"description": "Contextual color variant. By default the icon inherits the current text color"
},
{
"prop": "fontScale",
"description": "Scale the icons current font size"
},
{
"prop": "scale",
"description": "Scales the icon's SVG, without increasing the font size"
},
{
"prop": "rotate",
"description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise"
},
{
"prop": "flipH",
"description": "Flips the icon horizontally"
},
{
"prop": "flipV",
"description": "Flips the icon vertically"
},
{
"prop": "shiftH",
"description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units"
},
{
"prop": "shiftV",
"description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units"
},
{
"prop": "stacked",
"version": "2.3.0",
"description": "Set this prop to true when placing inside a BIconstack component"
},
{
"prop": "animation",
"version": "2.7.0",
"description": "Animate the icon. Supported built-in animations are 'cylon', 'fade', 'pulse', 'spin' and 'throb'"
}
]
},
{
"component": "BIconDisplayFill",
"auto-gen": "bootstrap-icons 1.2.2",
"props": [
{
"prop": "title",
"description": "Text content to place in the title",
"version": "2.17.0"
},
{
"prop": "variant",
"description": "Contextual color variant. By default the icon inherits the current text color"
},
{
"prop": "fontScale",
"description": "Scale the icons current font size"
},
{
"prop": "scale",
"description": "Scales the icon's SVG, without increasing the font size"
},
{
"prop": "rotate",
"description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise"
},
{
"prop": "flipH",
"description": "Flips the icon horizontally"
},
{
"prop": "flipV",
"description": "Flips the icon vertically"
},
{
"prop": "shiftH",
"description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units"
},
{
"prop": "shiftV",
"description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units"
},
{
"prop": "stacked",
"version": "2.3.0",
"description": "Set this prop to true when placing inside a BIconstack component"
},
{
"prop": "animation",
"version": "2.7.0",
"description": "Animate the icon. Supported built-in animations are 'cylon', 'fade', 'pulse', 'spin' and 'throb'"
}
]
},
{
"component": "BIconDistributeHorizontal",
"auto-gen": "bootstrap-icons 1.2.2",
"props": [
{
"prop": "title",
"description": "Text content to place in the title",
"version": "2.17.0"
},
{
"prop": "variant",
"description": "Contextual color variant. By default the icon inherits the current text color"
},
{
"prop": "fontScale",
"description": "Scale the icons current font size"
},
{
"prop": "scale",
"description": "Scales the icon's SVG, without increasing the font size"
},
{
"prop": "rotate",
"description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise"
},
{
"prop": "flipH",
"description": "Flips the icon horizontally"
},
{
"prop": "flipV",
"description": "Flips the icon vertically"
},
{
"prop": "shiftH",
"description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units"
},
{
"prop": "shiftV",
"description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units"
},
{
"prop": "stacked",
"version": "2.3.0",
"description": "Set this prop to true when placing inside a BIconstack component"
},
{
"prop": "animation",
"version": "2.7.0",
"description": "Animate the icon. Supported built-in animations are 'cylon', 'fade', 'pulse', 'spin' and 'throb'"
}
]
},
{
"component": "BIconDistributeVertical",
"auto-gen": "bootstrap-icons 1.2.2",
"props": [
{
"prop": "title",
"description": "Text content to place in the title",
"version": "2.17.0"
},
{
"prop": "variant",
"description": "Contextual color variant. By default the icon inherits the current text color"
},
{
"prop": "fontScale",
"description": "Scale the icons current font size"
},
{
"prop": "scale",
"description": "Scales the icon's SVG, without increasing the font size"
},
{
"prop": "rotate",
"description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise"
},
{
"prop": "flipH",
"description": "Flips the icon horizontally"
},
{
"prop": "flipV",
"description": "Flips the icon vertically"
},
{
"prop": "shiftH",
"description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units"
},
{
"prop": "shiftV",
"description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units"
},
{
"prop": "stacked",
"version": "2.3.0",
"description": "Set this prop to true when placing inside a BIconstack component"
},
{
"prop": "animation",
"version": "2.7.0",
"description": "Animate the icon. Supported built-in animations are 'cylon', 'fade', 'pulse', 'spin' and 'throb'"
}
]
},
{
"component": "BIconDoorClosed",
"auto-gen": "bootstrap-icons 1.2.2",
"props": [
{
"prop": "title",
"description": "Text content to place in the title",
"version": "2.17.0"
},
{
"prop": "variant",
"description": "Contextual color variant. By default the icon inherits the current text color"
},
{
"prop": "fontScale",
"description": "Scale the icons current font size"
},
{
"prop": "scale",
"description": "Scales the icon's SVG, without increasing the font size"
},
{
"prop": "rotate",
"description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise"
},
{
"prop": "flipH",
"description": "Flips the icon horizontally"
},
{
"prop": "flipV",
"description": "Flips the icon vertically"
},
{
"prop": "shiftH",
"description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units"
},
{
"prop": "shiftV",
"description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units"
},
{
"prop": "stacked",
"version": "2.3.0",
"description": "Set this prop to true when placing inside a BIconstack component"
},
{
"prop": "animation",
"version": "2.7.0",
"description": "Animate the icon. Supported built-in animations are 'cylon', 'fade', 'pulse', 'spin' and 'throb'"
}
]
},
{
"component": "BIconDoorClosedFill",
"auto-gen": "bootstrap-icons 1.2.2",
"props": [
{
"prop": "title",
"description": "Text content to place in the title",
"version": "2.17.0"
},
{
"prop": "variant",
"description": "Contextual color variant. By default the icon inherits the current text color"
},
{
"prop": "fontScale",
"description": "Scale the icons current font size"
},
{
"prop": "scale",
"description": "Scales the icon's SVG, without increasing the font size"
},
{
"prop": "rotate",
"description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise"
},
{
"prop": "flipH",
"description": "Flips the icon horizontally"
},
{
"prop": "flipV",
"description": "Flips the icon vertically"
},
{
"prop": "shiftH",
"description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units"
},
{
"prop": "shiftV",
"description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units"
},
{
"prop": "stacked",
"version": "2.3.0",
"description": "Set this prop to true when placing inside a BIconstack component"
},
{
"prop": "animation",
"version": "2.7.0",
"description": "Animate the icon. Supported built-in animations are 'cylon', 'fade', 'pulse', 'spin' and 'throb'"
}
]
},
{
"component": "BIconDoorOpen",
"auto-gen": "bootstrap-icons 1.2.2",
"props": [
{
"prop": "title",
"description": "Text content to place in the title",
"version": "2.17.0"
},
{
"prop": "variant",
"description": "Contextual color variant. By default the icon inherits the current text color"
},
{
"prop": "fontScale",
"description": "Scale the icons current font size"
},
{
"prop": "scale",
"description": "Scales the icon's SVG, without increasing the font size"
},
{
"prop": "rotate",
"description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise"
},
{
"prop": "flipH",
"description": "Flips the icon horizontally"
},
{
"prop": "flipV",
"description": "Flips the icon vertically"
},
{
"prop": "shiftH",
"description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units"
},
{
"prop": "shiftV",
"description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units"
},
{
"prop": "stacked",
"version": "2.3.0",
"description": "Set this prop to true when placing inside a BIconstack component"
},
{
"prop": "animation",
"version": "2.7.0",
"description": "Animate the icon. Supported built-in animations are 'cylon', 'fade', 'pulse', 'spin' and 'throb'"
}
]
},
{
"component": "BIconDoorOpenFill",
"auto-gen": "bootstrap-icons 1.2.2",
"props": [
{
"prop": "title",
"description": "Text content to place in the title",
"version": "2.17.0"
},
{
"prop": "variant",
"description": "Contextual color variant. By default the icon inherits the current text color"
},
{
"prop": "fontScale",
"description": "Scale the icons current font size"
},
{
"prop": "scale",
"description": "Scales the icon's SVG, without increasing the font size"
},
{
"prop": "rotate",
"description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise"
},
{
"prop": "flipH",
"description": "Flips the icon horizontally"
},
{
"prop": "flipV",
"description": "Flips the icon vertically"
},
{
"prop": "shiftH",
"description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units"
},
{
"prop": "shiftV",
"description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units"
},
{
"prop": "stacked",
"version": "2.3.0",
"description": "Set this prop to true when placing inside a BIconstack component"
},
{
"prop": "animation",
"version": "2.7.0",
"description": "Animate the icon. Supported built-in animations are 'cylon', 'fade', 'pulse', 'spin' and 'throb'"
}
]
},
{
"component": "BIconDot",
"auto-gen": "bootstrap-icons 1.2.2",
"props": [
{
"prop": "title",
"description": "Text content to place in the title",
"version": "2.17.0"
},
{
"prop": "variant",
"description": "Contextual color variant. By default the icon inherits the current text color"
},
{
"prop": "fontScale",
"description": "Scale the icons current font size"
},
{
"prop": "scale",
"description": "Scales the icon's SVG, without increasing the font size"
},
{
"prop": "rotate",
"description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise"
},
{
"prop": "flipH",
"description": "Flips the icon horizontally"
},
{
"prop": "flipV",
"description": "Flips the icon vertically"
},
{
"prop": "shiftH",
"description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units"
},
{
"prop": "shiftV",
"description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units"
},
{
"prop": "stacked",
"version": "2.3.0",
"description": "Set this prop to true when placing inside a BIconstack component"
},
{
"prop": "animation",
"version": "2.7.0",
"description": "Animate the icon. Supported built-in animations are 'cylon', 'fade', 'pulse', 'spin' and 'throb'"
}
]
},
{
"component": "BIconDownload",
"auto-gen": "bootstrap-icons 1.2.2",
"props": [
{
"prop": "title",
"description": "Text content to place in the title",
"version": "2.17.0"
},
{
"prop": "variant",
"description": "Contextual color variant. By default the icon inherits the current text color"
},
{
"prop": "fontScale",
"description": "Scale the icons current font size"
},
{
"prop": "scale",
"description": "Scales the icon's SVG, without increasing the font size"
},
{
"prop": "rotate",
"description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise"
},
{
"prop": "flipH",
"description": "Flips the icon horizontally"
},
{
"prop": "flipV",
"description": "Flips the icon vertically"
},
{
"prop": "shiftH",
"description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units"
},
{
"prop": "shiftV",
"description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units"
},
{
"prop": "stacked",
"version": "2.3.0",
"description": "Set this prop to true when placing inside a BIconstack component"
},
{
"prop": "animation",
"version": "2.7.0",
"description": "Animate the icon. Supported built-in animations are 'cylon', 'fade', 'pulse', 'spin' and 'throb'"
}
]
},
{
"component": "BIconDroplet",
"auto-gen": "bootstrap-icons 1.2.2",
"props": [
{
"prop": "title",
"description": "Text content to place in the title",
"version": "2.17.0"
},
{
"prop": "variant",
"description": "Contextual color variant. By default the icon inherits the current text color"
},
{
"prop": "fontScale",
"description": "Scale the icons current font size"
},
{
"prop": "scale",
"description": "Scales the icon's SVG, without increasing the font size"
},
{
"prop": "rotate",
"description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise"
},
{
"prop": "flipH",
"description": "Flips the icon horizontally"
},
{
"prop": "flipV",
"description": "Flips the icon vertically"
},
{
"prop": "shiftH",
"description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units"
},
{
"prop": "shiftV",
"description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units"
},
{
"prop": "stacked",
"version": "2.3.0",
"description": "Set this prop to true when placing inside a BIconstack component"
},
{
"prop": "animation",
"version": "2.7.0",
"description": "Animate the icon. Supported built-in animations are 'cylon', 'fade', 'pulse', 'spin' and 'throb'"
}
]
},
{
"component": "BIconDropletFill",
"auto-gen": "bootstrap-icons 1.2.2",
"props": [
{
"prop": "title",
"description": "Text content to place in the title",
"version": "2.17.0"
},
{
"prop": "variant",
"description": "Contextual color variant. By default the icon inherits the current text color"
},
{
"prop": "fontScale",
"description": "Scale the icons current font size"
},
{
"prop": "scale",
"description": "Scales the icon's SVG, without increasing the font size"
},
{
"prop": "rotate",
"description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise"
},
{
"prop": "flipH",
"description": "Flips the icon horizontally"
},
{
"prop": "flipV",
"description": "Flips the icon vertically"
},
{
"prop": "shiftH",
"description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units"
},
{
"prop": "shiftV",
"description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units"
},
{
"prop": "stacked",
"version": "2.3.0",
"description": "Set this prop to true when placing inside a BIconstack component"
},
{
"prop": "animation",
"version": "2.7.0",
"description": "Animate the icon. Supported built-in animations are 'cylon', 'fade', 'pulse', 'spin' and 'throb'"
}
]
},
{
"component": "BIconDropletHalf",
"auto-gen": "bootstrap-icons 1.2.2",
"props": [
{
"prop": "title",
"description": "Text content to place in the title",
"version": "2.17.0"
},
{
"prop": "variant",
"description": "Contextual color variant. By default the icon inherits the current text color"
},
{
"prop": "fontScale",
"description": "Scale the icons current font size"
},
{
"prop": "scale",
"description": "Scales the icon's SVG, without increasing the font size"
},
{
"prop": "rotate",
"description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise"
},
{
"prop": "flipH",
"description": "Flips the icon horizontally"
},
{
"prop": "flipV",
"description": "Flips the icon vertically"
},
{
"prop": "shiftH",
"description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units"
},
{
"prop": "shiftV",
"description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units"
},
{
"prop": "stacked",
"version": "2.3.0",
"description": "Set this prop to true when placing inside a BIconstack component"
},
{
"prop": "animation",
"version": "2.7.0",
"description": "Animate the icon. Supported built-in animations are 'cylon', 'fade', 'pulse', 'spin' and 'throb'"
}
]
},
{
"component": "BIconEarbuds",
"auto-gen": "bootstrap-icons 1.2.2",
"props": [
{
"prop": "title",
"description": "Text content to place in the title",
"version": "2.17.0"
},
{
"prop": "variant",
"description": "Contextual color variant. By default the icon inherits the current text color"
},
{
"prop": "fontScale",
"description": "Scale the icons current font size"
},
{
"prop": "scale",
"description": "Scales the icon's SVG, without increasing the font size"
},
{
"prop": "rotate",
"description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise"
},
{
"prop": "flipH",
"description": "Flips the icon horizontally"
},
{
"prop": "flipV",
"description": "Flips the icon vertically"
},
{
"prop": "shiftH",
"description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units"
},
{
"prop": "shiftV",
"description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units"
},
{
"prop": "stacked",
"version": "2.3.0",
"description": "Set this prop to true when placing inside a BIconstack component"
},
{
"prop": "animation",
"version": "2.7.0",
"description": "Animate the icon. Supported built-in animations are 'cylon', 'fade', 'pulse', 'spin' and 'throb'"
}
]
},
{
"component": "BIconEasel",
"auto-gen": "bootstrap-icons 1.2.2",
"props": [
{
"prop": "title",
"description": "Text content to place in the title",
"version": "2.17.0"
},
{
"prop": "variant",
"description": "Contextual color variant. By default the icon inherits the current text color"
},
{
"prop": "fontScale",
"description": "Scale the icons current font size"
},
{
"prop": "scale",
"description": "Scales the icon's SVG, without increasing the font size"
},
{
"prop": "rotate",
"description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise"
},
{
"prop": "flipH",
"description": "Flips the icon horizontally"
},
{
"prop": "flipV",
"description": "Flips the icon vertically"
},
{
"prop": "shiftH",
"description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units"
},
{
"prop": "shiftV",
"description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units"
},
{
"prop": "stacked",
"version": "2.3.0",
"description": "Set this prop to true when placing inside a BIconstack component"
},
{
"prop": "animation",
"version": "2.7.0",
"description": "Animate the icon. Supported built-in animations are 'cylon', 'fade', 'pulse', 'spin' and 'throb'"
}
]
},
{
"component": "BIconEaselFill",
"auto-gen": "bootstrap-icons 1.2.2",
"props": [
{
"prop": "title",
"description": "Text content to place in the title",
"version": "2.17.0"
},
{
"prop": "variant",
"description": "Contextual color variant. By default the icon inherits the current text color"
},
{
"prop": "fontScale",
"description": "Scale the icons current font size"
},
{
"prop": "scale",
"description": "Scales the icon's SVG, without increasing the font size"
},
{
"prop": "rotate",
"description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise"
},
{
"prop": "flipH",
"description": "Flips the icon horizontally"
},
{
"prop": "flipV",
"description": "Flips the icon vertically"
},
{
"prop": "shiftH",
"description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units"
},
{
"prop": "shiftV",
"description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units"
},
{
"prop": "stacked",
"version": "2.3.0",
"description": "Set this prop to true when placing inside a BIconstack component"
},
{
"prop": "animation",
"version": "2.7.0",
"description": "Animate the icon. Supported built-in animations are 'cylon', 'fade', 'pulse', 'spin' and 'throb'"
}
]
},
{
"component": "BIconEgg",
"auto-gen": "bootstrap-icons 1.2.2",
"props": [
{
"prop": "title",
"description": "Text content to place in the title",
"version": "2.17.0"
},
{
"prop": "variant",
"description": "Contextual color variant. By default the icon inherits the current text color"
},
{
"prop": "fontScale",
"description": "Scale the icons current font size"
},
{
"prop": "scale",
"description": "Scales the icon's SVG, without increasing the font size"
},
{
"prop": "rotate",
"description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise"
},
{
"prop": "flipH",
"description": "Flips the icon horizontally"
},
{
"prop": "flipV",
"description": "Flips the icon vertically"
},
{
"prop": "shiftH",
"description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units"
},
{
"prop": "shiftV",
"description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units"
},
{
"prop": "stacked",
"version": "2.3.0",
"description": "Set this prop to true when placing inside a BIconstack component"
},
{
"prop": "animation",
"version": "2.7.0",
"description": "Animate the icon. Supported built-in animations are 'cylon', 'fade', 'pulse', 'spin' and 'throb'"
}
]
},
{
"component": "BIconEggFill",
"auto-gen": "bootstrap-icons 1.2.2",
"props": [
{
"prop": "title",
"description": "Text content to place in the title",
"version": "2.17.0"
},
{
"prop": "variant",
"description": "Contextual color variant. By default the icon inherits the current text color"
},
{
"prop": "fontScale",
"description": "Scale the icons current font size"
},
{
"prop": "scale",
"description": "Scales the icon's SVG, without increasing the font size"
},
{
"prop": "rotate",
"description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise"
},
{
"prop": "flipH",
"description": "Flips the icon horizontally"
},
{
"prop": "flipV",
"description": "Flips the icon vertically"
},
{
"prop": "shiftH",
"description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units"
},
{
"prop": "shiftV",
"description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units"
},
{
"prop": "stacked",
"version": "2.3.0",
"description": "Set this prop to true when placing inside a BIconstack component"
},
{
"prop": "animation",
"version": "2.7.0",
"description": "Animate the icon. Supported built-in animations are 'cylon', 'fade', 'pulse', 'spin' and 'throb'"
}
]
},
{
"component": "BIconEggFried",
"auto-gen": "bootstrap-icons 1.2.2",
"props": [
{
"prop": "title",
"description": "Text content to place in the title",
"version": "2.17.0"
},
{
"prop": "variant",
"description": "Contextual color variant. By default the icon inherits the current text color"
},
{
"prop": "fontScale",
"description": "Scale the icons current font size"
},
{
"prop": "scale",
"description": "Scales the icon's SVG, without increasing the font size"
},
{
"prop": "rotate",
"description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise"
},
{
"prop": "flipH",
"description": "Flips the icon horizontally"
},
{
"prop": "flipV",
"description": "Flips the icon vertically"
},
{
"prop": "shiftH",
"description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units"
},
{
"prop": "shiftV",
"description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units"
},
{
"prop": "stacked",
"version": "2.3.0",
"description": "Set this prop to true when placing inside a BIconstack component"
},
{
"prop": "animation",
"version": "2.7.0",
"description": "Animate the icon. Supported built-in animations are 'cylon', 'fade', 'pulse', 'spin' and 'throb'"
}
]
},
{
"component": "BIconEject",
"auto-gen": "bootstrap-icons 1.2.2",
"props": [
{
"prop": "title",
"description": "Text content to place in the title",
"version": "2.17.0"
},
{
"prop": "variant",
"description": "Contextual color variant. By default the icon inherits the current text color"
},
{
"prop": "fontScale",
"description": "Scale the icons current font size"
},
{
"prop": "scale",
"description": "Scales the icon's SVG, without increasing the font size"
},
{
"prop": "rotate",
"description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise"
},
{
"prop": "flipH",
"description": "Flips the icon horizontally"
},
{
"prop": "flipV",
"description": "Flips the icon vertically"
},
{
"prop": "shiftH",
"description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units"
},
{
"prop": "shiftV",
"description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units"
},
{
"prop": "stacked",
"version": "2.3.0",
"description": "Set this prop to true when placing inside a BIconstack component"
},
{
"prop": "animation",
"version": "2.7.0",
"description": "Animate the icon. Supported built-in animations are 'cylon', 'fade', 'pulse', 'spin' and 'throb'"
}
]
},
{
"component": "BIconEjectFill",
"auto-gen": "bootstrap-icons 1.2.2",
"props": [
{
"prop": "title",
"description": "Text content to place in the title",
"version": "2.17.0"
},
{
"prop": "variant",
"description": "Contextual color variant. By default the icon inherits the current text color"
},
{
"prop": "fontScale",
"description": "Scale the icons current font size"
},
{
"prop": "scale",
"description": "Scales the icon's SVG, without increasing the font size"
},
{
"prop": "rotate",
"description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise"
},
{
"prop": "flipH",
"description": "Flips the icon horizontally"
},
{
"prop": "flipV",
"description": "Flips the icon vertically"
},
{
"prop": "shiftH",
"description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units"
},
{
"prop": "shiftV",
"description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units"
},
{
"prop": "stacked",
"version": "2.3.0",
"description": "Set this prop to true when placing inside a BIconstack component"
},
{
"prop": "animation",
"version": "2.7.0",
"description": "Animate the icon. Supported built-in animations are 'cylon', 'fade', 'pulse', 'spin' and 'throb'"
}
]
},
{
"component": "BIconEmojiAngry",
"auto-gen": "bootstrap-icons 1.2.2",
"props": [
{
"prop": "title",
"description": "Text content to place in the title",
"version": "2.17.0"
},
{
"prop": "variant",
"description": "Contextual color variant. By default the icon inherits the current text color"
},
{
"prop": "fontScale",
"description": "Scale the icons current font size"
},
{
"prop": "scale",
"description": "Scales the icon's SVG, without increasing the font size"
},
{
"prop": "rotate",
"description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise"
},
{
"prop": "flipH",
"description": "Flips the icon horizontally"
},
{
"prop": "flipV",
"description": "Flips the icon vertically"
},
{
"prop": "shiftH",
"description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units"
},
{
"prop": "shiftV",
"description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units"
},
{
"prop": "stacked",
"version": "2.3.0",
"description": "Set this prop to true when placing inside a BIconstack component"
},
{
"prop": "animation",
"version": "2.7.0",
"description": "Animate the icon. Supported built-in animations are 'cylon', 'fade', 'pulse', 'spin' and 'throb'"
}
]
},
{
"component": "BIconEmojiAngryFill",
"auto-gen": "bootstrap-icons 1.2.2",
"props": [
{
"prop": "title",
"description": "Text content to place in the title",
"version": "2.17.0"
},
{
"prop": "variant",
"description": "Contextual color variant. By default the icon inherits the current text color"
},
{
"prop": "fontScale",
"description": "Scale the icons current font size"
},
{
"prop": "scale",
"description": "Scales the icon's SVG, without increasing the font size"
},
{
"prop": "rotate",
"description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise"
},
{
"prop": "flipH",
"description": "Flips the icon horizontally"
},
{
"prop": "flipV",
"description": "Flips the icon vertically"
},
{
"prop": "shiftH",
"description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units"
},
{
"prop": "shiftV",
"description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units"
},
{
"prop": "stacked",
"version": "2.3.0",
"description": "Set this prop to true when placing inside a BIconstack component"
},
{
"prop": "animation",
"version": "2.7.0",
"description": "Animate the icon. Supported built-in animations are 'cylon', 'fade', 'pulse', 'spin' and 'throb'"
}
]
},
{
"component": "BIconEmojiDizzy",
"auto-gen": "bootstrap-icons 1.2.2",
"props": [
{
"prop": "title",
"description": "Text content to place in the title",
"version": "2.17.0"
},
{
"prop": "variant",
"description": "Contextual color variant. By default the icon inherits the current text color"
},
{
"prop": "fontScale",
"description": "Scale the icons current font size"
},
{
"prop": "scale",
"description": "Scales the icon's SVG, without increasing the font size"
},
{
"prop": "rotate",
"description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise"
},
{
"prop": "flipH",
"description": "Flips the icon horizontally"
},
{
"prop": "flipV",
"description": "Flips the icon vertically"
},
{
"prop": "shiftH",
"description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units"
},
{
"prop": "shiftV",
"description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units"
},
{
"prop": "stacked",
"version": "2.3.0",
"description": "Set this prop to true when placing inside a BIconstack component"
},
{
"prop": "animation",
"version": "2.7.0",
"description": "Animate the icon. Supported built-in animations are 'cylon', 'fade', 'pulse', 'spin' and 'throb'"
}
]
},
{
"component": "BIconEmojiDizzyFill",
"auto-gen": "bootstrap-icons 1.2.2",
"props": [
{
"prop": "title",
"description": "Text content to place in the title",
"version": "2.17.0"
},
{
"prop": "variant",
"description": "Contextual color variant. By default the icon inherits the current text color"
},
{
"prop": "fontScale",
"description": "Scale the icons current font size"
},
{
"prop": "scale",
"description": "Scales the icon's SVG, without increasing the font size"
},
{
"prop": "rotate",
"description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise"
},
{
"prop": "flipH",
"description": "Flips the icon horizontally"
},
{
"prop": "flipV",
"description": "Flips the icon vertically"
},
{
"prop": "shiftH",
"description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units"
},
{
"prop": "shiftV",
"description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units"
},
{
"prop": "stacked",
"version": "2.3.0",
"description": "Set this prop to true when placing inside a BIconstack component"
},
{
"prop": "animation",
"version": "2.7.0",
"description": "Animate the icon. Supported built-in animations are 'cylon', 'fade', 'pulse', 'spin' and 'throb'"
}
]
},
{
"component": "BIconEmojiExpressionless",
"auto-gen": "bootstrap-icons 1.2.2",
"props": [
{
"prop": "title",
"description": "Text content to place in the title",
"version": "2.17.0"
},
{
"prop": "variant",
"description": "Contextual color variant. By default the icon inherits the current text color"
},
{
"prop": "fontScale",
"description": "Scale the icons current font size"
},
{
"prop": "scale",
"description": "Scales the icon's SVG, without increasing the font size"
},
{
"prop": "rotate",
"description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise"
},
{
"prop": "flipH",
"description": "Flips the icon horizontally"
},
{
"prop": "flipV",
"description": "Flips the icon vertically"
},
{
"prop": "shiftH",
"description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units"
},
{
"prop": "shiftV",
"description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units"
},
{
"prop": "stacked",
"version": "2.3.0",
"description": "Set this prop to true when placing inside a BIconstack component"
},
{
"prop": "animation",
"version": "2.7.0",
"description": "Animate the icon. Supported built-in animations are 'cylon', 'fade', 'pulse', 'spin' and 'throb'"
}
]
},
{
"component": "BIconEmojiExpressionlessFill",
"auto-gen": "bootstrap-icons 1.2.2",
"props": [
{
"prop": "title",
"description": "Text content to place in the title",
"version": "2.17.0"
},
{
"prop": "variant",
"description": "Contextual color variant. By default the icon inherits the current text color"
},
{
"prop": "fontScale",
"description": "Scale the icons current font size"
},
{
"prop": "scale",
"description": "Scales the icon's SVG, without increasing the font size"
},
{
"prop": "rotate",
"description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise"
},
{
"prop": "flipH",
"description": "Flips the icon horizontally"
},
{
"prop": "flipV",
"description": "Flips the icon vertically"
},
{
"prop": "shiftH",
"description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units"
},
{
"prop": "shiftV",
"description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units"
},
{
"prop": "stacked",
"version": "2.3.0",
"description": "Set this prop to true when placing inside a BIconstack component"
},
{
"prop": "animation",
"version": "2.7.0",
"description": "Animate the icon. Supported built-in animations are 'cylon', 'fade', 'pulse', 'spin' and 'throb'"
}
]
},
{
"component": "BIconEmojiFrown",
"auto-gen": "bootstrap-icons 1.2.2",
"props": [
{
"prop": "title",
"description": "Text content to place in the title",
"version": "2.17.0"
},
{
"prop": "variant",
"description": "Contextual color variant. By default the icon inherits the current text color"
},
{
"prop": "fontScale",
"description": "Scale the icons current font size"
},
{
"prop": "scale",
"description": "Scales the icon's SVG, without increasing the font size"
},
{
"prop": "rotate",
"description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise"
},
{
"prop": "flipH",
"description": "Flips the icon horizontally"
},
{
"prop": "flipV",
"description": "Flips the icon vertically"
},
{
"prop": "shiftH",
"description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units"
},
{
"prop": "shiftV",
"description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units"
},
{
"prop": "stacked",
"version": "2.3.0",
"description": "Set this prop to true when placing inside a BIconstack component"
},
{
"prop": "animation",
"version": "2.7.0",
"description": "Animate the icon. Supported built-in animations are 'cylon', 'fade', 'pulse', 'spin' and 'throb'"
}
]
},
{
"component": "BIconEmojiFrownFill",
"auto-gen": "bootstrap-icons 1.2.2",
"props": [
{
"prop": "title",
"description": "Text content to place in the title",
"version": "2.17.0"
},
{
"prop": "variant",
"description": "Contextual color variant. By default the icon inherits the current text color"
},
{
"prop": "fontScale",
"description": "Scale the icons current font size"
},
{
"prop": "scale",
"description": "Scales the icon's SVG, without increasing the font size"
},
{
"prop": "rotate",
"description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise"
},
{
"prop": "flipH",
"description": "Flips the icon horizontally"
},
{
"prop": "flipV",
"description": "Flips the icon vertically"
},
{
"prop": "shiftH",
"description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units"
},
{
"prop": "shiftV",
"description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units"
},
{
"prop": "stacked",
"version": "2.3.0",
"description": "Set this prop to true when placing inside a BIconstack component"
},
{
"prop": "animation",
"version": "2.7.0",
"description": "Animate the icon. Supported built-in animations are 'cylon', 'fade', 'pulse', 'spin' and 'throb'"
}
]
},
{
"component": "BIconEmojiHeartEyes",
"auto-gen": "bootstrap-icons 1.2.2",
"props": [
{
"prop": "title",
"description": "Text content to place in the title",
"version": "2.17.0"
},
{
"prop": "variant",
"description": "Contextual color variant. By default the icon inherits the current text color"
},
{
"prop": "fontScale",
"description": "Scale the icons current font size"
},
{
"prop": "scale",
"description": "Scales the icon's SVG, without increasing the font size"
},
{
"prop": "rotate",
"description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise"
},
{
"prop": "flipH",
"description": "Flips the icon horizontally"
},
{
"prop": "flipV",
"description": "Flips the icon vertically"
},
{
"prop": "shiftH",
"description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units"
},
{
"prop": "shiftV",
"description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units"
},
{
"prop": "stacked",
"version": "2.3.0",
"description": "Set this prop to true when placing inside a BIconstack component"
},
{
"prop": "animation",
"version": "2.7.0",
"description": "Animate the icon. Supported built-in animations are 'cylon', 'fade', 'pulse', 'spin' and 'throb'"
}
]
},
{
"component": "BIconEmojiHeartEyesFill",
"auto-gen": "bootstrap-icons 1.2.2",
"props": [
{
"prop": "title",
"description": "Text content to place in the title",
"version": "2.17.0"
},
{
"prop": "variant",
"description": "Contextual color variant. By default the icon inherits the current text color"
},
{
"prop": "fontScale",
"description": "Scale the icons current font size"
},
{
"prop": "scale",
"description": "Scales the icon's SVG, without increasing the font size"
},
{
"prop": "rotate",
"description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise"
},
{
"prop": "flipH",
"description": "Flips the icon horizontally"
},
{
"prop": "flipV",
"description": "Flips the icon vertically"
},
{
"prop": "shiftH",
"description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units"
},
{
"prop": "shiftV",
"description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units"
},
{
"prop": "stacked",
"version": "2.3.0",
"description": "Set this prop to true when placing inside a BIconstack component"
},
{
"prop": "animation",
"version": "2.7.0",
"description": "Animate the icon. Supported built-in animations are 'cylon', 'fade', 'pulse', 'spin' and 'throb'"
}
]
},
{
"component": "BIconEmojiLaughing",
"auto-gen": "bootstrap-icons 1.2.2",
"props": [
{
"prop": "title",
"description": "Text content to place in the title",
"version": "2.17.0"
},
{
"prop": "variant",
"description": "Contextual color variant. By default the icon inherits the current text color"
},
{
"prop": "fontScale",
"description": "Scale the icons current font size"
},
{
"prop": "scale",
"description": "Scales the icon's SVG, without increasing the font size"
},
{
"prop": "rotate",
"description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise"
},
{
"prop": "flipH",
"description": "Flips the icon horizontally"
},
{
"prop": "flipV",
"description": "Flips the icon vertically"
},
{
"prop": "shiftH",
"description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units"
},
{
"prop": "shiftV",
"description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units"
},
{
"prop": "stacked",
"version": "2.3.0",
"description": "Set this prop to true when placing inside a BIconstack component"
},
{
"prop": "animation",
"version": "2.7.0",
"description": "Animate the icon. Supported built-in animations are 'cylon', 'fade', 'pulse', 'spin' and 'throb'"
}
]
},
{
"component": "BIconEmojiLaughingFill",
"auto-gen": "bootstrap-icons 1.2.2",
"props": [
{
"prop": "title",
"description": "Text content to place in the title",
"version": "2.17.0"
},
{
"prop": "variant",
"description": "Contextual color variant. By default the icon inherits the current text color"
},
{
"prop": "fontScale",
"description": "Scale the icons current font size"
},
{
"prop": "scale",
"description": "Scales the icon's SVG, without increasing the font size"
},
{
"prop": "rotate",
"description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise"
},
{
"prop": "flipH",
"description": "Flips the icon horizontally"
},
{
"prop": "flipV",
"description": "Flips the icon vertically"
},
{
"prop": "shiftH",
"description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units"
},
{
"prop": "shiftV",
"description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units"
},
{
"prop": "stacked",
"version": "2.3.0",
"description": "Set this prop to true when placing inside a BIconstack component"
},
{
"prop": "animation",
"version": "2.7.0",
"description": "Animate the icon. Supported built-in animations are 'cylon', 'fade', 'pulse', 'spin' and 'throb'"
}
]
},
{
"component": "BIconEmojiNeutral",
"auto-gen": "bootstrap-icons 1.2.2",
"props": [
{
"prop": "title",
"description": "Text content to place in the title",
"version": "2.17.0"
},
{
"prop": "variant",
"description": "Contextual color variant. By default the icon inherits the current text color"
},
{
"prop": "fontScale",
"description": "Scale the icons current font size"
},
{
"prop": "scale",
"description": "Scales the icon's SVG, without increasing the font size"
},
{
"prop": "rotate",
"description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise"
},
{
"prop": "flipH",
"description": "Flips the icon horizontally"
},
{
"prop": "flipV",
"description": "Flips the icon vertically"
},
{
"prop": "shiftH",
"description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units"
},
{
"prop": "shiftV",
"description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units"
},
{
"prop": "stacked",
"version": "2.3.0",
"description": "Set this prop to true when placing inside a BIconstack component"
},
{
"prop": "animation",
"version": "2.7.0",
"description": "Animate the icon. Supported built-in animations are 'cylon', 'fade', 'pulse', 'spin' and 'throb'"
}
]
},
{
"component": "BIconEmojiNeutralFill",
"auto-gen": "bootstrap-icons 1.2.2",
"props": [
{
"prop": "title",
"description": "Text content to place in the title",
"version": "2.17.0"
},
{
"prop": "variant",
"description": "Contextual color variant. By default the icon inherits the current text color"
},
{
"prop": "fontScale",
"description": "Scale the icons current font size"
},
{
"prop": "scale",
"description": "Scales the icon's SVG, without increasing the font size"
},
{
"prop": "rotate",
"description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise"
},
{
"prop": "flipH",
"description": "Flips the icon horizontally"
},
{
"prop": "flipV",
"description": "Flips the icon vertically"
},
{
"prop": "shiftH",
"description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units"
},
{
"prop": "shiftV",
"description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units"
},
{
"prop": "stacked",
"version": "2.3.0",
"description": "Set this prop to true when placing inside a BIconstack component"
},
{
"prop": "animation",
"version": "2.7.0",
"description": "Animate the icon. Supported built-in animations are 'cylon', 'fade', 'pulse', 'spin' and 'throb'"
}
]
},
{
"component": "BIconEmojiSmile",
"auto-gen": "bootstrap-icons 1.2.2",
"props": [
{
"prop": "title",
"description": "Text content to place in the title",
"version": "2.17.0"
},
{
"prop": "variant",
"description": "Contextual color variant. By default the icon inherits the current text color"
},
{
"prop": "fontScale",
"description": "Scale the icons current font size"
},
{
"prop": "scale",
"description": "Scales the icon's SVG, without increasing the font size"
},
{
"prop": "rotate",
"description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise"
},
{
"prop": "flipH",
"description": "Flips the icon horizontally"
},
{
"prop": "flipV",
"description": "Flips the icon vertically"
},
{
"prop": "shiftH",
"description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units"
},
{
"prop": "shiftV",
"description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units"
},
{
"prop": "stacked",
"version": "2.3.0",
"description": "Set this prop to true when placing inside a BIconstack component"
},
{
"prop": "animation",
"version": "2.7.0",
"description": "Animate the icon. Supported built-in animations are 'cylon', 'fade', 'pulse', 'spin' and 'throb'"
}
]
},
{
"component": "BIconEmojiSmileFill",
"auto-gen": "bootstrap-icons 1.2.2",
"props": [
{
"prop": "title",
"description": "Text content to place in the title",
"version": "2.17.0"
},
{
"prop": "variant",
"description": "Contextual color variant. By default the icon inherits the current text color"
},
{
"prop": "fontScale",
"description": "Scale the icons current font size"
},
{
"prop": "scale",
"description": "Scales the icon's SVG, without increasing the font size"
},
{
"prop": "rotate",
"description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise"
},
{
"prop": "flipH",
"description": "Flips the icon horizontally"
},
{
"prop": "flipV",
"description": "Flips the icon vertically"
},
{
"prop": "shiftH",
"description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units"
},
{
"prop": "shiftV",
"description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units"
},
{
"prop": "stacked",
"version": "2.3.0",
"description": "Set this prop to true when placing inside a BIconstack component"
},
{
"prop": "animation",
"version": "2.7.0",
"description": "Animate the icon. Supported built-in animations are 'cylon', 'fade', 'pulse', 'spin' and 'throb'"
}
]
},
{
"component": "BIconEmojiSmileUpsideDown",
"auto-gen": "bootstrap-icons 1.2.2",
"props": [
{
"prop": "title",
"description": "Text content to place in the title",
"version": "2.17.0"
},
{
"prop": "variant",
"description": "Contextual color variant. By default the icon inherits the current text color"
},
{
"prop": "fontScale",
"description": "Scale the icons current font size"
},
{
"prop": "scale",
"description": "Scales the icon's SVG, without increasing the font size"
},
{
"prop": "rotate",
"description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise"
},
{
"prop": "flipH",
"description": "Flips the icon horizontally"
},
{
"prop": "flipV",
"description": "Flips the icon vertically"
},
{
"prop": "shiftH",
"description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units"
},
{
"prop": "shiftV",
"description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units"
},
{
"prop": "stacked",
"version": "2.3.0",
"description": "Set this prop to true when placing inside a BIconstack component"
},
{
"prop": "animation",
"version": "2.7.0",
"description": "Animate the icon. Supported built-in animations are 'cylon', 'fade', 'pulse', 'spin' and 'throb'"
}
]
},
{
"component": "BIconEmojiSmileUpsideDownFill",
"auto-gen": "bootstrap-icons 1.2.2",
"props": [
{
"prop": "title",
"description": "Text content to place in the title",
"version": "2.17.0"
},
{
"prop": "variant",
"description": "Contextual color variant. By default the icon inherits the current text color"
},
{
"prop": "fontScale",
"description": "Scale the icons current font size"
},
{
"prop": "scale",
"description": "Scales the icon's SVG, without increasing the font size"
},
{
"prop": "rotate",
"description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise"
},
{
"prop": "flipH",
"description": "Flips the icon horizontally"
},
{
"prop": "flipV",
"description": "Flips the icon vertically"
},
{
"prop": "shiftH",
"description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units"
},
{
"prop": "shiftV",
"description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units"
},
{
"prop": "stacked",
"version": "2.3.0",
"description": "Set this prop to true when placing inside a BIconstack component"
},
{
"prop": "animation",
"version": "2.7.0",
"description": "Animate the icon. Supported built-in animations are 'cylon', 'fade', 'pulse', 'spin' and 'throb'"
}
]
},
{
"component": "BIconEmojiSunglasses",
"auto-gen": "bootstrap-icons 1.2.2",
"props": [
{
"prop": "title",
"description": "Text content to place in the title",
"version": "2.17.0"
},
{
"prop": "variant",
"description": "Contextual color variant. By default the icon inherits the current text color"
},
{
"prop": "fontScale",
"description": "Scale the icons current font size"
},
{
"prop": "scale",
"description": "Scales the icon's SVG, without increasing the font size"
},
{
"prop": "rotate",
"description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise"
},
{
"prop": "flipH",
"description": "Flips the icon horizontally"
},
{
"prop": "flipV",
"description": "Flips the icon vertically"
},
{
"prop": "shiftH",
"description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units"
},
{
"prop": "shiftV",
"description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units"
},
{
"prop": "stacked",
"version": "2.3.0",
"description": "Set this prop to true when placing inside a BIconstack component"
},
{
"prop": "animation",
"version": "2.7.0",
"description": "Animate the icon. Supported built-in animations are 'cylon', 'fade', 'pulse', 'spin' and 'throb'"
}
]
},
{
"component": "BIconEmojiSunglassesFill",
"auto-gen": "bootstrap-icons 1.2.2",
"props": [
{
"prop": "title",
"description": "Text content to place in the title",
"version": "2.17.0"
},
{
"prop": "variant",
"description": "Contextual color variant. By default the icon inherits the current text color"
},
{
"prop": "fontScale",
"description": "Scale the icons current font size"
},
{
"prop": "scale",
"description": "Scales the icon's SVG, without increasing the font size"
},
{
"prop": "rotate",
"description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise"
},
{
"prop": "flipH",
"description": "Flips the icon horizontally"
},
{
"prop": "flipV",
"description": "Flips the icon vertically"
},
{
"prop": "shiftH",
"description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units"
},
{
"prop": "shiftV",
"description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units"
},
{
"prop": "stacked",
"version": "2.3.0",
"description": "Set this prop to true when placing inside a BIconstack component"
},
{
"prop": "animation",
"version": "2.7.0",
"description": "Animate the icon. Supported built-in animations are 'cylon', 'fade', 'pulse', 'spin' and 'throb'"
}
]
},
{
"component": "BIconEmojiWink",
"auto-gen": "bootstrap-icons 1.2.2",
"props": [
{
"prop": "title",
"description": "Text content to place in the title",
"version": "2.17.0"
},
{
"prop": "variant",
"description": "Contextual color variant. By default the icon inherits the current text color"
},
{
"prop": "fontScale",
"description": "Scale the icons current font size"
},
{
"prop": "scale",
"description": "Scales the icon's SVG, without increasing the font size"
},
{
"prop": "rotate",
"description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise"
},
{
"prop": "flipH",
"description": "Flips the icon horizontally"
},
{
"prop": "flipV",
"description": "Flips the icon vertically"
},
{
"prop": "shiftH",
"description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units"
},
{
"prop": "shiftV",
"description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units"
},
{
"prop": "stacked",
"version": "2.3.0",
"description": "Set this prop to true when placing inside a BIconstack component"
},
{
"prop": "animation",
"version": "2.7.0",
"description": "Animate the icon. Supported built-in animations are 'cylon', 'fade', 'pulse', 'spin' and 'throb'"
}
]
},
{
"component": "BIconEmojiWinkFill",
"auto-gen": "bootstrap-icons 1.2.2",
"props": [
{
"prop": "title",
"description": "Text content to place in the title",
"version": "2.17.0"
},
{
"prop": "variant",
"description": "Contextual color variant. By default the icon inherits the current text color"
},
{
"prop": "fontScale",
"description": "Scale the icons current font size"
},
{
"prop": "scale",
"description": "Scales the icon's SVG, without increasing the font size"
},
{
"prop": "rotate",
"description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise"
},
{
"prop": "flipH",
"description": "Flips the icon horizontally"
},
{
"prop": "flipV",
"description": "Flips the icon vertically"
},
{
"prop": "shiftH",
"description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units"
},
{
"prop": "shiftV",
"description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units"
},
{
"prop": "stacked",
"version": "2.3.0",
"description": "Set this prop to true when placing inside a BIconstack component"
},
{
"prop": "animation",
"version": "2.7.0",
"description": "Animate the icon. Supported built-in animations are 'cylon', 'fade', 'pulse', 'spin' and 'throb'"
}
]
},
{
"component": "BIconEnvelope",
"auto-gen": "bootstrap-icons 1.2.2",
"props": [
{
"prop": "title",
"description": "Text content to place in the title",
"version": "2.17.0"
},
{
"prop": "variant",
"description": "Contextual color variant. By default the icon inherits the current text color"
},
{
"prop": "fontScale",
"description": "Scale the icons current font size"
},
{
"prop": "scale",
"description": "Scales the icon's SVG, without increasing the font size"
},
{
"prop": "rotate",
"description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise"
},
{
"prop": "flipH",
"description": "Flips the icon horizontally"
},
{
"prop": "flipV",
"description": "Flips the icon vertically"
},
{
"prop": "shiftH",
"description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units"
},
{
"prop": "shiftV",
"description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units"
},
{
"prop": "stacked",
"version": "2.3.0",
"description": "Set this prop to true when placing inside a BIconstack component"
},
{
"prop": "animation",
"version": "2.7.0",
"description": "Animate the icon. Supported built-in animations are 'cylon', 'fade', 'pulse', 'spin' and 'throb'"
}
]
},
{
"component": "BIconEnvelopeFill",
"auto-gen": "bootstrap-icons 1.2.2",
"props": [
{
"prop": "title",
"description": "Text content to place in the title",
"version": "2.17.0"
},
{
"prop": "variant",
"description": "Contextual color variant. By default the icon inherits the current text color"
},
{
"prop": "fontScale",
"description": "Scale the icons current font size"
},
{
"prop": "scale",
"description": "Scales the icon's SVG, without increasing the font size"
},
{
"prop": "rotate",
"description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise"
},
{
"prop": "flipH",
"description": "Flips the icon horizontally"
},
{
"prop": "flipV",
"description": "Flips the icon vertically"
},
{
"prop": "shiftH",
"description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units"
},
{
"prop": "shiftV",
"description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units"
},
{
"prop": "stacked",
"version": "2.3.0",
"description": "Set this prop to true when placing inside a BIconstack component"
},
{
"prop": "animation",
"version": "2.7.0",
"description": "Animate the icon. Supported built-in animations are 'cylon', 'fade', 'pulse', 'spin' and 'throb'"
}
]
},
{
"component": "BIconEnvelopeOpen",
"auto-gen": "bootstrap-icons 1.2.2",
"props": [
{
"prop": "title",
"description": "Text content to place in the title",
"version": "2.17.0"
},
{
"prop": "variant",
"description": "Contextual color variant. By default the icon inherits the current text color"
},
{
"prop": "fontScale",
"description": "Scale the icons current font size"
},
{
"prop": "scale",
"description": "Scales the icon's SVG, without increasing the font size"
},
{
"prop": "rotate",
"description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise"
},
{
"prop": "flipH",
"description": "Flips the icon horizontally"
},
{
"prop": "flipV",
"description": "Flips the icon vertically"
},
{
"prop": "shiftH",
"description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units"
},
{
"prop": "shiftV",
"description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units"
},
{
"prop": "stacked",
"version": "2.3.0",
"description": "Set this prop to true when placing inside a BIconstack component"
},
{
"prop": "animation",
"version": "2.7.0",
"description": "Animate the icon. Supported built-in animations are 'cylon', 'fade', 'pulse', 'spin' and 'throb'"
}
]
},
{
"component": "BIconEnvelopeOpenFill",
"auto-gen": "bootstrap-icons 1.2.2",
"props": [
{
"prop": "title",
"description": "Text content to place in the title",
"version": "2.17.0"
},
{
"prop": "variant",
"description": "Contextual color variant. By default the icon inherits the current text color"
},
{
"prop": "fontScale",
"description": "Scale the icons current font size"
},
{
"prop": "scale",
"description": "Scales the icon's SVG, without increasing the font size"
},
{
"prop": "rotate",
"description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise"
},
{
"prop": "flipH",
"description": "Flips the icon horizontally"
},
{
"prop": "flipV",
"description": "Flips the icon vertically"
},
{
"prop": "shiftH",
"description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units"
},
{
"prop": "shiftV",
"description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units"
},
{
"prop": "stacked",
"version": "2.3.0",
"description": "Set this prop to true when placing inside a BIconstack component"
},
{
"prop": "animation",
"version": "2.7.0",
"description": "Animate the icon. Supported built-in animations are 'cylon', 'fade', 'pulse', 'spin' and 'throb'"
}
]
},
{
"component": "BIconExclamation",
"auto-gen": "bootstrap-icons 1.2.2",
"props": [
{
"prop": "title",
"description": "Text content to place in the title",
"version": "2.17.0"
},
{
"prop": "variant",
"description": "Contextual color variant. By default the icon inherits the current text color"
},
{
"prop": "fontScale",
"description": "Scale the icons current font size"
},
{
"prop": "scale",
"description": "Scales the icon's SVG, without increasing the font size"
},
{
"prop": "rotate",
"description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise"
},
{
"prop": "flipH",
"description": "Flips the icon horizontally"
},
{
"prop": "flipV",
"description": "Flips the icon vertically"
},
{
"prop": "shiftH",
"description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units"
},
{
"prop": "shiftV",
"description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units"
},
{
"prop": "stacked",
"version": "2.3.0",
"description": "Set this prop to true when placing inside a BIconstack component"
},
{
"prop": "animation",
"version": "2.7.0",
"description": "Animate the icon. Supported built-in animations are 'cylon', 'fade', 'pulse', 'spin' and 'throb'"
}
]
},
{
"component": "BIconExclamationCircle",
"auto-gen": "bootstrap-icons 1.2.2",
"props": [
{
"prop": "title",
"description": "Text content to place in the title",
"version": "2.17.0"
},
{
"prop": "variant",
"description": "Contextual color variant. By default the icon inherits the current text color"
},
{
"prop": "fontScale",
"description": "Scale the icons current font size"
},
{
"prop": "scale",
"description": "Scales the icon's SVG, without increasing the font size"
},
{
"prop": "rotate",
"description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise"
},
{
"prop": "flipH",
"description": "Flips the icon horizontally"
},
{
"prop": "flipV",
"description": "Flips the icon vertically"
},
{
"prop": "shiftH",
"description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units"
},
{
"prop": "shiftV",
"description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units"
},
{
"prop": "stacked",
"version": "2.3.0",
"description": "Set this prop to true when placing inside a BIconstack component"
},
{
"prop": "animation",
"version": "2.7.0",
"description": "Animate the icon. Supported built-in animations are 'cylon', 'fade', 'pulse', 'spin' and 'throb'"
}
]
},
{
"component": "BIconExclamationCircleFill",
"auto-gen": "bootstrap-icons 1.2.2",
"props": [
{
"prop": "title",
"description": "Text content to place in the title",
"version": "2.17.0"
},
{
"prop": "variant",
"description": "Contextual color variant. By default the icon inherits the current text color"
},
{
"prop": "fontScale",
"description": "Scale the icons current font size"
},
{
"prop": "scale",
"description": "Scales the icon's SVG, without increasing the font size"
},
{
"prop": "rotate",
"description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise"
},
{
"prop": "flipH",
"description": "Flips the icon horizontally"
},
{
"prop": "flipV",
"description": "Flips the icon vertically"
},
{
"prop": "shiftH",
"description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units"
},
{
"prop": "shiftV",
"description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units"
},
{
"prop": "stacked",
"version": "2.3.0",
"description": "Set this prop to true when placing inside a BIconstack component"
},
{
"prop": "animation",
"version": "2.7.0",
"description": "Animate the icon. Supported built-in animations are 'cylon', 'fade', 'pulse', 'spin' and 'throb'"
}
]
},
{
"component": "BIconExclamationDiamond",
"auto-gen": "bootstrap-icons 1.2.2",
"props": [
{
"prop": "title",
"description": "Text content to place in the title",
"version": "2.17.0"
},
{
"prop": "variant",
"description": "Contextual color variant. By default the icon inherits the current text color"
},
{
"prop": "fontScale",
"description": "Scale the icons current font size"
},
{
"prop": "scale",
"description": "Scales the icon's SVG, without increasing the font size"
},
{
"prop": "rotate",
"description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise"
},
{
"prop": "flipH",
"description": "Flips the icon horizontally"
},
{
"prop": "flipV",
"description": "Flips the icon vertically"
},
{
"prop": "shiftH",
"description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units"
},
{
"prop": "shiftV",
"description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units"
},
{
"prop": "stacked",
"version": "2.3.0",
"description": "Set this prop to true when placing inside a BIconstack component"
},
{
"prop": "animation",
"version": "2.7.0",
"description": "Animate the icon. Supported built-in animations are 'cylon', 'fade', 'pulse', 'spin' and 'throb'"
}
]
},
{
"component": "BIconExclamationDiamondFill",
"auto-gen": "bootstrap-icons 1.2.2",
"props": [
{
"prop": "title",
"description": "Text content to place in the title",
"version": "2.17.0"
},
{
"prop": "variant",
"description": "Contextual color variant. By default the icon inherits the current text color"
},
{
"prop": "fontScale",
"description": "Scale the icons current font size"
},
{
"prop": "scale",
"description": "Scales the icon's SVG, without increasing the font size"
},
{
"prop": "rotate",
"description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise"
},
{
"prop": "flipH",
"description": "Flips the icon horizontally"
},
{
"prop": "flipV",
"description": "Flips the icon vertically"
},
{
"prop": "shiftH",
"description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units"
},
{
"prop": "shiftV",
"description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units"
},
{
"prop": "stacked",
"version": "2.3.0",
"description": "Set this prop to true when placing inside a BIconstack component"
},
{
"prop": "animation",
"version": "2.7.0",
"description": "Animate the icon. Supported built-in animations are 'cylon', 'fade', 'pulse', 'spin' and 'throb'"
}
]
},
{
"component": "BIconExclamationOctagon",
"auto-gen": "bootstrap-icons 1.2.2",
"props": [
{
"prop": "title",
"description": "Text content to place in the title",
"version": "2.17.0"
},
{
"prop": "variant",
"description": "Contextual color variant. By default the icon inherits the current text color"
},
{
"prop": "fontScale",
"description": "Scale the icons current font size"
},
{
"prop": "scale",
"description": "Scales the icon's SVG, without increasing the font size"
},
{
"prop": "rotate",
"description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise"
},
{
"prop": "flipH",
"description": "Flips the icon horizontally"
},
{
"prop": "flipV",
"description": "Flips the icon vertically"
},
{
"prop": "shiftH",
"description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units"
},
{
"prop": "shiftV",
"description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units"
},
{
"prop": "stacked",
"version": "2.3.0",
"description": "Set this prop to true when placing inside a BIconstack component"
},
{
"prop": "animation",
"version": "2.7.0",
"description": "Animate the icon. Supported built-in animations are 'cylon', 'fade', 'pulse', 'spin' and 'throb'"
}
]
},
{
"component": "BIconExclamationOctagonFill",
"auto-gen": "bootstrap-icons 1.2.2",
"props": [
{
"prop": "title",
"description": "Text content to place in the title",
"version": "2.17.0"
},
{
"prop": "variant",
"description": "Contextual color variant. By default the icon inherits the current text color"
},
{
"prop": "fontScale",
"description": "Scale the icons current font size"
},
{
"prop": "scale",
"description": "Scales the icon's SVG, without increasing the font size"
},
{
"prop": "rotate",
"description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise"
},
{
"prop": "flipH",
"description": "Flips the icon horizontally"
},
{
"prop": "flipV",
"description": "Flips the icon vertically"
},
{
"prop": "shiftH",
"description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units"
},
{
"prop": "shiftV",
"description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units"
},
{
"prop": "stacked",
"version": "2.3.0",
"description": "Set this prop to true when placing inside a BIconstack component"
},
{
"prop": "animation",
"version": "2.7.0",
"description": "Animate the icon. Supported built-in animations are 'cylon', 'fade', 'pulse', 'spin' and 'throb'"
}
]
},
{
"component": "BIconExclamationSquare",
"auto-gen": "bootstrap-icons 1.2.2",
"props": [
{
"prop": "title",
"description": "Text content to place in the title",
"version": "2.17.0"
},
{
"prop": "variant",
"description": "Contextual color variant. By default the icon inherits the current text color"
},
{
"prop": "fontScale",
"description": "Scale the icons current font size"
},
{
"prop": "scale",
"description": "Scales the icon's SVG, without increasing the font size"
},
{
"prop": "rotate",
"description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise"
},
{
"prop": "flipH",
"description": "Flips the icon horizontally"
},
{
"prop": "flipV",
"description": "Flips the icon vertically"
},
{
"prop": "shiftH",
"description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units"
},
{
"prop": "shiftV",
"description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units"
},
{
"prop": "stacked",
"version": "2.3.0",
"description": "Set this prop to true when placing inside a BIconstack component"
},
{
"prop": "animation",
"version": "2.7.0",
"description": "Animate the icon. Supported built-in animations are 'cylon', 'fade', 'pulse', 'spin' and 'throb'"
}
]
},
{
"component": "BIconExclamationSquareFill",
"auto-gen": "bootstrap-icons 1.2.2",
"props": [
{
"prop": "title",
"description": "Text content to place in the title",
"version": "2.17.0"
},
{
"prop": "variant",
"description": "Contextual color variant. By default the icon inherits the current text color"
},
{
"prop": "fontScale",
"description": "Scale the icons current font size"
},
{
"prop": "scale",
"description": "Scales the icon's SVG, without increasing the font size"
},
{
"prop": "rotate",
"description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise"
},
{
"prop": "flipH",
"description": "Flips the icon horizontally"
},
{
"prop": "flipV",
"description": "Flips the icon vertically"
},
{
"prop": "shiftH",
"description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units"
},
{
"prop": "shiftV",
"description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units"
},
{
"prop": "stacked",
"version": "2.3.0",
"description": "Set this prop to true when placing inside a BIconstack component"
},
{
"prop": "animation",
"version": "2.7.0",
"description": "Animate the icon. Supported built-in animations are 'cylon', 'fade', 'pulse', 'spin' and 'throb'"
}
]
},
{
"component": "BIconExclamationTriangle",
"auto-gen": "bootstrap-icons 1.2.2",
"props": [
{
"prop": "title",
"description": "Text content to place in the title",
"version": "2.17.0"
},
{
"prop": "variant",
"description": "Contextual color variant. By default the icon inherits the current text color"
},
{
"prop": "fontScale",
"description": "Scale the icons current font size"
},
{
"prop": "scale",
"description": "Scales the icon's SVG, without increasing the font size"
},
{
"prop": "rotate",
"description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise"
},
{
"prop": "flipH",
"description": "Flips the icon horizontally"
},
{
"prop": "flipV",
"description": "Flips the icon vertically"
},
{
"prop": "shiftH",
"description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units"
},
{
"prop": "shiftV",
"description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units"
},
{
"prop": "stacked",
"version": "2.3.0",
"description": "Set this prop to true when placing inside a BIconstack component"
},
{
"prop": "animation",
"version": "2.7.0",
"description": "Animate the icon. Supported built-in animations are 'cylon', 'fade', 'pulse', 'spin' and 'throb'"
}
]
},
{
"component": "BIconExclamationTriangleFill",
"auto-gen": "bootstrap-icons 1.2.2",
"props": [
{
"prop": "title",
"description": "Text content to place in the title",
"version": "2.17.0"
},
{
"prop": "variant",
"description": "Contextual color variant. By default the icon inherits the current text color"
},
{
"prop": "fontScale",
"description": "Scale the icons current font size"
},
{
"prop": "scale",
"description": "Scales the icon's SVG, without increasing the font size"
},
{
"prop": "rotate",
"description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise"
},
{
"prop": "flipH",
"description": "Flips the icon horizontally"
},
{
"prop": "flipV",
"description": "Flips the icon vertically"
},
{
"prop": "shiftH",
"description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units"
},
{
"prop": "shiftV",
"description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units"
},
{
"prop": "stacked",
"version": "2.3.0",
"description": "Set this prop to true when placing inside a BIconstack component"
},
{
"prop": "animation",
"version": "2.7.0",
"description": "Animate the icon. Supported built-in animations are 'cylon', 'fade', 'pulse', 'spin' and 'throb'"
}
]
},
{
"component": "BIconExclude",
"auto-gen": "bootstrap-icons 1.2.2",
"props": [
{
"prop": "title",
"description": "Text content to place in the title",
"version": "2.17.0"
},
{
"prop": "variant",
"description": "Contextual color variant. By default the icon inherits the current text color"
},
{
"prop": "fontScale",
"description": "Scale the icons current font size"
},
{
"prop": "scale",
"description": "Scales the icon's SVG, without increasing the font size"
},
{
"prop": "rotate",
"description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise"
},
{
"prop": "flipH",
"description": "Flips the icon horizontally"
},
{
"prop": "flipV",
"description": "Flips the icon vertically"
},
{
"prop": "shiftH",
"description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units"
},
{
"prop": "shiftV",
"description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units"
},
{
"prop": "stacked",
"version": "2.3.0",
"description": "Set this prop to true when placing inside a BIconstack component"
},
{
"prop": "animation",
"version": "2.7.0",
"description": "Animate the icon. Supported built-in animations are 'cylon', 'fade', 'pulse', 'spin' and 'throb'"
}
]
},
{
"component": "BIconEye",
"auto-gen": "bootstrap-icons 1.2.2",
"props": [
{
"prop": "title",
"description": "Text content to place in the title",
"version": "2.17.0"
},
{
"prop": "variant",
"description": "Contextual color variant. By default the icon inherits the current text color"
},
{
"prop": "fontScale",
"description": "Scale the icons current font size"
},
{
"prop": "scale",
"description": "Scales the icon's SVG, without increasing the font size"
},
{
"prop": "rotate",
"description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise"
},
{
"prop": "flipH",
"description": "Flips the icon horizontally"
},
{
"prop": "flipV",
"description": "Flips the icon vertically"
},
{
"prop": "shiftH",
"description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units"
},
{
"prop": "shiftV",
"description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units"
},
{
"prop": "stacked",
"version": "2.3.0",
"description": "Set this prop to true when placing inside a BIconstack component"
},
{
"prop": "animation",
"version": "2.7.0",
"description": "Animate the icon. Supported built-in animations are 'cylon', 'fade', 'pulse', 'spin' and 'throb'"
}
]
},
{
"component": "BIconEyeFill",
"auto-gen": "bootstrap-icons 1.2.2",
"props": [
{
"prop": "title",
"description": "Text content to place in the title",
"version": "2.17.0"
},
{
"prop": "variant",
"description": "Contextual color variant. By default the icon inherits the current text color"
},
{
"prop": "fontScale",
"description": "Scale the icons current font size"
},
{
"prop": "scale",
"description": "Scales the icon's SVG, without increasing the font size"
},
{
"prop": "rotate",
"description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise"
},
{
"prop": "flipH",
"description": "Flips the icon horizontally"
},
{
"prop": "flipV",
"description": "Flips the icon vertically"
},
{
"prop": "shiftH",
"description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units"
},
{
"prop": "shiftV",
"description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units"
},
{
"prop": "stacked",
"version": "2.3.0",
"description": "Set this prop to true when placing inside a BIconstack component"
},
{
"prop": "animation",
"version": "2.7.0",
"description": "Animate the icon. Supported built-in animations are 'cylon', 'fade', 'pulse', 'spin' and 'throb'"
}
]
},
{
"component": "BIconEyeSlash",
"auto-gen": "bootstrap-icons 1.2.2",
"props": [
{
"prop": "title",
"description": "Text content to place in the title",
"version": "2.17.0"
},
{
"prop": "variant",
"description": "Contextual color variant. By default the icon inherits the current text color"
},
{
"prop": "fontScale",
"description": "Scale the icons current font size"
},
{
"prop": "scale",
"description": "Scales the icon's SVG, without increasing the font size"
},
{
"prop": "rotate",
"description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise"
},
{
"prop": "flipH",
"description": "Flips the icon horizontally"
},
{
"prop": "flipV",
"description": "Flips the icon vertically"
},
{
"prop": "shiftH",
"description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units"
},
{
"prop": "shiftV",
"description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units"
},
{
"prop": "stacked",
"version": "2.3.0",
"description": "Set this prop to true when placing inside a BIconstack component"
},
{
"prop": "animation",
"version": "2.7.0",
"description": "Animate the icon. Supported built-in animations are 'cylon', 'fade', 'pulse', 'spin' and 'throb'"
}
]
},
{
"component": "BIconEyeSlashFill",
"auto-gen": "bootstrap-icons 1.2.2",
"props": [
{
"prop": "title",
"description": "Text content to place in the title",
"version": "2.17.0"
},
{
"prop": "variant",
"description": "Contextual color variant. By default the icon inherits the current text color"
},
{
"prop": "fontScale",
"description": "Scale the icons current font size"
},
{
"prop": "scale",
"description": "Scales the icon's SVG, without increasing the font size"
},
{
"prop": "rotate",
"description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise"
},
{
"prop": "flipH",
"description": "Flips the icon horizontally"
},
{
"prop": "flipV",
"description": "Flips the icon vertically"
},
{
"prop": "shiftH",
"description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units"
},
{
"prop": "shiftV",
"description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units"
},
{
"prop": "stacked",
"version": "2.3.0",
"description": "Set this prop to true when placing inside a BIconstack component"
},
{
"prop": "animation",
"version": "2.7.0",
"description": "Animate the icon. Supported built-in animations are 'cylon', 'fade', 'pulse', 'spin' and 'throb'"
}
]
},
{
"component": "BIconEyeglasses",
"auto-gen": "bootstrap-icons 1.2.2",
"props": [
{
"prop": "title",
"description": "Text content to place in the title",
"version": "2.17.0"
},
{
"prop": "variant",
"description": "Contextual color variant. By default the icon inherits the current text color"
},
{
"prop": "fontScale",
"description": "Scale the icons current font size"
},
{
"prop": "scale",
"description": "Scales the icon's SVG, without increasing the font size"
},
{
"prop": "rotate",
"description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise"
},
{
"prop": "flipH",
"description": "Flips the icon horizontally"
},
{
"prop": "flipV",
"description": "Flips the icon vertically"
},
{
"prop": "shiftH",
"description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units"
},
{
"prop": "shiftV",
"description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units"
},
{
"prop": "stacked",
"version": "2.3.0",
"description": "Set this prop to true when placing inside a BIconstack component"
},
{
"prop": "animation",
"version": "2.7.0",
"description": "Animate the icon. Supported built-in animations are 'cylon', 'fade', 'pulse', 'spin' and 'throb'"
}
]
},
{
"component": "BIconFacebook",
"auto-gen": "bootstrap-icons 1.2.2",
"props": [
{
"prop": "title",
"description": "Text content to place in the title",
"version": "2.17.0"
},
{
"prop": "variant",
"description": "Contextual color variant. By default the icon inherits the current text color"
},
{
"prop": "fontScale",
"description": "Scale the icons current font size"
},
{
"prop": "scale",
"description": "Scales the icon's SVG, without increasing the font size"
},
{
"prop": "rotate",
"description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise"
},
{
"prop": "flipH",
"description": "Flips the icon horizontally"
},
{
"prop": "flipV",
"description": "Flips the icon vertically"
},
{
"prop": "shiftH",
"description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units"
},
{
"prop": "shiftV",
"description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units"
},
{
"prop": "stacked",
"version": "2.3.0",
"description": "Set this prop to true when placing inside a BIconstack component"
},
{
"prop": "animation",
"version": "2.7.0",
"description": "Animate the icon. Supported built-in animations are 'cylon', 'fade', 'pulse', 'spin' and 'throb'"
}
]
},
{
"component": "BIconFile",
"auto-gen": "bootstrap-icons 1.2.2",
"props": [
{
"prop": "title",
"description": "Text content to place in the title",
"version": "2.17.0"
},
{
"prop": "variant",
"description": "Contextual color variant. By default the icon inherits the current text color"
},
{
"prop": "fontScale",
"description": "Scale the icons current font size"
},
{
"prop": "scale",
"description": "Scales the icon's SVG, without increasing the font size"
},
{
"prop": "rotate",
"description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise"
},
{
"prop": "flipH",
"description": "Flips the icon horizontally"
},
{
"prop": "flipV",
"description": "Flips the icon vertically"
},
{
"prop": "shiftH",
"description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units"
},
{
"prop": "shiftV",
"description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units"
},
{
"prop": "stacked",
"version": "2.3.0",
"description": "Set this prop to true when placing inside a BIconstack component"
},
{
"prop": "animation",
"version": "2.7.0",
"description": "Animate the icon. Supported built-in animations are 'cylon', 'fade', 'pulse', 'spin' and 'throb'"
}
]
},
{
"component": "BIconFileArrowDown",
"auto-gen": "bootstrap-icons 1.2.2",
"props": [
{
"prop": "title",
"description": "Text content to place in the title",
"version": "2.17.0"
},
{
"prop": "variant",
"description": "Contextual color variant. By default the icon inherits the current text color"
},
{
"prop": "fontScale",
"description": "Scale the icons current font size"
},
{
"prop": "scale",
"description": "Scales the icon's SVG, without increasing the font size"
},
{
"prop": "rotate",
"description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise"
},
{
"prop": "flipH",
"description": "Flips the icon horizontally"
},
{
"prop": "flipV",
"description": "Flips the icon vertically"
},
{
"prop": "shiftH",
"description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units"
},
{
"prop": "shiftV",
"description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units"
},
{
"prop": "stacked",
"version": "2.3.0",
"description": "Set this prop to true when placing inside a BIconstack component"
},
{
"prop": "animation",
"version": "2.7.0",
"description": "Animate the icon. Supported built-in animations are 'cylon', 'fade', 'pulse', 'spin' and 'throb'"
}
]
},
{
"component": "BIconFileArrowDownFill",
"auto-gen": "bootstrap-icons 1.2.2",
"props": [
{
"prop": "title",
"description": "Text content to place in the title",
"version": "2.17.0"
},
{
"prop": "variant",
"description": "Contextual color variant. By default the icon inherits the current text color"
},
{
"prop": "fontScale",
"description": "Scale the icons current font size"
},
{
"prop": "scale",
"description": "Scales the icon's SVG, without increasing the font size"
},
{
"prop": "rotate",
"description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise"
},
{
"prop": "flipH",
"description": "Flips the icon horizontally"
},
{
"prop": "flipV",
"description": "Flips the icon vertically"
},
{
"prop": "shiftH",
"description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units"
},
{
"prop": "shiftV",
"description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units"
},
{
"prop": "stacked",
"version": "2.3.0",
"description": "Set this prop to true when placing inside a BIconstack component"
},
{
"prop": "animation",
"version": "2.7.0",
"description": "Animate the icon. Supported built-in animations are 'cylon', 'fade', 'pulse', 'spin' and 'throb'"
}
]
},
{
"component": "BIconFileArrowUp",
"auto-gen": "bootstrap-icons 1.2.2",
"props": [
{
"prop": "title",
"description": "Text content to place in the title",
"version": "2.17.0"
},
{
"prop": "variant",
"description": "Contextual color variant. By default the icon inherits the current text color"
},
{
"prop": "fontScale",
"description": "Scale the icons current font size"
},
{
"prop": "scale",
"description": "Scales the icon's SVG, without increasing the font size"
},
{
"prop": "rotate",
"description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise"
},
{
"prop": "flipH",
"description": "Flips the icon horizontally"
},
{
"prop": "flipV",
"description": "Flips the icon vertically"
},
{
"prop": "shiftH",
"description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units"
},
{
"prop": "shiftV",
"description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units"
},
{
"prop": "stacked",
"version": "2.3.0",
"description": "Set this prop to true when placing inside a BIconstack component"
},
{
"prop": "animation",
"version": "2.7.0",
"description": "Animate the icon. Supported built-in animations are 'cylon', 'fade', 'pulse', 'spin' and 'throb'"
}
]
},
{
"component": "BIconFileArrowUpFill",
"auto-gen": "bootstrap-icons 1.2.2",
"props": [
{
"prop": "title",
"description": "Text content to place in the title",
"version": "2.17.0"
},
{
"prop": "variant",
"description": "Contextual color variant. By default the icon inherits the current text color"
},
{
"prop": "fontScale",
"description": "Scale the icons current font size"
},
{
"prop": "scale",
"description": "Scales the icon's SVG, without increasing the font size"
},
{
"prop": "rotate",
"description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise"
},
{
"prop": "flipH",
"description": "Flips the icon horizontally"
},
{
"prop": "flipV",
"description": "Flips the icon vertically"
},
{
"prop": "shiftH",
"description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units"
},
{
"prop": "shiftV",
"description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units"
},
{
"prop": "stacked",
"version": "2.3.0",
"description": "Set this prop to true when placing inside a BIconstack component"
},
{
"prop": "animation",
"version": "2.7.0",
"description": "Animate the icon. Supported built-in animations are 'cylon', 'fade', 'pulse', 'spin' and 'throb'"
}
]
},
{
"component": "BIconFileBarGraph",
"auto-gen": "bootstrap-icons 1.2.2",
"props": [
{
"prop": "title",
"description": "Text content to place in the title",
"version": "2.17.0"
},
{
"prop": "variant",
"description": "Contextual color variant. By default the icon inherits the current text color"
},
{
"prop": "fontScale",
"description": "Scale the icons current font size"
},
{
"prop": "scale",
"description": "Scales the icon's SVG, without increasing the font size"
},
{
"prop": "rotate",
"description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise"
},
{
"prop": "flipH",
"description": "Flips the icon horizontally"
},
{
"prop": "flipV",
"description": "Flips the icon vertically"
},
{
"prop": "shiftH",
"description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units"
},
{
"prop": "shiftV",
"description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units"
},
{
"prop": "stacked",
"version": "2.3.0",
"description": "Set this prop to true when placing inside a BIconstack component"
},
{
"prop": "animation",
"version": "2.7.0",
"description": "Animate the icon. Supported built-in animations are 'cylon', 'fade', 'pulse', 'spin' and 'throb'"
}
]
},
{
"component": "BIconFileBarGraphFill",
"auto-gen": "bootstrap-icons 1.2.2",
"props": [
{
"prop": "title",
"description": "Text content to place in the title",
"version": "2.17.0"
},
{
"prop": "variant",
"description": "Contextual color variant. By default the icon inherits the current text color"
},
{
"prop": "fontScale",
"description": "Scale the icons current font size"
},
{
"prop": "scale",
"description": "Scales the icon's SVG, without increasing the font size"
},
{
"prop": "rotate",
"description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise"
},
{
"prop": "flipH",
"description": "Flips the icon horizontally"
},
{
"prop": "flipV",
"description": "Flips the icon vertically"
},
{
"prop": "shiftH",
"description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units"
},
{
"prop": "shiftV",
"description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units"
},
{
"prop": "stacked",
"version": "2.3.0",
"description": "Set this prop to true when placing inside a BIconstack component"
},
{
"prop": "animation",
"version": "2.7.0",
"description": "Animate the icon. Supported built-in animations are 'cylon', 'fade', 'pulse', 'spin' and 'throb'"
}
]
},
{
"component": "BIconFileBinary",
"auto-gen": "bootstrap-icons 1.2.2",
"props": [
{
"prop": "title",
"description": "Text content to place in the title",
"version": "2.17.0"
},
{
"prop": "variant",
"description": "Contextual color variant. By default the icon inherits the current text color"
},
{
"prop": "fontScale",
"description": "Scale the icons current font size"
},
{
"prop": "scale",
"description": "Scales the icon's SVG, without increasing the font size"
},
{
"prop": "rotate",
"description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise"
},
{
"prop": "flipH",
"description": "Flips the icon horizontally"
},
{
"prop": "flipV",
"description": "Flips the icon vertically"
},
{
"prop": "shiftH",
"description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units"
},
{
"prop": "shiftV",
"description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units"
},
{
"prop": "stacked",
"version": "2.3.0",
"description": "Set this prop to true when placing inside a BIconstack component"
},
{
"prop": "animation",
"version": "2.7.0",
"description": "Animate the icon. Supported built-in animations are 'cylon', 'fade', 'pulse', 'spin' and 'throb'"
}
]
},
{
"component": "BIconFileBinaryFill",
"auto-gen": "bootstrap-icons 1.2.2",
"props": [
{
"prop": "title",
"description": "Text content to place in the title",
"version": "2.17.0"
},
{
"prop": "variant",
"description": "Contextual color variant. By default the icon inherits the current text color"
},
{
"prop": "fontScale",
"description": "Scale the icons current font size"
},
{
"prop": "scale",
"description": "Scales the icon's SVG, without increasing the font size"
},
{
"prop": "rotate",
"description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise"
},
{
"prop": "flipH",
"description": "Flips the icon horizontally"
},
{
"prop": "flipV",
"description": "Flips the icon vertically"
},
{
"prop": "shiftH",
"description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units"
},
{
"prop": "shiftV",
"description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units"
},
{
"prop": "stacked",
"version": "2.3.0",
"description": "Set this prop to true when placing inside a BIconstack component"
},
{
"prop": "animation",
"version": "2.7.0",
"description": "Animate the icon. Supported built-in animations are 'cylon', 'fade', 'pulse', 'spin' and 'throb'"
}
]
},
{
"component": "BIconFileBreak",
"auto-gen": "bootstrap-icons 1.2.2",
"props": [
{
"prop": "title",
"description": "Text content to place in the title",
"version": "2.17.0"
},
{
"prop": "variant",
"description": "Contextual color variant. By default the icon inherits the current text color"
},
{
"prop": "fontScale",
"description": "Scale the icons current font size"
},
{
"prop": "scale",
"description": "Scales the icon's SVG, without increasing the font size"
},
{
"prop": "rotate",
"description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise"
},
{
"prop": "flipH",
"description": "Flips the icon horizontally"
},
{
"prop": "flipV",
"description": "Flips the icon vertically"
},
{
"prop": "shiftH",
"description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units"
},
{
"prop": "shiftV",
"description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units"
},
{
"prop": "stacked",
"version": "2.3.0",
"description": "Set this prop to true when placing inside a BIconstack component"
},
{
"prop": "animation",
"version": "2.7.0",
"description": "Animate the icon. Supported built-in animations are 'cylon', 'fade', 'pulse', 'spin' and 'throb'"
}
]
},
{
"component": "BIconFileBreakFill",
"auto-gen": "bootstrap-icons 1.2.2",
"props": [
{
"prop": "title",
"description": "Text content to place in the title",
"version": "2.17.0"
},
{
"prop": "variant",
"description": "Contextual color variant. By default the icon inherits the current text color"
},
{
"prop": "fontScale",
"description": "Scale the icons current font size"
},
{
"prop": "scale",
"description": "Scales the icon's SVG, without increasing the font size"
},
{
"prop": "rotate",
"description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise"
},
{
"prop": "flipH",
"description": "Flips the icon horizontally"
},
{
"prop": "flipV",
"description": "Flips the icon vertically"
},
{
"prop": "shiftH",
"description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units"
},
{
"prop": "shiftV",
"description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units"
},
{
"prop": "stacked",
"version": "2.3.0",
"description": "Set this prop to true when placing inside a BIconstack component"
},
{
"prop": "animation",
"version": "2.7.0",
"description": "Animate the icon. Supported built-in animations are 'cylon', 'fade', 'pulse', 'spin' and 'throb'"
}
]
},
{
"component": "BIconFileCheck",
"auto-gen": "bootstrap-icons 1.2.2",
"props": [
{
"prop": "title",
"description": "Text content to place in the title",
"version": "2.17.0"
},
{
"prop": "variant",
"description": "Contextual color variant. By default the icon inherits the current text color"
},
{
"prop": "fontScale",
"description": "Scale the icons current font size"
},
{
"prop": "scale",
"description": "Scales the icon's SVG, without increasing the font size"
},
{
"prop": "rotate",
"description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise"
},
{
"prop": "flipH",
"description": "Flips the icon horizontally"
},
{
"prop": "flipV",
"description": "Flips the icon vertically"
},
{
"prop": "shiftH",
"description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units"
},
{
"prop": "shiftV",
"description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units"
},
{
"prop": "stacked",
"version": "2.3.0",
"description": "Set this prop to true when placing inside a BIconstack component"
},
{
"prop": "animation",
"version": "2.7.0",
"description": "Animate the icon. Supported built-in animations are 'cylon', 'fade', 'pulse', 'spin' and 'throb'"
}
]
},
{
"component": "BIconFileCheckFill",
"auto-gen": "bootstrap-icons 1.2.2",
"props": [
{
"prop": "title",
"description": "Text content to place in the title",
"version": "2.17.0"
},
{
"prop": "variant",
"description": "Contextual color variant. By default the icon inherits the current text color"
},
{
"prop": "fontScale",
"description": "Scale the icons current font size"
},
{
"prop": "scale",
"description": "Scales the icon's SVG, without increasing the font size"
},
{
"prop": "rotate",
"description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise"
},
{
"prop": "flipH",
"description": "Flips the icon horizontally"
},
{
"prop": "flipV",
"description": "Flips the icon vertically"
},
{
"prop": "shiftH",
"description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units"
},
{
"prop": "shiftV",
"description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units"
},
{
"prop": "stacked",
"version": "2.3.0",
"description": "Set this prop to true when placing inside a BIconstack component"
},
{
"prop": "animation",
"version": "2.7.0",
"description": "Animate the icon. Supported built-in animations are 'cylon', 'fade', 'pulse', 'spin' and 'throb'"
}
]
},
{
"component": "BIconFileCode",
"auto-gen": "bootstrap-icons 1.2.2",
"props": [
{
"prop": "title",
"description": "Text content to place in the title",
"version": "2.17.0"
},
{
"prop": "variant",
"description": "Contextual color variant. By default the icon inherits the current text color"
},
{
"prop": "fontScale",
"description": "Scale the icons current font size"
},
{
"prop": "scale",
"description": "Scales the icon's SVG, without increasing the font size"
},
{
"prop": "rotate",
"description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise"
},
{
"prop": "flipH",
"description": "Flips the icon horizontally"
},
{
"prop": "flipV",
"description": "Flips the icon vertically"
},
{
"prop": "shiftH",
"description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units"
},
{
"prop": "shiftV",
"description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units"
},
{
"prop": "stacked",
"version": "2.3.0",
"description": "Set this prop to true when placing inside a BIconstack component"
},
{
"prop": "animation",
"version": "2.7.0",
"description": "Animate the icon. Supported built-in animations are 'cylon', 'fade', 'pulse', 'spin' and 'throb'"
}
]
},
{
"component": "BIconFileCodeFill",
"auto-gen": "bootstrap-icons 1.2.2",
"props": [
{
"prop": "title",
"description": "Text content to place in the title",
"version": "2.17.0"
},
{
"prop": "variant",
"description": "Contextual color variant. By default the icon inherits the current text color"
},
{
"prop": "fontScale",
"description": "Scale the icons current font size"
},
{
"prop": "scale",
"description": "Scales the icon's SVG, without increasing the font size"
},
{
"prop": "rotate",
"description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise"
},
{
"prop": "flipH",
"description": "Flips the icon horizontally"
},
{
"prop": "flipV",
"description": "Flips the icon vertically"
},
{
"prop": "shiftH",
"description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units"
},
{
"prop": "shiftV",
"description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units"
},
{
"prop": "stacked",
"version": "2.3.0",
"description": "Set this prop to true when placing inside a BIconstack component"
},
{
"prop": "animation",
"version": "2.7.0",
"description": "Animate the icon. Supported built-in animations are 'cylon', 'fade', 'pulse', 'spin' and 'throb'"
}
]
},
{
"component": "BIconFileDiff",
"auto-gen": "bootstrap-icons 1.2.2",
"props": [
{
"prop": "title",
"description": "Text content to place in the title",
"version": "2.17.0"
},
{
"prop": "variant",
"description": "Contextual color variant. By default the icon inherits the current text color"
},
{
"prop": "fontScale",
"description": "Scale the icons current font size"
},
{
"prop": "scale",
"description": "Scales the icon's SVG, without increasing the font size"
},
{
"prop": "rotate",
"description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise"
},
{
"prop": "flipH",
"description": "Flips the icon horizontally"
},
{
"prop": "flipV",
"description": "Flips the icon vertically"
},
{
"prop": "shiftH",
"description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units"
},
{
"prop": "shiftV",
"description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units"
},
{
"prop": "stacked",
"version": "2.3.0",
"description": "Set this prop to true when placing inside a BIconstack component"
},
{
"prop": "animation",
"version": "2.7.0",
"description": "Animate the icon. Supported built-in animations are 'cylon', 'fade', 'pulse', 'spin' and 'throb'"
}
]
},
{
"component": "BIconFileDiffFill",
"auto-gen": "bootstrap-icons 1.2.2",
"props": [
{
"prop": "title",
"description": "Text content to place in the title",
"version": "2.17.0"
},
{
"prop": "variant",
"description": "Contextual color variant. By default the icon inherits the current text color"
},
{
"prop": "fontScale",
"description": "Scale the icons current font size"
},
{
"prop": "scale",
"description": "Scales the icon's SVG, without increasing the font size"
},
{
"prop": "rotate",
"description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise"
},
{
"prop": "flipH",
"description": "Flips the icon horizontally"
},
{
"prop": "flipV",
"description": "Flips the icon vertically"
},
{
"prop": "shiftH",
"description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units"
},
{
"prop": "shiftV",
"description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units"
},
{
"prop": "stacked",
"version": "2.3.0",
"description": "Set this prop to true when placing inside a BIconstack component"
},
{
"prop": "animation",
"version": "2.7.0",
"description": "Animate the icon. Supported built-in animations are 'cylon', 'fade', 'pulse', 'spin' and 'throb'"
}
]
},
{
"component": "BIconFileEarmark",
"auto-gen": "bootstrap-icons 1.2.2",
"props": [
{
"prop": "title",
"description": "Text content to place in the title",
"version": "2.17.0"
},
{
"prop": "variant",
"description": "Contextual color variant. By default the icon inherits the current text color"
},
{
"prop": "fontScale",
"description": "Scale the icons current font size"
},
{
"prop": "scale",
"description": "Scales the icon's SVG, without increasing the font size"
},
{
"prop": "rotate",
"description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise"
},
{
"prop": "flipH",
"description": "Flips the icon horizontally"
},
{
"prop": "flipV",
"description": "Flips the icon vertically"
},
{
"prop": "shiftH",
"description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units"
},
{
"prop": "shiftV",
"description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units"
},
{
"prop": "stacked",
"version": "2.3.0",
"description": "Set this prop to true when placing inside a BIconstack component"
},
{
"prop": "animation",
"version": "2.7.0",
"description": "Animate the icon. Supported built-in animations are 'cylon', 'fade', 'pulse', 'spin' and 'throb'"
}
]
},
{
"component": "BIconFileEarmarkArrowDown",
"auto-gen": "bootstrap-icons 1.2.2",
"props": [
{
"prop": "title",
"description": "Text content to place in the title",
"version": "2.17.0"
},
{
"prop": "variant",
"description": "Contextual color variant. By default the icon inherits the current text color"
},
{
"prop": "fontScale",
"description": "Scale the icons current font size"
},
{
"prop": "scale",
"description": "Scales the icon's SVG, without increasing the font size"
},
{
"prop": "rotate",
"description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise"
},
{
"prop": "flipH",
"description": "Flips the icon horizontally"
},
{
"prop": "flipV",
"description": "Flips the icon vertically"
},
{
"prop": "shiftH",
"description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units"
},
{
"prop": "shiftV",
"description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units"
},
{
"prop": "stacked",
"version": "2.3.0",
"description": "Set this prop to true when placing inside a BIconstack component"
},
{
"prop": "animation",
"version": "2.7.0",
"description": "Animate the icon. Supported built-in animations are 'cylon', 'fade', 'pulse', 'spin' and 'throb'"
}
]
},
{
"component": "BIconFileEarmarkArrowDownFill",
"auto-gen": "bootstrap-icons 1.2.2",
"props": [
{
"prop": "title",
"description": "Text content to place in the title",
"version": "2.17.0"
},
{
"prop": "variant",
"description": "Contextual color variant. By default the icon inherits the current text color"
},
{
"prop": "fontScale",
"description": "Scale the icons current font size"
},
{
"prop": "scale",
"description": "Scales the icon's SVG, without increasing the font size"
},
{
"prop": "rotate",
"description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise"
},
{
"prop": "flipH",
"description": "Flips the icon horizontally"
},
{
"prop": "flipV",
"description": "Flips the icon vertically"
},
{
"prop": "shiftH",
"description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units"
},
{
"prop": "shiftV",
"description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units"
},
{
"prop": "stacked",
"version": "2.3.0",
"description": "Set this prop to true when placing inside a BIconstack component"
},
{
"prop": "animation",
"version": "2.7.0",
"description": "Animate the icon. Supported built-in animations are 'cylon', 'fade', 'pulse', 'spin' and 'throb'"
}
]
},
{
"component": "BIconFileEarmarkArrowUp",
"auto-gen": "bootstrap-icons 1.2.2",
"props": [
{
"prop": "title",
"description": "Text content to place in the title",
"version": "2.17.0"
},
{
"prop": "variant",
"description": "Contextual color variant. By default the icon inherits the current text color"
},
{
"prop": "fontScale",
"description": "Scale the icons current font size"
},
{
"prop": "scale",
"description": "Scales the icon's SVG, without increasing the font size"
},
{
"prop": "rotate",
"description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise"
},
{
"prop": "flipH",
"description": "Flips the icon horizontally"
},
{
"prop": "flipV",
"description": "Flips the icon vertically"
},
{
"prop": "shiftH",
"description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units"
},
{
"prop": "shiftV",
"description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units"
},
{
"prop": "stacked",
"version": "2.3.0",
"description": "Set this prop to true when placing inside a BIconstack component"
},
{
"prop": "animation",
"version": "2.7.0",
"description": "Animate the icon. Supported built-in animations are 'cylon', 'fade', 'pulse', 'spin' and 'throb'"
}
]
},
{
"component": "BIconFileEarmarkArrowUpFill",
"auto-gen": "bootstrap-icons 1.2.2",
"props": [
{
"prop": "title",
"description": "Text content to place in the title",
"version": "2.17.0"
},
{
"prop": "variant",
"description": "Contextual color variant. By default the icon inherits the current text color"
},
{
"prop": "fontScale",
"description": "Scale the icons current font size"
},
{
"prop": "scale",
"description": "Scales the icon's SVG, without increasing the font size"
},
{
"prop": "rotate",
"description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise"
},
{
"prop": "flipH",
"description": "Flips the icon horizontally"
},
{
"prop": "flipV",
"description": "Flips the icon vertically"
},
{
"prop": "shiftH",
"description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units"
},
{
"prop": "shiftV",
"description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units"
},
{
"prop": "stacked",
"version": "2.3.0",
"description": "Set this prop to true when placing inside a BIconstack component"
},
{
"prop": "animation",
"version": "2.7.0",
"description": "Animate the icon. Supported built-in animations are 'cylon', 'fade', 'pulse', 'spin' and 'throb'"
}
]
},
{
"component": "BIconFileEarmarkBarGraph",
"auto-gen": "bootstrap-icons 1.2.2",
"props": [
{
"prop": "title",
"description": "Text content to place in the title",
"version": "2.17.0"
},
{
"prop": "variant",
"description": "Contextual color variant. By default the icon inherits the current text color"
},
{
"prop": "fontScale",
"description": "Scale the icons current font size"
},
{
"prop": "scale",
"description": "Scales the icon's SVG, without increasing the font size"
},
{
"prop": "rotate",
"description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise"
},
{
"prop": "flipH",
"description": "Flips the icon horizontally"
},
{
"prop": "flipV",
"description": "Flips the icon vertically"
},
{
"prop": "shiftH",
"description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units"
},
{
"prop": "shiftV",
"description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units"
},
{
"prop": "stacked",
"version": "2.3.0",
"description": "Set this prop to true when placing inside a BIconstack component"
},
{
"prop": "animation",
"version": "2.7.0",
"description": "Animate the icon. Supported built-in animations are 'cylon', 'fade', 'pulse', 'spin' and 'throb'"
}
]
},
{
"component": "BIconFileEarmarkBarGraphFill",
"auto-gen": "bootstrap-icons 1.2.2",
"props": [
{
"prop": "title",
"description": "Text content to place in the title",
"version": "2.17.0"
},
{
"prop": "variant",
"description": "Contextual color variant. By default the icon inherits the current text color"
},
{
"prop": "fontScale",
"description": "Scale the icons current font size"
},
{
"prop": "scale",
"description": "Scales the icon's SVG, without increasing the font size"
},
{
"prop": "rotate",
"description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise"
},
{
"prop": "flipH",
"description": "Flips the icon horizontally"
},
{
"prop": "flipV",
"description": "Flips the icon vertically"
},
{
"prop": "shiftH",
"description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units"
},
{
"prop": "shiftV",
"description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units"
},
{
"prop": "stacked",
"version": "2.3.0",
"description": "Set this prop to true when placing inside a BIconstack component"
},
{
"prop": "animation",
"version": "2.7.0",
"description": "Animate the icon. Supported built-in animations are 'cylon', 'fade', 'pulse', 'spin' and 'throb'"
}
]
},
{
"component": "BIconFileEarmarkBinary",
"auto-gen": "bootstrap-icons 1.2.2",
"props": [
{
"prop": "title",
"description": "Text content to place in the title",
"version": "2.17.0"
},
{
"prop": "variant",
"description": "Contextual color variant. By default the icon inherits the current text color"
},
{
"prop": "fontScale",
"description": "Scale the icons current font size"
},
{
"prop": "scale",
"description": "Scales the icon's SVG, without increasing the font size"
},
{
"prop": "rotate",
"description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise"
},
{
"prop": "flipH",
"description": "Flips the icon horizontally"
},
{
"prop": "flipV",
"description": "Flips the icon vertically"
},
{
"prop": "shiftH",
"description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units"
},
{
"prop": "shiftV",
"description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units"
},
{
"prop": "stacked",
"version": "2.3.0",
"description": "Set this prop to true when placing inside a BIconstack component"
},
{
"prop": "animation",
"version": "2.7.0",
"description": "Animate the icon. Supported built-in animations are 'cylon', 'fade', 'pulse', 'spin' and 'throb'"
}
]
},
{
"component": "BIconFileEarmarkBinaryFill",
"auto-gen": "bootstrap-icons 1.2.2",
"props": [
{
"prop": "title",
"description": "Text content to place in the title",
"version": "2.17.0"
},
{
"prop": "variant",
"description": "Contextual color variant. By default the icon inherits the current text color"
},
{
"prop": "fontScale",
"description": "Scale the icons current font size"
},
{
"prop": "scale",
"description": "Scales the icon's SVG, without increasing the font size"
},
{
"prop": "rotate",
"description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise"
},
{
"prop": "flipH",
"description": "Flips the icon horizontally"
},
{
"prop": "flipV",
"description": "Flips the icon vertically"
},
{
"prop": "shiftH",
"description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units"
},
{
"prop": "shiftV",
"description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units"
},
{
"prop": "stacked",
"version": "2.3.0",
"description": "Set this prop to true when placing inside a BIconstack component"
},
{
"prop": "animation",
"version": "2.7.0",
"description": "Animate the icon. Supported built-in animations are 'cylon', 'fade', 'pulse', 'spin' and 'throb'"
}
]
},
{
"component": "BIconFileEarmarkBreak",
"auto-gen": "bootstrap-icons 1.2.2",
"props": [
{
"prop": "title",
"description": "Text content to place in the title",
"version": "2.17.0"
},
{
"prop": "variant",
"description": "Contextual color variant. By default the icon inherits the current text color"
},
{
"prop": "fontScale",
"description": "Scale the icons current font size"
},
{
"prop": "scale",
"description": "Scales the icon's SVG, without increasing the font size"
},
{
"prop": "rotate",
"description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise"
},
{
"prop": "flipH",
"description": "Flips the icon horizontally"
},
{
"prop": "flipV",
"description": "Flips the icon vertically"
},
{
"prop": "shiftH",
"description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units"
},
{
"prop": "shiftV",
"description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units"
},
{
"prop": "stacked",
"version": "2.3.0",
"description": "Set this prop to true when placing inside a BIconstack component"
},
{
"prop": "animation",
"version": "2.7.0",
"description": "Animate the icon. Supported built-in animations are 'cylon', 'fade', 'pulse', 'spin' and 'throb'"
}
]
},
{
"component": "BIconFileEarmarkBreakFill",
"auto-gen": "bootstrap-icons 1.2.2",
"props": [
{
"prop": "title",
"description": "Text content to place in the title",
"version": "2.17.0"
},
{
"prop": "variant",
"description": "Contextual color variant. By default the icon inherits the current text color"
},
{
"prop": "fontScale",
"description": "Scale the icons current font size"
},
{
"prop": "scale",
"description": "Scales the icon's SVG, without increasing the font size"
},
{
"prop": "rotate",
"description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise"
},
{
"prop": "flipH",
"description": "Flips the icon horizontally"
},
{
"prop": "flipV",
"description": "Flips the icon vertically"
},
{
"prop": "shiftH",
"description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units"
},
{
"prop": "shiftV",
"description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units"
},
{
"prop": "stacked",
"version": "2.3.0",
"description": "Set this prop to true when placing inside a BIconstack component"
},
{
"prop": "animation",
"version": "2.7.0",
"description": "Animate the icon. Supported built-in animations are 'cylon', 'fade', 'pulse', 'spin' and 'throb'"
}
]
},
{
"component": "BIconFileEarmarkCheck",
"auto-gen": "bootstrap-icons 1.2.2",
"props": [
{
"prop": "title",
"description": "Text content to place in the title",
"version": "2.17.0"
},
{
"prop": "variant",
"description": "Contextual color variant. By default the icon inherits the current text color"
},
{
"prop": "fontScale",
"description": "Scale the icons current font size"
},
{
"prop": "scale",
"description": "Scales the icon's SVG, without increasing the font size"
},
{
"prop": "rotate",
"description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise"
},
{
"prop": "flipH",
"description": "Flips the icon horizontally"
},
{
"prop": "flipV",
"description": "Flips the icon vertically"
},
{
"prop": "shiftH",
"description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units"
},
{
"prop": "shiftV",
"description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units"
},
{
"prop": "stacked",
"version": "2.3.0",
"description": "Set this prop to true when placing inside a BIconstack component"
},
{
"prop": "animation",
"version": "2.7.0",
"description": "Animate the icon. Supported built-in animations are 'cylon', 'fade', 'pulse', 'spin' and 'throb'"
}
]
},
{
"component": "BIconFileEarmarkCheckFill",
"auto-gen": "bootstrap-icons 1.2.2",
"props": [
{
"prop": "title",
"description": "Text content to place in the title",
"version": "2.17.0"
},
{
"prop": "variant",
"description": "Contextual color variant. By default the icon inherits the current text color"
},
{
"prop": "fontScale",
"description": "Scale the icons current font size"
},
{
"prop": "scale",
"description": "Scales the icon's SVG, without increasing the font size"
},
{
"prop": "rotate",
"description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise"
},
{
"prop": "flipH",
"description": "Flips the icon horizontally"
},
{
"prop": "flipV",
"description": "Flips the icon vertically"
},
{
"prop": "shiftH",
"description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units"
},
{
"prop": "shiftV",
"description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units"
},
{
"prop": "stacked",
"version": "2.3.0",
"description": "Set this prop to true when placing inside a BIconstack component"
},
{
"prop": "animation",
"version": "2.7.0",
"description": "Animate the icon. Supported built-in animations are 'cylon', 'fade', 'pulse', 'spin' and 'throb'"
}
]
},
{
"component": "BIconFileEarmarkCode",
"auto-gen": "bootstrap-icons 1.2.2",
"props": [
{
"prop": "title",
"description": "Text content to place in the title",
"version": "2.17.0"
},
{
"prop": "variant",
"description": "Contextual color variant. By default the icon inherits the current text color"
},
{
"prop": "fontScale",
"description": "Scale the icons current font size"
},
{
"prop": "scale",
"description": "Scales the icon's SVG, without increasing the font size"
},
{
"prop": "rotate",
"description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise"
},
{
"prop": "flipH",
"description": "Flips the icon horizontally"
},
{
"prop": "flipV",
"description": "Flips the icon vertically"
},
{
"prop": "shiftH",
"description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units"
},
{
"prop": "shiftV",
"description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units"
},
{
"prop": "stacked",
"version": "2.3.0",
"description": "Set this prop to true when placing inside a BIconstack component"
},
{
"prop": "animation",
"version": "2.7.0",
"description": "Animate the icon. Supported built-in animations are 'cylon', 'fade', 'pulse', 'spin' and 'throb'"
}
]
},
{
"component": "BIconFileEarmarkCodeFill",
"auto-gen": "bootstrap-icons 1.2.2",
"props": [
{
"prop": "title",
"description": "Text content to place in the title",
"version": "2.17.0"
},
{
"prop": "variant",
"description": "Contextual color variant. By default the icon inherits the current text color"
},
{
"prop": "fontScale",
"description": "Scale the icons current font size"
},
{
"prop": "scale",
"description": "Scales the icon's SVG, without increasing the font size"
},
{
"prop": "rotate",
"description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise"
},
{
"prop": "flipH",
"description": "Flips the icon horizontally"
},
{
"prop": "flipV",
"description": "Flips the icon vertically"
},
{
"prop": "shiftH",
"description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units"
},
{
"prop": "shiftV",
"description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units"
},
{
"prop": "stacked",
"version": "2.3.0",
"description": "Set this prop to true when placing inside a BIconstack component"
},
{
"prop": "animation",
"version": "2.7.0",
"description": "Animate the icon. Supported built-in animations are 'cylon', 'fade', 'pulse', 'spin' and 'throb'"
}
]
},
{
"component": "BIconFileEarmarkDiff",
"auto-gen": "bootstrap-icons 1.2.2",
"props": [
{
"prop": "title",
"description": "Text content to place in the title",
"version": "2.17.0"
},
{
"prop": "variant",
"description": "Contextual color variant. By default the icon inherits the current text color"
},
{
"prop": "fontScale",
"description": "Scale the icons current font size"
},
{
"prop": "scale",
"description": "Scales the icon's SVG, without increasing the font size"
},
{
"prop": "rotate",
"description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise"
},
{
"prop": "flipH",
"description": "Flips the icon horizontally"
},
{
"prop": "flipV",
"description": "Flips the icon vertically"
},
{
"prop": "shiftH",
"description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units"
},
{
"prop": "shiftV",
"description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units"
},
{
"prop": "stacked",
"version": "2.3.0",
"description": "Set this prop to true when placing inside a BIconstack component"
},
{
"prop": "animation",
"version": "2.7.0",
"description": "Animate the icon. Supported built-in animations are 'cylon', 'fade', 'pulse', 'spin' and 'throb'"
}
]
},
{
"component": "BIconFileEarmarkDiffFill",
"auto-gen": "bootstrap-icons 1.2.2",
"props": [
{
"prop": "title",
"description": "Text content to place in the title",
"version": "2.17.0"
},
{
"prop": "variant",
"description": "Contextual color variant. By default the icon inherits the current text color"
},
{
"prop": "fontScale",
"description": "Scale the icons current font size"
},
{
"prop": "scale",
"description": "Scales the icon's SVG, without increasing the font size"
},
{
"prop": "rotate",
"description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise"
},
{
"prop": "flipH",
"description": "Flips the icon horizontally"
},
{
"prop": "flipV",
"description": "Flips the icon vertically"
},
{
"prop": "shiftH",
"description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units"
},
{
"prop": "shiftV",
"description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units"
},
{
"prop": "stacked",
"version": "2.3.0",
"description": "Set this prop to true when placing inside a BIconstack component"
},
{
"prop": "animation",
"version": "2.7.0",
"description": "Animate the icon. Supported built-in animations are 'cylon', 'fade', 'pulse', 'spin' and 'throb'"
}
]
},
{
"component": "BIconFileEarmarkEasel",
"auto-gen": "bootstrap-icons 1.2.2",
"props": [
{
"prop": "title",
"description": "Text content to place in the title",
"version": "2.17.0"
},
{
"prop": "variant",
"description": "Contextual color variant. By default the icon inherits the current text color"
},
{
"prop": "fontScale",
"description": "Scale the icons current font size"
},
{
"prop": "scale",
"description": "Scales the icon's SVG, without increasing the font size"
},
{
"prop": "rotate",
"description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise"
},
{
"prop": "flipH",
"description": "Flips the icon horizontally"
},
{
"prop": "flipV",
"description": "Flips the icon vertically"
},
{
"prop": "shiftH",
"description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units"
},
{
"prop": "shiftV",
"description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units"
},
{
"prop": "stacked",
"version": "2.3.0",
"description": "Set this prop to true when placing inside a BIconstack component"
},
{
"prop": "animation",
"version": "2.7.0",
"description": "Animate the icon. Supported built-in animations are 'cylon', 'fade', 'pulse', 'spin' and 'throb'"
}
]
},
{
"component": "BIconFileEarmarkEaselFill",
"auto-gen": "bootstrap-icons 1.2.2",
"props": [
{
"prop": "title",
"description": "Text content to place in the title",
"version": "2.17.0"
},
{
"prop": "variant",
"description": "Contextual color variant. By default the icon inherits the current text color"
},
{
"prop": "fontScale",
"description": "Scale the icons current font size"
},
{
"prop": "scale",
"description": "Scales the icon's SVG, without increasing the font size"
},
{
"prop": "rotate",
"description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise"
},
{
"prop": "flipH",
"description": "Flips the icon horizontally"
},
{
"prop": "flipV",
"description": "Flips the icon vertically"
},
{
"prop": "shiftH",
"description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units"
},
{
"prop": "shiftV",
"description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units"
},
{
"prop": "stacked",
"version": "2.3.0",
"description": "Set this prop to true when placing inside a BIconstack component"
},
{
"prop": "animation",
"version": "2.7.0",
"description": "Animate the icon. Supported built-in animations are 'cylon', 'fade', 'pulse', 'spin' and 'throb'"
}
]
},
{
"component": "BIconFileEarmarkExcel",
"auto-gen": "bootstrap-icons 1.2.2",
"props": [
{
"prop": "title",
"description": "Text content to place in the title",
"version": "2.17.0"
},
{
"prop": "variant",
"description": "Contextual color variant. By default the icon inherits the current text color"
},
{
"prop": "fontScale",
"description": "Scale the icons current font size"
},
{
"prop": "scale",
"description": "Scales the icon's SVG, without increasing the font size"
},
{
"prop": "rotate",
"description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise"
},
{
"prop": "flipH",
"description": "Flips the icon horizontally"
},
{
"prop": "flipV",
"description": "Flips the icon vertically"
},
{
"prop": "shiftH",
"description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units"
},
{
"prop": "shiftV",
"description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units"
},
{
"prop": "stacked",
"version": "2.3.0",
"description": "Set this prop to true when placing inside a BIconstack component"
},
{
"prop": "animation",
"version": "2.7.0",
"description": "Animate the icon. Supported built-in animations are 'cylon', 'fade', 'pulse', 'spin' and 'throb'"
}
]
},
{
"component": "BIconFileEarmarkExcelFill",
"auto-gen": "bootstrap-icons 1.2.2",
"props": [
{
"prop": "title",
"description": "Text content to place in the title",
"version": "2.17.0"
},
{
"prop": "variant",
"description": "Contextual color variant. By default the icon inherits the current text color"
},
{
"prop": "fontScale",
"description": "Scale the icons current font size"
},
{
"prop": "scale",
"description": "Scales the icon's SVG, without increasing the font size"
},
{
"prop": "rotate",
"description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise"
},
{
"prop": "flipH",
"description": "Flips the icon horizontally"
},
{
"prop": "flipV",
"description": "Flips the icon vertically"
},
{
"prop": "shiftH",
"description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units"
},
{
"prop": "shiftV",
"description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units"
},
{
"prop": "stacked",
"version": "2.3.0",
"description": "Set this prop to true when placing inside a BIconstack component"
},
{
"prop": "animation",
"version": "2.7.0",
"description": "Animate the icon. Supported built-in animations are 'cylon', 'fade', 'pulse', 'spin' and 'throb'"
}
]
},
{
"component": "BIconFileEarmarkFill",
"auto-gen": "bootstrap-icons 1.2.2",
"props": [
{
"prop": "title",
"description": "Text content to place in the title",
"version": "2.17.0"
},
{
"prop": "variant",
"description": "Contextual color variant. By default the icon inherits the current text color"
},
{
"prop": "fontScale",
"description": "Scale the icons current font size"
},
{
"prop": "scale",
"description": "Scales the icon's SVG, without increasing the font size"
},
{
"prop": "rotate",
"description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise"
},
{
"prop": "flipH",
"description": "Flips the icon horizontally"
},
{
"prop": "flipV",
"description": "Flips the icon vertically"
},
{
"prop": "shiftH",
"description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units"
},
{
"prop": "shiftV",
"description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units"
},
{
"prop": "stacked",
"version": "2.3.0",
"description": "Set this prop to true when placing inside a BIconstack component"
},
{
"prop": "animation",
"version": "2.7.0",
"description": "Animate the icon. Supported built-in animations are 'cylon', 'fade', 'pulse', 'spin' and 'throb'"
}
]
},
{
"component": "BIconFileEarmarkFont",
"auto-gen": "bootstrap-icons 1.2.2",
"props": [
{
"prop": "title",
"description": "Text content to place in the title",
"version": "2.17.0"
},
{
"prop": "variant",
"description": "Contextual color variant. By default the icon inherits the current text color"
},
{
"prop": "fontScale",
"description": "Scale the icons current font size"
},
{
"prop": "scale",
"description": "Scales the icon's SVG, without increasing the font size"
},
{
"prop": "rotate",
"description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise"
},
{
"prop": "flipH",
"description": "Flips the icon horizontally"
},
{
"prop": "flipV",
"description": "Flips the icon vertically"
},
{
"prop": "shiftH",
"description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units"
},
{
"prop": "shiftV",
"description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units"
},
{
"prop": "stacked",
"version": "2.3.0",
"description": "Set this prop to true when placing inside a BIconstack component"
},
{
"prop": "animation",
"version": "2.7.0",
"description": "Animate the icon. Supported built-in animations are 'cylon', 'fade', 'pulse', 'spin' and 'throb'"
}
]
},
{
"component": "BIconFileEarmarkFontFill",
"auto-gen": "bootstrap-icons 1.2.2",
"props": [
{
"prop": "title",
"description": "Text content to place in the title",
"version": "2.17.0"
},
{
"prop": "variant",
"description": "Contextual color variant. By default the icon inherits the current text color"
},
{
"prop": "fontScale",
"description": "Scale the icons current font size"
},
{
"prop": "scale",
"description": "Scales the icon's SVG, without increasing the font size"
},
{
"prop": "rotate",
"description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise"
},
{
"prop": "flipH",
"description": "Flips the icon horizontally"
},
{
"prop": "flipV",
"description": "Flips the icon vertically"
},
{
"prop": "shiftH",
"description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units"
},
{
"prop": "shiftV",
"description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units"
},
{
"prop": "stacked",
"version": "2.3.0",
"description": "Set this prop to true when placing inside a BIconstack component"
},
{
"prop": "animation",
"version": "2.7.0",
"description": "Animate the icon. Supported built-in animations are 'cylon', 'fade', 'pulse', 'spin' and 'throb'"
}
]
},
{
"component": "BIconFileEarmarkImage",
"auto-gen": "bootstrap-icons 1.2.2",
"props": [
{
"prop": "title",
"description": "Text content to place in the title",
"version": "2.17.0"
},
{
"prop": "variant",
"description": "Contextual color variant. By default the icon inherits the current text color"
},
{
"prop": "fontScale",
"description": "Scale the icons current font size"
},
{
"prop": "scale",
"description": "Scales the icon's SVG, without increasing the font size"
},
{
"prop": "rotate",
"description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise"
},
{
"prop": "flipH",
"description": "Flips the icon horizontally"
},
{
"prop": "flipV",
"description": "Flips the icon vertically"
},
{
"prop": "shiftH",
"description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units"
},
{
"prop": "shiftV",
"description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units"
},
{
"prop": "stacked",
"version": "2.3.0",
"description": "Set this prop to true when placing inside a BIconstack component"
},
{
"prop": "animation",
"version": "2.7.0",
"description": "Animate the icon. Supported built-in animations are 'cylon', 'fade', 'pulse', 'spin' and 'throb'"
}
]
},
{
"component": "BIconFileEarmarkImageFill",
"auto-gen": "bootstrap-icons 1.2.2",
"props": [
{
"prop": "title",
"description": "Text content to place in the title",
"version": "2.17.0"
},
{
"prop": "variant",
"description": "Contextual color variant. By default the icon inherits the current text color"
},
{
"prop": "fontScale",
"description": "Scale the icons current font size"
},
{
"prop": "scale",
"description": "Scales the icon's SVG, without increasing the font size"
},
{
"prop": "rotate",
"description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise"
},
{
"prop": "flipH",
"description": "Flips the icon horizontally"
},
{
"prop": "flipV",
"description": "Flips the icon vertically"
},
{
"prop": "shiftH",
"description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units"
},
{
"prop": "shiftV",
"description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units"
},
{
"prop": "stacked",
"version": "2.3.0",
"description": "Set this prop to true when placing inside a BIconstack component"
},
{
"prop": "animation",
"version": "2.7.0",
"description": "Animate the icon. Supported built-in animations are 'cylon', 'fade', 'pulse', 'spin' and 'throb'"
}
]
},
{
"component": "BIconFileEarmarkLock",
"auto-gen": "bootstrap-icons 1.2.2",
"props": [
{
"prop": "title",
"description": "Text content to place in the title",
"version": "2.17.0"
},
{
"prop": "variant",
"description": "Contextual color variant. By default the icon inherits the current text color"
},
{
"prop": "fontScale",
"description": "Scale the icons current font size"
},
{
"prop": "scale",
"description": "Scales the icon's SVG, without increasing the font size"
},
{
"prop": "rotate",
"description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise"
},
{
"prop": "flipH",
"description": "Flips the icon horizontally"
},
{
"prop": "flipV",
"description": "Flips the icon vertically"
},
{
"prop": "shiftH",
"description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units"
},
{
"prop": "shiftV",
"description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units"
},
{
"prop": "stacked",
"version": "2.3.0",
"description": "Set this prop to true when placing inside a BIconstack component"
},
{
"prop": "animation",
"version": "2.7.0",
"description": "Animate the icon. Supported built-in animations are 'cylon', 'fade', 'pulse', 'spin' and 'throb'"
}
]
},
{
"component": "BIconFileEarmarkLock2",
"auto-gen": "bootstrap-icons 1.2.2",
"props": [
{
"prop": "title",
"description": "Text content to place in the title",
"version": "2.17.0"
},
{
"prop": "variant",
"description": "Contextual color variant. By default the icon inherits the current text color"
},
{
"prop": "fontScale",
"description": "Scale the icons current font size"
},
{
"prop": "scale",
"description": "Scales the icon's SVG, without increasing the font size"
},
{
"prop": "rotate",
"description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise"
},
{
"prop": "flipH",
"description": "Flips the icon horizontally"
},
{
"prop": "flipV",
"description": "Flips the icon vertically"
},
{
"prop": "shiftH",
"description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units"
},
{
"prop": "shiftV",
"description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units"
},
{
"prop": "stacked",
"version": "2.3.0",
"description": "Set this prop to true when placing inside a BIconstack component"
},
{
"prop": "animation",
"version": "2.7.0",
"description": "Animate the icon. Supported built-in animations are 'cylon', 'fade', 'pulse', 'spin' and 'throb'"
}
]
},
{
"component": "BIconFileEarmarkLock2Fill",
"auto-gen": "bootstrap-icons 1.2.2",
"props": [
{
"prop": "title",
"description": "Text content to place in the title",
"version": "2.17.0"
},
{
"prop": "variant",
"description": "Contextual color variant. By default the icon inherits the current text color"
},
{
"prop": "fontScale",
"description": "Scale the icons current font size"
},
{
"prop": "scale",
"description": "Scales the icon's SVG, without increasing the font size"
},
{
"prop": "rotate",
"description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise"
},
{
"prop": "flipH",
"description": "Flips the icon horizontally"
},
{
"prop": "flipV",
"description": "Flips the icon vertically"
},
{
"prop": "shiftH",
"description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units"
},
{
"prop": "shiftV",
"description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units"
},
{
"prop": "stacked",
"version": "2.3.0",
"description": "Set this prop to true when placing inside a BIconstack component"
},
{
"prop": "animation",
"version": "2.7.0",
"description": "Animate the icon. Supported built-in animations are 'cylon', 'fade', 'pulse', 'spin' and 'throb'"
}
]
},
{
"component": "BIconFileEarmarkLockFill",
"auto-gen": "bootstrap-icons 1.2.2",
"props": [
{
"prop": "title",
"description": "Text content to place in the title",
"version": "2.17.0"
},
{
"prop": "variant",
"description": "Contextual color variant. By default the icon inherits the current text color"
},
{
"prop": "fontScale",
"description": "Scale the icons current font size"
},
{
"prop": "scale",
"description": "Scales the icon's SVG, without increasing the font size"
},
{
"prop": "rotate",
"description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise"
},
{
"prop": "flipH",
"description": "Flips the icon horizontally"
},
{
"prop": "flipV",
"description": "Flips the icon vertically"
},
{
"prop": "shiftH",
"description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units"
},
{
"prop": "shiftV",
"description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units"
},
{
"prop": "stacked",
"version": "2.3.0",
"description": "Set this prop to true when placing inside a BIconstack component"
},
{
"prop": "animation",
"version": "2.7.0",
"description": "Animate the icon. Supported built-in animations are 'cylon', 'fade', 'pulse', 'spin' and 'throb'"
}
]
},
{
"component": "BIconFileEarmarkMedical",
"auto-gen": "bootstrap-icons 1.2.2",
"props": [
{
"prop": "title",
"description": "Text content to place in the title",
"version": "2.17.0"
},
{
"prop": "variant",
"description": "Contextual color variant. By default the icon inherits the current text color"
},
{
"prop": "fontScale",
"description": "Scale the icons current font size"
},
{
"prop": "scale",
"description": "Scales the icon's SVG, without increasing the font size"
},
{
"prop": "rotate",
"description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise"
},
{
"prop": "flipH",
"description": "Flips the icon horizontally"
},
{
"prop": "flipV",
"description": "Flips the icon vertically"
},
{
"prop": "shiftH",
"description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units"
},
{
"prop": "shiftV",
"description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units"
},
{
"prop": "stacked",
"version": "2.3.0",
"description": "Set this prop to true when placing inside a BIconstack component"
},
{
"prop": "animation",
"version": "2.7.0",
"description": "Animate the icon. Supported built-in animations are 'cylon', 'fade', 'pulse', 'spin' and 'throb'"
}
]
},
{
"component": "BIconFileEarmarkMedicalFill",
"auto-gen": "bootstrap-icons 1.2.2",
"props": [
{
"prop": "title",
"description": "Text content to place in the title",
"version": "2.17.0"
},
{
"prop": "variant",
"description": "Contextual color variant. By default the icon inherits the current text color"
},
{
"prop": "fontScale",
"description": "Scale the icons current font size"
},
{
"prop": "scale",
"description": "Scales the icon's SVG, without increasing the font size"
},
{
"prop": "rotate",
"description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise"
},
{
"prop": "flipH",
"description": "Flips the icon horizontally"
},
{
"prop": "flipV",
"description": "Flips the icon vertically"
},
{
"prop": "shiftH",
"description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units"
},
{
"prop": "shiftV",
"description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units"
},
{
"prop": "stacked",
"version": "2.3.0",
"description": "Set this prop to true when placing inside a BIconstack component"
},
{
"prop": "animation",
"version": "2.7.0",
"description": "Animate the icon. Supported built-in animations are 'cylon', 'fade', 'pulse', 'spin' and 'throb'"
}
]
},
{
"component": "BIconFileEarmarkMinus",
"auto-gen": "bootstrap-icons 1.2.2",
"props": [
{
"prop": "title",
"description": "Text content to place in the title",
"version": "2.17.0"
},
{
"prop": "variant",
"description": "Contextual color variant. By default the icon inherits the current text color"
},
{
"prop": "fontScale",
"description": "Scale the icons current font size"
},
{
"prop": "scale",
"description": "Scales the icon's SVG, without increasing the font size"
},
{
"prop": "rotate",
"description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise"
},
{
"prop": "flipH",
"description": "Flips the icon horizontally"
},
{
"prop": "flipV",
"description": "Flips the icon vertically"
},
{
"prop": "shiftH",
"description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units"
},
{
"prop": "shiftV",
"description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units"
},
{
"prop": "stacked",
"version": "2.3.0",
"description": "Set this prop to true when placing inside a BIconstack component"
},
{
"prop": "animation",
"version": "2.7.0",
"description": "Animate the icon. Supported built-in animations are 'cylon', 'fade', 'pulse', 'spin' and 'throb'"
}
]
},
{
"component": "BIconFileEarmarkMinusFill",
"auto-gen": "bootstrap-icons 1.2.2",
"props": [
{
"prop": "title",
"description": "Text content to place in the title",
"version": "2.17.0"
},
{
"prop": "variant",
"description": "Contextual color variant. By default the icon inherits the current text color"
},
{
"prop": "fontScale",
"description": "Scale the icons current font size"
},
{
"prop": "scale",
"description": "Scales the icon's SVG, without increasing the font size"
},
{
"prop": "rotate",
"description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise"
},
{
"prop": "flipH",
"description": "Flips the icon horizontally"
},
{
"prop": "flipV",
"description": "Flips the icon vertically"
},
{
"prop": "shiftH",
"description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units"
},
{
"prop": "shiftV",
"description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units"
},
{
"prop": "stacked",
"version": "2.3.0",
"description": "Set this prop to true when placing inside a BIconstack component"
},
{
"prop": "animation",
"version": "2.7.0",
"description": "Animate the icon. Supported built-in animations are 'cylon', 'fade', 'pulse', 'spin' and 'throb'"
}
]
},
{
"component": "BIconFileEarmarkMusic",
"auto-gen": "bootstrap-icons 1.2.2",
"props": [
{
"prop": "title",
"description": "Text content to place in the title",
"version": "2.17.0"
},
{
"prop": "variant",
"description": "Contextual color variant. By default the icon inherits the current text color"
},
{
"prop": "fontScale",
"description": "Scale the icons current font size"
},
{
"prop": "scale",
"description": "Scales the icon's SVG, without increasing the font size"
},
{
"prop": "rotate",
"description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise"
},
{
"prop": "flipH",
"description": "Flips the icon horizontally"
},
{
"prop": "flipV",
"description": "Flips the icon vertically"
},
{
"prop": "shiftH",
"description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units"
},
{
"prop": "shiftV",
"description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units"
},
{
"prop": "stacked",
"version": "2.3.0",
"description": "Set this prop to true when placing inside a BIconstack component"
},
{
"prop": "animation",
"version": "2.7.0",
"description": "Animate the icon. Supported built-in animations are 'cylon', 'fade', 'pulse', 'spin' and 'throb'"
}
]
},
{
"component": "BIconFileEarmarkMusicFill",
"auto-gen": "bootstrap-icons 1.2.2",
"props": [
{
"prop": "title",
"description": "Text content to place in the title",
"version": "2.17.0"
},
{
"prop": "variant",
"description": "Contextual color variant. By default the icon inherits the current text color"
},
{
"prop": "fontScale",
"description": "Scale the icons current font size"
},
{
"prop": "scale",
"description": "Scales the icon's SVG, without increasing the font size"
},
{
"prop": "rotate",
"description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise"
},
{
"prop": "flipH",
"description": "Flips the icon horizontally"
},
{
"prop": "flipV",
"description": "Flips the icon vertically"
},
{
"prop": "shiftH",
"description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units"
},
{
"prop": "shiftV",
"description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units"
},
{
"prop": "stacked",
"version": "2.3.0",
"description": "Set this prop to true when placing inside a BIconstack component"
},
{
"prop": "animation",
"version": "2.7.0",
"description": "Animate the icon. Supported built-in animations are 'cylon', 'fade', 'pulse', 'spin' and 'throb'"
}
]
},
{
"component": "BIconFileEarmarkPerson",
"auto-gen": "bootstrap-icons 1.2.2",
"props": [
{
"prop": "title",
"description": "Text content to place in the title",
"version": "2.17.0"
},
{
"prop": "variant",
"description": "Contextual color variant. By default the icon inherits the current text color"
},
{
"prop": "fontScale",
"description": "Scale the icons current font size"
},
{
"prop": "scale",
"description": "Scales the icon's SVG, without increasing the font size"
},
{
"prop": "rotate",
"description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise"
},
{
"prop": "flipH",
"description": "Flips the icon horizontally"
},
{
"prop": "flipV",
"description": "Flips the icon vertically"
},
{
"prop": "shiftH",
"description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units"
},
{
"prop": "shiftV",
"description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units"
},
{
"prop": "stacked",
"version": "2.3.0",
"description": "Set this prop to true when placing inside a BIconstack component"
},
{
"prop": "animation",
"version": "2.7.0",
"description": "Animate the icon. Supported built-in animations are 'cylon', 'fade', 'pulse', 'spin' and 'throb'"
}
]
},
{
"component": "BIconFileEarmarkPersonFill",
"auto-gen": "bootstrap-icons 1.2.2",
"props": [
{
"prop": "title",
"description": "Text content to place in the title",
"version": "2.17.0"
},
{
"prop": "variant",
"description": "Contextual color variant. By default the icon inherits the current text color"
},
{
"prop": "fontScale",
"description": "Scale the icons current font size"
},
{
"prop": "scale",
"description": "Scales the icon's SVG, without increasing the font size"
},
{
"prop": "rotate",
"description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise"
},
{
"prop": "flipH",
"description": "Flips the icon horizontally"
},
{
"prop": "flipV",
"description": "Flips the icon vertically"
},
{
"prop": "shiftH",
"description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units"
},
{
"prop": "shiftV",
"description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units"
},
{
"prop": "stacked",
"version": "2.3.0",
"description": "Set this prop to true when placing inside a BIconstack component"
},
{
"prop": "animation",
"version": "2.7.0",
"description": "Animate the icon. Supported built-in animations are 'cylon', 'fade', 'pulse', 'spin' and 'throb'"
}
]
},
{
"component": "BIconFileEarmarkPlay",
"auto-gen": "bootstrap-icons 1.2.2",
"props": [
{
"prop": "title",
"description": "Text content to place in the title",
"version": "2.17.0"
},
{
"prop": "variant",
"description": "Contextual color variant. By default the icon inherits the current text color"
},
{
"prop": "fontScale",
"description": "Scale the icons current font size"
},
{
"prop": "scale",
"description": "Scales the icon's SVG, without increasing the font size"
},
{
"prop": "rotate",
"description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise"
},
{
"prop": "flipH",
"description": "Flips the icon horizontally"
},
{
"prop": "flipV",
"description": "Flips the icon vertically"
},
{
"prop": "shiftH",
"description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units"
},
{
"prop": "shiftV",
"description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units"
},
{
"prop": "stacked",
"version": "2.3.0",
"description": "Set this prop to true when placing inside a BIconstack component"
},
{
"prop": "animation",
"version": "2.7.0",
"description": "Animate the icon. Supported built-in animations are 'cylon', 'fade', 'pulse', 'spin' and 'throb'"
}
]
},
{
"component": "BIconFileEarmarkPlayFill",
"auto-gen": "bootstrap-icons 1.2.2",
"props": [
{
"prop": "title",
"description": "Text content to place in the title",
"version": "2.17.0"
},
{
"prop": "variant",
"description": "Contextual color variant. By default the icon inherits the current text color"
},
{
"prop": "fontScale",
"description": "Scale the icons current font size"
},
{
"prop": "scale",
"description": "Scales the icon's SVG, without increasing the font size"
},
{
"prop": "rotate",
"description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise"
},
{
"prop": "flipH",
"description": "Flips the icon horizontally"
},
{
"prop": "flipV",
"description": "Flips the icon vertically"
},
{
"prop": "shiftH",
"description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units"
},
{
"prop": "shiftV",
"description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units"
},
{
"prop": "stacked",
"version": "2.3.0",
"description": "Set this prop to true when placing inside a BIconstack component"
},
{
"prop": "animation",
"version": "2.7.0",
"description": "Animate the icon. Supported built-in animations are 'cylon', 'fade', 'pulse', 'spin' and 'throb'"
}
]
},
{
"component": "BIconFileEarmarkPlus",
"auto-gen": "bootstrap-icons 1.2.2",
"props": [
{
"prop": "title",
"description": "Text content to place in the title",
"version": "2.17.0"
},
{
"prop": "variant",
"description": "Contextual color variant. By default the icon inherits the current text color"
},
{
"prop": "fontScale",
"description": "Scale the icons current font size"
},
{
"prop": "scale",
"description": "Scales the icon's SVG, without increasing the font size"
},
{
"prop": "rotate",
"description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise"
},
{
"prop": "flipH",
"description": "Flips the icon horizontally"
},
{
"prop": "flipV",
"description": "Flips the icon vertically"
},
{
"prop": "shiftH",
"description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units"
},
{
"prop": "shiftV",
"description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units"
},
{
"prop": "stacked",
"version": "2.3.0",
"description": "Set this prop to true when placing inside a BIconstack component"
},
{
"prop": "animation",
"version": "2.7.0",
"description": "Animate the icon. Supported built-in animations are 'cylon', 'fade', 'pulse', 'spin' and 'throb'"
}
]
},
{
"component": "BIconFileEarmarkPlusFill",
"auto-gen": "bootstrap-icons 1.2.2",
"props": [
{
"prop": "title",
"description": "Text content to place in the title",
"version": "2.17.0"
},
{
"prop": "variant",
"description": "Contextual color variant. By default the icon inherits the current text color"
},
{
"prop": "fontScale",
"description": "Scale the icons current font size"
},
{
"prop": "scale",
"description": "Scales the icon's SVG, without increasing the font size"
},
{
"prop": "rotate",
"description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise"
},
{
"prop": "flipH",
"description": "Flips the icon horizontally"
},
{
"prop": "flipV",
"description": "Flips the icon vertically"
},
{
"prop": "shiftH",
"description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units"
},
{
"prop": "shiftV",
"description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units"
},
{
"prop": "stacked",
"version": "2.3.0",
"description": "Set this prop to true when placing inside a BIconstack component"
},
{
"prop": "animation",
"version": "2.7.0",
"description": "Animate the icon. Supported built-in animations are 'cylon', 'fade', 'pulse', 'spin' and 'throb'"
}
]
},
{
"component": "BIconFileEarmarkPost",
"auto-gen": "bootstrap-icons 1.2.2",
"props": [
{
"prop": "title",
"description": "Text content to place in the title",
"version": "2.17.0"
},
{
"prop": "variant",
"description": "Contextual color variant. By default the icon inherits the current text color"
},
{
"prop": "fontScale",
"description": "Scale the icons current font size"
},
{
"prop": "scale",
"description": "Scales the icon's SVG, without increasing the font size"
},
{
"prop": "rotate",
"description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise"
},
{
"prop": "flipH",
"description": "Flips the icon horizontally"
},
{
"prop": "flipV",
"description": "Flips the icon vertically"
},
{
"prop": "shiftH",
"description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units"
},
{
"prop": "shiftV",
"description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units"
},
{
"prop": "stacked",
"version": "2.3.0",
"description": "Set this prop to true when placing inside a BIconstack component"
},
{
"prop": "animation",
"version": "2.7.0",
"description": "Animate the icon. Supported built-in animations are 'cylon', 'fade', 'pulse', 'spin' and 'throb'"
}
]
},
{
"component": "BIconFileEarmarkPostFill",
"auto-gen": "bootstrap-icons 1.2.2",
"props": [
{
"prop": "title",
"description": "Text content to place in the title",
"version": "2.17.0"
},
{
"prop": "variant",
"description": "Contextual color variant. By default the icon inherits the current text color"
},
{
"prop": "fontScale",
"description": "Scale the icons current font size"
},
{
"prop": "scale",
"description": "Scales the icon's SVG, without increasing the font size"
},
{
"prop": "rotate",
"description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise"
},
{
"prop": "flipH",
"description": "Flips the icon horizontally"
},
{
"prop": "flipV",
"description": "Flips the icon vertically"
},
{
"prop": "shiftH",
"description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units"
},
{
"prop": "shiftV",
"description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units"
},
{
"prop": "stacked",
"version": "2.3.0",
"description": "Set this prop to true when placing inside a BIconstack component"
},
{
"prop": "animation",
"version": "2.7.0",
"description": "Animate the icon. Supported built-in animations are 'cylon', 'fade', 'pulse', 'spin' and 'throb'"
}
]
},
{
"component": "BIconFileEarmarkPpt",
"auto-gen": "bootstrap-icons 1.2.2",
"props": [
{
"prop": "title",
"description": "Text content to place in the title",
"version": "2.17.0"
},
{
"prop": "variant",
"description": "Contextual color variant. By default the icon inherits the current text color"
},
{
"prop": "fontScale",
"description": "Scale the icons current font size"
},
{
"prop": "scale",
"description": "Scales the icon's SVG, without increasing the font size"
},
{
"prop": "rotate",
"description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise"
},
{
"prop": "flipH",
"description": "Flips the icon horizontally"
},
{
"prop": "flipV",
"description": "Flips the icon vertically"
},
{
"prop": "shiftH",
"description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units"
},
{
"prop": "shiftV",
"description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units"
},
{
"prop": "stacked",
"version": "2.3.0",
"description": "Set this prop to true when placing inside a BIconstack component"
},
{
"prop": "animation",
"version": "2.7.0",
"description": "Animate the icon. Supported built-in animations are 'cylon', 'fade', 'pulse', 'spin' and 'throb'"
}
]
},
{
"component": "BIconFileEarmarkPptFill",
"auto-gen": "bootstrap-icons 1.2.2",
"props": [
{
"prop": "title",
"description": "Text content to place in the title",
"version": "2.17.0"
},
{
"prop": "variant",
"description": "Contextual color variant. By default the icon inherits the current text color"
},
{
"prop": "fontScale",
"description": "Scale the icons current font size"
},
{
"prop": "scale",
"description": "Scales the icon's SVG, without increasing the font size"
},
{
"prop": "rotate",
"description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise"
},
{
"prop": "flipH",
"description": "Flips the icon horizontally"
},
{
"prop": "flipV",
"description": "Flips the icon vertically"
},
{
"prop": "shiftH",
"description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units"
},
{
"prop": "shiftV",
"description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units"
},
{
"prop": "stacked",
"version": "2.3.0",
"description": "Set this prop to true when placing inside a BIconstack component"
},
{
"prop": "animation",
"version": "2.7.0",
"description": "Animate the icon. Supported built-in animations are 'cylon', 'fade', 'pulse', 'spin' and 'throb'"
}
]
},
{
"component": "BIconFileEarmarkRichtext",
"auto-gen": "bootstrap-icons 1.2.2",
"props": [
{
"prop": "title",
"description": "Text content to place in the title",
"version": "2.17.0"
},
{
"prop": "variant",
"description": "Contextual color variant. By default the icon inherits the current text color"
},
{
"prop": "fontScale",
"description": "Scale the icons current font size"
},
{
"prop": "scale",
"description": "Scales the icon's SVG, without increasing the font size"
},
{
"prop": "rotate",
"description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise"
},
{
"prop": "flipH",
"description": "Flips the icon horizontally"
},
{
"prop": "flipV",
"description": "Flips the icon vertically"
},
{
"prop": "shiftH",
"description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units"
},
{
"prop": "shiftV",
"description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units"
},
{
"prop": "stacked",
"version": "2.3.0",
"description": "Set this prop to true when placing inside a BIconstack component"
},
{
"prop": "animation",
"version": "2.7.0",
"description": "Animate the icon. Supported built-in animations are 'cylon', 'fade', 'pulse', 'spin' and 'throb'"
}
]
},
{
"component": "BIconFileEarmarkRichtextFill",
"auto-gen": "bootstrap-icons 1.2.2",
"props": [
{
"prop": "title",
"description": "Text content to place in the title",
"version": "2.17.0"
},
{
"prop": "variant",
"description": "Contextual color variant. By default the icon inherits the current text color"
},
{
"prop": "fontScale",
"description": "Scale the icons current font size"
},
{
"prop": "scale",
"description": "Scales the icon's SVG, without increasing the font size"
},
{
"prop": "rotate",
"description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise"
},
{
"prop": "flipH",
"description": "Flips the icon horizontally"
},
{
"prop": "flipV",
"description": "Flips the icon vertically"
},
{
"prop": "shiftH",
"description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units"
},
{
"prop": "shiftV",
"description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units"
},
{
"prop": "stacked",
"version": "2.3.0",
"description": "Set this prop to true when placing inside a BIconstack component"
},
{
"prop": "animation",
"version": "2.7.0",
"description": "Animate the icon. Supported built-in animations are 'cylon', 'fade', 'pulse', 'spin' and 'throb'"
}
]
},
{
"component": "BIconFileEarmarkRuled",
"auto-gen": "bootstrap-icons 1.2.2",
"props": [
{
"prop": "title",
"description": "Text content to place in the title",
"version": "2.17.0"
},
{
"prop": "variant",
"description": "Contextual color variant. By default the icon inherits the current text color"
},
{
"prop": "fontScale",
"description": "Scale the icons current font size"
},
{
"prop": "scale",
"description": "Scales the icon's SVG, without increasing the font size"
},
{
"prop": "rotate",
"description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise"
},
{
"prop": "flipH",
"description": "Flips the icon horizontally"
},
{
"prop": "flipV",
"description": "Flips the icon vertically"
},
{
"prop": "shiftH",
"description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units"
},
{
"prop": "shiftV",
"description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units"
},
{
"prop": "stacked",
"version": "2.3.0",
"description": "Set this prop to true when placing inside a BIconstack component"
},
{
"prop": "animation",
"version": "2.7.0",
"description": "Animate the icon. Supported built-in animations are 'cylon', 'fade', 'pulse', 'spin' and 'throb'"
}
]
},
{
"component": "BIconFileEarmarkRuledFill",
"auto-gen": "bootstrap-icons 1.2.2",
"props": [
{
"prop": "title",
"description": "Text content to place in the title",
"version": "2.17.0"
},
{
"prop": "variant",
"description": "Contextual color variant. By default the icon inherits the current text color"
},
{
"prop": "fontScale",
"description": "Scale the icons current font size"
},
{
"prop": "scale",
"description": "Scales the icon's SVG, without increasing the font size"
},
{
"prop": "rotate",
"description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise"
},
{
"prop": "flipH",
"description": "Flips the icon horizontally"
},
{
"prop": "flipV",
"description": "Flips the icon vertically"
},
{
"prop": "shiftH",
"description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units"
},
{
"prop": "shiftV",
"description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units"
},
{
"prop": "stacked",
"version": "2.3.0",
"description": "Set this prop to true when placing inside a BIconstack component"
},
{
"prop": "animation",
"version": "2.7.0",
"description": "Animate the icon. Supported built-in animations are 'cylon', 'fade', 'pulse', 'spin' and 'throb'"
}
]
},
{
"component": "BIconFileEarmarkSlides",
"auto-gen": "bootstrap-icons 1.2.2",
"props": [
{
"prop": "title",
"description": "Text content to place in the title",
"version": "2.17.0"
},
{
"prop": "variant",
"description": "Contextual color variant. By default the icon inherits the current text color"
},
{
"prop": "fontScale",
"description": "Scale the icons current font size"
},
{
"prop": "scale",
"description": "Scales the icon's SVG, without increasing the font size"
},
{
"prop": "rotate",
"description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise"
},
{
"prop": "flipH",
"description": "Flips the icon horizontally"
},
{
"prop": "flipV",
"description": "Flips the icon vertically"
},
{
"prop": "shiftH",
"description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units"
},
{
"prop": "shiftV",
"description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units"
},
{
"prop": "stacked",
"version": "2.3.0",
"description": "Set this prop to true when placing inside a BIconstack component"
},
{
"prop": "animation",
"version": "2.7.0",
"description": "Animate the icon. Supported built-in animations are 'cylon', 'fade', 'pulse', 'spin' and 'throb'"
}
]
},
{
"component": "BIconFileEarmarkSlidesFill",
"auto-gen": "bootstrap-icons 1.2.2",
"props": [
{
"prop": "title",
"description": "Text content to place in the title",
"version": "2.17.0"
},
{
"prop": "variant",
"description": "Contextual color variant. By default the icon inherits the current text color"
},
{
"prop": "fontScale",
"description": "Scale the icons current font size"
},
{
"prop": "scale",
"description": "Scales the icon's SVG, without increasing the font size"
},
{
"prop": "rotate",
"description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise"
},
{
"prop": "flipH",
"description": "Flips the icon horizontally"
},
{
"prop": "flipV",
"description": "Flips the icon vertically"
},
{
"prop": "shiftH",
"description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units"
},
{
"prop": "shiftV",
"description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units"
},
{
"prop": "stacked",
"version": "2.3.0",
"description": "Set this prop to true when placing inside a BIconstack component"
},
{
"prop": "animation",
"version": "2.7.0",
"description": "Animate the icon. Supported built-in animations are 'cylon', 'fade', 'pulse', 'spin' and 'throb'"
}
]
},
{
"component": "BIconFileEarmarkSpreadsheet",
"auto-gen": "bootstrap-icons 1.2.2",
"props": [
{
"prop": "title",
"description": "Text content to place in the title",
"version": "2.17.0"
},
{
"prop": "variant",
"description": "Contextual color variant. By default the icon inherits the current text color"
},
{
"prop": "fontScale",
"description": "Scale the icons current font size"
},
{
"prop": "scale",
"description": "Scales the icon's SVG, without increasing the font size"
},
{
"prop": "rotate",
"description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise"
},
{
"prop": "flipH",
"description": "Flips the icon horizontally"
},
{
"prop": "flipV",
"description": "Flips the icon vertically"
},
{
"prop": "shiftH",
"description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units"
},
{
"prop": "shiftV",
"description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units"
},
{
"prop": "stacked",
"version": "2.3.0",
"description": "Set this prop to true when placing inside a BIconstack component"
},
{
"prop": "animation",
"version": "2.7.0",
"description": "Animate the icon. Supported built-in animations are 'cylon', 'fade', 'pulse', 'spin' and 'throb'"
}
]
},
{
"component": "BIconFileEarmarkSpreadsheetFill",
"auto-gen": "bootstrap-icons 1.2.2",
"props": [
{
"prop": "title",
"description": "Text content to place in the title",
"version": "2.17.0"
},
{
"prop": "variant",
"description": "Contextual color variant. By default the icon inherits the current text color"
},
{
"prop": "fontScale",
"description": "Scale the icons current font size"
},
{
"prop": "scale",
"description": "Scales the icon's SVG, without increasing the font size"
},
{
"prop": "rotate",
"description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise"
},
{
"prop": "flipH",
"description": "Flips the icon horizontally"
},
{
"prop": "flipV",
"description": "Flips the icon vertically"
},
{
"prop": "shiftH",
"description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units"
},
{
"prop": "shiftV",
"description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units"
},
{
"prop": "stacked",
"version": "2.3.0",
"description": "Set this prop to true when placing inside a BIconstack component"
},
{
"prop": "animation",
"version": "2.7.0",
"description": "Animate the icon. Supported built-in animations are 'cylon', 'fade', 'pulse', 'spin' and 'throb'"
}
]
},
{
"component": "BIconFileEarmarkText",
"auto-gen": "bootstrap-icons 1.2.2",
"props": [
{
"prop": "title",
"description": "Text content to place in the title",
"version": "2.17.0"
},
{
"prop": "variant",
"description": "Contextual color variant. By default the icon inherits the current text color"
},
{
"prop": "fontScale",
"description": "Scale the icons current font size"
},
{
"prop": "scale",
"description": "Scales the icon's SVG, without increasing the font size"
},
{
"prop": "rotate",
"description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise"
},
{
"prop": "flipH",
"description": "Flips the icon horizontally"
},
{
"prop": "flipV",
"description": "Flips the icon vertically"
},
{
"prop": "shiftH",
"description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units"
},
{
"prop": "shiftV",
"description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units"
},
{
"prop": "stacked",
"version": "2.3.0",
"description": "Set this prop to true when placing inside a BIconstack component"
},
{
"prop": "animation",
"version": "2.7.0",
"description": "Animate the icon. Supported built-in animations are 'cylon', 'fade', 'pulse', 'spin' and 'throb'"
}
]
},
{
"component": "BIconFileEarmarkTextFill",
"auto-gen": "bootstrap-icons 1.2.2",
"props": [
{
"prop": "title",
"description": "Text content to place in the title",
"version": "2.17.0"
},
{
"prop": "variant",
"description": "Contextual color variant. By default the icon inherits the current text color"
},
{
"prop": "fontScale",
"description": "Scale the icons current font size"
},
{
"prop": "scale",
"description": "Scales the icon's SVG, without increasing the font size"
},
{
"prop": "rotate",
"description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise"
},
{
"prop": "flipH",
"description": "Flips the icon horizontally"
},
{
"prop": "flipV",
"description": "Flips the icon vertically"
},
{
"prop": "shiftH",
"description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units"
},
{
"prop": "shiftV",
"description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units"
},
{
"prop": "stacked",
"version": "2.3.0",
"description": "Set this prop to true when placing inside a BIconstack component"
},
{
"prop": "animation",
"version": "2.7.0",
"description": "Animate the icon. Supported built-in animations are 'cylon', 'fade', 'pulse', 'spin' and 'throb'"
}
]
},
{
"component": "BIconFileEarmarkWord",
"auto-gen": "bootstrap-icons 1.2.2",
"props": [
{
"prop": "title",
"description": "Text content to place in the title",
"version": "2.17.0"
},
{
"prop": "variant",
"description": "Contextual color variant. By default the icon inherits the current text color"
},
{
"prop": "fontScale",
"description": "Scale the icons current font size"
},
{
"prop": "scale",
"description": "Scales the icon's SVG, without increasing the font size"
},
{
"prop": "rotate",
"description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise"
},
{
"prop": "flipH",
"description": "Flips the icon horizontally"
},
{
"prop": "flipV",
"description": "Flips the icon vertically"
},
{
"prop": "shiftH",
"description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units"
},
{
"prop": "shiftV",
"description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units"
},
{
"prop": "stacked",
"version": "2.3.0",
"description": "Set this prop to true when placing inside a BIconstack component"
},
{
"prop": "animation",
"version": "2.7.0",
"description": "Animate the icon. Supported built-in animations are 'cylon', 'fade', 'pulse', 'spin' and 'throb'"
}
]
},
{
"component": "BIconFileEarmarkWordFill",
"auto-gen": "bootstrap-icons 1.2.2",
"props": [
{
"prop": "title",
"description": "Text content to place in the title",
"version": "2.17.0"
},
{
"prop": "variant",
"description": "Contextual color variant. By default the icon inherits the current text color"
},
{
"prop": "fontScale",
"description": "Scale the icons current font size"
},
{
"prop": "scale",
"description": "Scales the icon's SVG, without increasing the font size"
},
{
"prop": "rotate",
"description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise"
},
{
"prop": "flipH",
"description": "Flips the icon horizontally"
},
{
"prop": "flipV",
"description": "Flips the icon vertically"
},
{
"prop": "shiftH",
"description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units"
},
{
"prop": "shiftV",
"description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units"
},
{
"prop": "stacked",
"version": "2.3.0",
"description": "Set this prop to true when placing inside a BIconstack component"
},
{
"prop": "animation",
"version": "2.7.0",
"description": "Animate the icon. Supported built-in animations are 'cylon', 'fade', 'pulse', 'spin' and 'throb'"
}
]
},
{
"component": "BIconFileEarmarkX",
"auto-gen": "bootstrap-icons 1.2.2",
"props": [
{
"prop": "title",
"description": "Text content to place in the title",
"version": "2.17.0"
},
{
"prop": "variant",
"description": "Contextual color variant. By default the icon inherits the current text color"
},
{
"prop": "fontScale",
"description": "Scale the icons current font size"
},
{
"prop": "scale",
"description": "Scales the icon's SVG, without increasing the font size"
},
{
"prop": "rotate",
"description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise"
},
{
"prop": "flipH",
"description": "Flips the icon horizontally"
},
{
"prop": "flipV",
"description": "Flips the icon vertically"
},
{
"prop": "shiftH",
"description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units"
},
{
"prop": "shiftV",
"description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units"
},
{
"prop": "stacked",
"version": "2.3.0",
"description": "Set this prop to true when placing inside a BIconstack component"
},
{
"prop": "animation",
"version": "2.7.0",
"description": "Animate the icon. Supported built-in animations are 'cylon', 'fade', 'pulse', 'spin' and 'throb'"
}
]
},
{
"component": "BIconFileEarmarkXFill",
"auto-gen": "bootstrap-icons 1.2.2",
"props": [
{
"prop": "title",
"description": "Text content to place in the title",
"version": "2.17.0"
},
{
"prop": "variant",
"description": "Contextual color variant. By default the icon inherits the current text color"
},
{
"prop": "fontScale",
"description": "Scale the icons current font size"
},
{
"prop": "scale",
"description": "Scales the icon's SVG, without increasing the font size"
},
{
"prop": "rotate",
"description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise"
},
{
"prop": "flipH",
"description": "Flips the icon horizontally"
},
{
"prop": "flipV",
"description": "Flips the icon vertically"
},
{
"prop": "shiftH",
"description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units"
},
{
"prop": "shiftV",
"description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units"
},
{
"prop": "stacked",
"version": "2.3.0",
"description": "Set this prop to true when placing inside a BIconstack component"
},
{
"prop": "animation",
"version": "2.7.0",
"description": "Animate the icon. Supported built-in animations are 'cylon', 'fade', 'pulse', 'spin' and 'throb'"
}
]
},
{
"component": "BIconFileEarmarkZip",
"auto-gen": "bootstrap-icons 1.2.2",
"props": [
{
"prop": "title",
"description": "Text content to place in the title",
"version": "2.17.0"
},
{
"prop": "variant",
"description": "Contextual color variant. By default the icon inherits the current text color"
},
{
"prop": "fontScale",
"description": "Scale the icons current font size"
},
{
"prop": "scale",
"description": "Scales the icon's SVG, without increasing the font size"
},
{
"prop": "rotate",
"description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise"
},
{
"prop": "flipH",
"description": "Flips the icon horizontally"
},
{
"prop": "flipV",
"description": "Flips the icon vertically"
},
{
"prop": "shiftH",
"description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units"
},
{
"prop": "shiftV",
"description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units"
},
{
"prop": "stacked",
"version": "2.3.0",
"description": "Set this prop to true when placing inside a BIconstack component"
},
{
"prop": "animation",
"version": "2.7.0",
"description": "Animate the icon. Supported built-in animations are 'cylon', 'fade', 'pulse', 'spin' and 'throb'"
}
]
},
{
"component": "BIconFileEarmarkZipFill",
"auto-gen": "bootstrap-icons 1.2.2",
"props": [
{
"prop": "title",
"description": "Text content to place in the title",
"version": "2.17.0"
},
{
"prop": "variant",
"description": "Contextual color variant. By default the icon inherits the current text color"
},
{
"prop": "fontScale",
"description": "Scale the icons current font size"
},
{
"prop": "scale",
"description": "Scales the icon's SVG, without increasing the font size"
},
{
"prop": "rotate",
"description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise"
},
{
"prop": "flipH",
"description": "Flips the icon horizontally"
},
{
"prop": "flipV",
"description": "Flips the icon vertically"
},
{
"prop": "shiftH",
"description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units"
},
{
"prop": "shiftV",
"description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units"
},
{
"prop": "stacked",
"version": "2.3.0",
"description": "Set this prop to true when placing inside a BIconstack component"
},
{
"prop": "animation",
"version": "2.7.0",
"description": "Animate the icon. Supported built-in animations are 'cylon', 'fade', 'pulse', 'spin' and 'throb'"
}
]
},
{
"component": "BIconFileEasel",
"auto-gen": "bootstrap-icons 1.2.2",
"props": [
{
"prop": "title",
"description": "Text content to place in the title",
"version": "2.17.0"
},
{
"prop": "variant",
"description": "Contextual color variant. By default the icon inherits the current text color"
},
{
"prop": "fontScale",
"description": "Scale the icons current font size"
},
{
"prop": "scale",
"description": "Scales the icon's SVG, without increasing the font size"
},
{
"prop": "rotate",
"description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise"
},
{
"prop": "flipH",
"description": "Flips the icon horizontally"
},
{
"prop": "flipV",
"description": "Flips the icon vertically"
},
{
"prop": "shiftH",
"description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units"
},
{
"prop": "shiftV",
"description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units"
},
{
"prop": "stacked",
"version": "2.3.0",
"description": "Set this prop to true when placing inside a BIconstack component"
},
{
"prop": "animation",
"version": "2.7.0",
"description": "Animate the icon. Supported built-in animations are 'cylon', 'fade', 'pulse', 'spin' and 'throb'"
}
]
},
{
"component": "BIconFileEaselFill",
"auto-gen": "bootstrap-icons 1.2.2",
"props": [
{
"prop": "title",
"description": "Text content to place in the title",
"version": "2.17.0"
},
{
"prop": "variant",
"description": "Contextual color variant. By default the icon inherits the current text color"
},
{
"prop": "fontScale",
"description": "Scale the icons current font size"
},
{
"prop": "scale",
"description": "Scales the icon's SVG, without increasing the font size"
},
{
"prop": "rotate",
"description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise"
},
{
"prop": "flipH",
"description": "Flips the icon horizontally"
},
{
"prop": "flipV",
"description": "Flips the icon vertically"
},
{
"prop": "shiftH",
"description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units"
},
{
"prop": "shiftV",
"description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units"
},
{
"prop": "stacked",
"version": "2.3.0",
"description": "Set this prop to true when placing inside a BIconstack component"
},
{
"prop": "animation",
"version": "2.7.0",
"description": "Animate the icon. Supported built-in animations are 'cylon', 'fade', 'pulse', 'spin' and 'throb'"
}
]
},
{
"component": "BIconFileExcel",
"auto-gen": "bootstrap-icons 1.2.2",
"props": [
{
"prop": "title",
"description": "Text content to place in the title",
"version": "2.17.0"
},
{
"prop": "variant",
"description": "Contextual color variant. By default the icon inherits the current text color"
},
{
"prop": "fontScale",
"description": "Scale the icons current font size"
},
{
"prop": "scale",
"description": "Scales the icon's SVG, without increasing the font size"
},
{
"prop": "rotate",
"description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise"
},
{
"prop": "flipH",
"description": "Flips the icon horizontally"
},
{
"prop": "flipV",
"description": "Flips the icon vertically"
},
{
"prop": "shiftH",
"description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units"
},
{
"prop": "shiftV",
"description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units"
},
{
"prop": "stacked",
"version": "2.3.0",
"description": "Set this prop to true when placing inside a BIconstack component"
},
{
"prop": "animation",
"version": "2.7.0",
"description": "Animate the icon. Supported built-in animations are 'cylon', 'fade', 'pulse', 'spin' and 'throb'"
}
]
},
{
"component": "BIconFileExcelFill",
"auto-gen": "bootstrap-icons 1.2.2",
"props": [
{
"prop": "title",
"description": "Text content to place in the title",
"version": "2.17.0"
},
{
"prop": "variant",
"description": "Contextual color variant. By default the icon inherits the current text color"
},
{
"prop": "fontScale",
"description": "Scale the icons current font size"
},
{
"prop": "scale",
"description": "Scales the icon's SVG, without increasing the font size"
},
{
"prop": "rotate",
"description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise"
},
{
"prop": "flipH",
"description": "Flips the icon horizontally"
},
{
"prop": "flipV",
"description": "Flips the icon vertically"
},
{
"prop": "shiftH",
"description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units"
},
{
"prop": "shiftV",
"description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units"
},
{
"prop": "stacked",
"version": "2.3.0",
"description": "Set this prop to true when placing inside a BIconstack component"
},
{
"prop": "animation",
"version": "2.7.0",
"description": "Animate the icon. Supported built-in animations are 'cylon', 'fade', 'pulse', 'spin' and 'throb'"
}
]
},
{
"component": "BIconFileFill",
"auto-gen": "bootstrap-icons 1.2.2",
"props": [
{
"prop": "title",
"description": "Text content to place in the title",
"version": "2.17.0"
},
{
"prop": "variant",
"description": "Contextual color variant. By default the icon inherits the current text color"
},
{
"prop": "fontScale",
"description": "Scale the icons current font size"
},
{
"prop": "scale",
"description": "Scales the icon's SVG, without increasing the font size"
},
{
"prop": "rotate",
"description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise"
},
{
"prop": "flipH",
"description": "Flips the icon horizontally"
},
{
"prop": "flipV",
"description": "Flips the icon vertically"
},
{
"prop": "shiftH",
"description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units"
},
{
"prop": "shiftV",
"description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units"
},
{
"prop": "stacked",
"version": "2.3.0",
"description": "Set this prop to true when placing inside a BIconstack component"
},
{
"prop": "animation",
"version": "2.7.0",
"description": "Animate the icon. Supported built-in animations are 'cylon', 'fade', 'pulse', 'spin' and 'throb'"
}
]
},
{
"component": "BIconFileFont",
"auto-gen": "bootstrap-icons 1.2.2",
"props": [
{
"prop": "title",
"description": "Text content to place in the title",
"version": "2.17.0"
},
{
"prop": "variant",
"description": "Contextual color variant. By default the icon inherits the current text color"
},
{
"prop": "fontScale",
"description": "Scale the icons current font size"
},
{
"prop": "scale",
"description": "Scales the icon's SVG, without increasing the font size"
},
{
"prop": "rotate",
"description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise"
},
{
"prop": "flipH",
"description": "Flips the icon horizontally"
},
{
"prop": "flipV",
"description": "Flips the icon vertically"
},
{
"prop": "shiftH",
"description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units"
},
{
"prop": "shiftV",
"description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units"
},
{
"prop": "stacked",
"version": "2.3.0",
"description": "Set this prop to true when placing inside a BIconstack component"
},
{
"prop": "animation",
"version": "2.7.0",
"description": "Animate the icon. Supported built-in animations are 'cylon', 'fade', 'pulse', 'spin' and 'throb'"
}
]
},
{
"component": "BIconFileFontFill",
"auto-gen": "bootstrap-icons 1.2.2",
"props": [
{
"prop": "title",
"description": "Text content to place in the title",
"version": "2.17.0"
},
{
"prop": "variant",
"description": "Contextual color variant. By default the icon inherits the current text color"
},
{
"prop": "fontScale",
"description": "Scale the icons current font size"
},
{
"prop": "scale",
"description": "Scales the icon's SVG, without increasing the font size"
},
{
"prop": "rotate",
"description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise"
},
{
"prop": "flipH",
"description": "Flips the icon horizontally"
},
{
"prop": "flipV",
"description": "Flips the icon vertically"
},
{
"prop": "shiftH",
"description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units"
},
{
"prop": "shiftV",
"description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units"
},
{
"prop": "stacked",
"version": "2.3.0",
"description": "Set this prop to true when placing inside a BIconstack component"
},
{
"prop": "animation",
"version": "2.7.0",
"description": "Animate the icon. Supported built-in animations are 'cylon', 'fade', 'pulse', 'spin' and 'throb'"
}
]
},
{
"component": "BIconFileImage",
"auto-gen": "bootstrap-icons 1.2.2",
"props": [
{
"prop": "title",
"description": "Text content to place in the title",
"version": "2.17.0"
},
{
"prop": "variant",
"description": "Contextual color variant. By default the icon inherits the current text color"
},
{
"prop": "fontScale",
"description": "Scale the icons current font size"
},
{
"prop": "scale",
"description": "Scales the icon's SVG, without increasing the font size"
},
{
"prop": "rotate",
"description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise"
},
{
"prop": "flipH",
"description": "Flips the icon horizontally"
},
{
"prop": "flipV",
"description": "Flips the icon vertically"
},
{
"prop": "shiftH",
"description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units"
},
{
"prop": "shiftV",
"description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units"
},
{
"prop": "stacked",
"version": "2.3.0",
"description": "Set this prop to true when placing inside a BIconstack component"
},
{
"prop": "animation",
"version": "2.7.0",
"description": "Animate the icon. Supported built-in animations are 'cylon', 'fade', 'pulse', 'spin' and 'throb'"
}
]
},
{
"component": "BIconFileImageFill",
"auto-gen": "bootstrap-icons 1.2.2",
"props": [
{
"prop": "title",
"description": "Text content to place in the title",
"version": "2.17.0"
},
{
"prop": "variant",
"description": "Contextual color variant. By default the icon inherits the current text color"
},
{
"prop": "fontScale",
"description": "Scale the icons current font size"
},
{
"prop": "scale",
"description": "Scales the icon's SVG, without increasing the font size"
},
{
"prop": "rotate",
"description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise"
},
{
"prop": "flipH",
"description": "Flips the icon horizontally"
},
{
"prop": "flipV",
"description": "Flips the icon vertically"
},
{
"prop": "shiftH",
"description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units"
},
{
"prop": "shiftV",
"description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units"
},
{
"prop": "stacked",
"version": "2.3.0",
"description": "Set this prop to true when placing inside a BIconstack component"
},
{
"prop": "animation",
"version": "2.7.0",
"description": "Animate the icon. Supported built-in animations are 'cylon', 'fade', 'pulse', 'spin' and 'throb'"
}
]
},
{
"component": "BIconFileLock",
"auto-gen": "bootstrap-icons 1.2.2",
"props": [
{
"prop": "title",
"description": "Text content to place in the title",
"version": "2.17.0"
},
{
"prop": "variant",
"description": "Contextual color variant. By default the icon inherits the current text color"
},
{
"prop": "fontScale",
"description": "Scale the icons current font size"
},
{
"prop": "scale",
"description": "Scales the icon's SVG, without increasing the font size"
},
{
"prop": "rotate",
"description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise"
},
{
"prop": "flipH",
"description": "Flips the icon horizontally"
},
{
"prop": "flipV",
"description": "Flips the icon vertically"
},
{
"prop": "shiftH",
"description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units"
},
{
"prop": "shiftV",
"description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units"
},
{
"prop": "stacked",
"version": "2.3.0",
"description": "Set this prop to true when placing inside a BIconstack component"
},
{
"prop": "animation",
"version": "2.7.0",
"description": "Animate the icon. Supported built-in animations are 'cylon', 'fade', 'pulse', 'spin' and 'throb'"
}
]
},
{
"component": "BIconFileLock2",
"auto-gen": "bootstrap-icons 1.2.2",
"props": [
{
"prop": "title",
"description": "Text content to place in the title",
"version": "2.17.0"
},
{
"prop": "variant",
"description": "Contextual color variant. By default the icon inherits the current text color"
},
{
"prop": "fontScale",
"description": "Scale the icons current font size"
},
{
"prop": "scale",
"description": "Scales the icon's SVG, without increasing the font size"
},
{
"prop": "rotate",
"description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise"
},
{
"prop": "flipH",
"description": "Flips the icon horizontally"
},
{
"prop": "flipV",
"description": "Flips the icon vertically"
},
{
"prop": "shiftH",
"description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units"
},
{
"prop": "shiftV",
"description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units"
},
{
"prop": "stacked",
"version": "2.3.0",
"description": "Set this prop to true when placing inside a BIconstack component"
},
{
"prop": "animation",
"version": "2.7.0",
"description": "Animate the icon. Supported built-in animations are 'cylon', 'fade', 'pulse', 'spin' and 'throb'"
}
]
},
{
"component": "BIconFileLock2Fill",
"auto-gen": "bootstrap-icons 1.2.2",
"props": [
{
"prop": "title",
"description": "Text content to place in the title",
"version": "2.17.0"
},
{
"prop": "variant",
"description": "Contextual color variant. By default the icon inherits the current text color"
},
{
"prop": "fontScale",
"description": "Scale the icons current font size"
},
{
"prop": "scale",
"description": "Scales the icon's SVG, without increasing the font size"
},
{
"prop": "rotate",
"description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise"
},
{
"prop": "flipH",
"description": "Flips the icon horizontally"
},
{
"prop": "flipV",
"description": "Flips the icon vertically"
},
{
"prop": "shiftH",
"description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units"
},
{
"prop": "shiftV",
"description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units"
},
{
"prop": "stacked",
"version": "2.3.0",
"description": "Set this prop to true when placing inside a BIconstack component"
},
{
"prop": "animation",
"version": "2.7.0",
"description": "Animate the icon. Supported built-in animations are 'cylon', 'fade', 'pulse', 'spin' and 'throb'"
}
]
},
{
"component": "BIconFileLockFill",
"auto-gen": "bootstrap-icons 1.2.2",
"props": [
{
"prop": "title",
"description": "Text content to place in the title",
"version": "2.17.0"
},
{
"prop": "variant",
"description": "Contextual color variant. By default the icon inherits the current text color"
},
{
"prop": "fontScale",
"description": "Scale the icons current font size"
},
{
"prop": "scale",
"description": "Scales the icon's SVG, without increasing the font size"
},
{
"prop": "rotate",
"description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise"
},
{
"prop": "flipH",
"description": "Flips the icon horizontally"
},
{
"prop": "flipV",
"description": "Flips the icon vertically"
},
{
"prop": "shiftH",
"description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units"
},
{
"prop": "shiftV",
"description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units"
},
{
"prop": "stacked",
"version": "2.3.0",
"description": "Set this prop to true when placing inside a BIconstack component"
},
{
"prop": "animation",
"version": "2.7.0",
"description": "Animate the icon. Supported built-in animations are 'cylon', 'fade', 'pulse', 'spin' and 'throb'"
}
]
},
{
"component": "BIconFileMedical",
"auto-gen": "bootstrap-icons 1.2.2",
"props": [
{
"prop": "title",
"description": "Text content to place in the title",
"version": "2.17.0"
},
{
"prop": "variant",
"description": "Contextual color variant. By default the icon inherits the current text color"
},
{
"prop": "fontScale",
"description": "Scale the icons current font size"
},
{
"prop": "scale",
"description": "Scales the icon's SVG, without increasing the font size"
},
{
"prop": "rotate",
"description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise"
},
{
"prop": "flipH",
"description": "Flips the icon horizontally"
},
{
"prop": "flipV",
"description": "Flips the icon vertically"
},
{
"prop": "shiftH",
"description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units"
},
{
"prop": "shiftV",
"description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units"
},
{
"prop": "stacked",
"version": "2.3.0",
"description": "Set this prop to true when placing inside a BIconstack component"
},
{
"prop": "animation",
"version": "2.7.0",
"description": "Animate the icon. Supported built-in animations are 'cylon', 'fade', 'pulse', 'spin' and 'throb'"
}
]
},
{
"component": "BIconFileMedicalFill",
"auto-gen": "bootstrap-icons 1.2.2",
"props": [
{
"prop": "title",
"description": "Text content to place in the title",
"version": "2.17.0"
},
{
"prop": "variant",
"description": "Contextual color variant. By default the icon inherits the current text color"
},
{
"prop": "fontScale",
"description": "Scale the icons current font size"
},
{
"prop": "scale",
"description": "Scales the icon's SVG, without increasing the font size"
},
{
"prop": "rotate",
"description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise"
},
{
"prop": "flipH",
"description": "Flips the icon horizontally"
},
{
"prop": "flipV",
"description": "Flips the icon vertically"
},
{
"prop": "shiftH",
"description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units"
},
{
"prop": "shiftV",
"description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units"
},
{
"prop": "stacked",
"version": "2.3.0",
"description": "Set this prop to true when placing inside a BIconstack component"
},
{
"prop": "animation",
"version": "2.7.0",
"description": "Animate the icon. Supported built-in animations are 'cylon', 'fade', 'pulse', 'spin' and 'throb'"
}
]
},
{
"component": "BIconFileMinus",
"auto-gen": "bootstrap-icons 1.2.2",
"props": [
{
"prop": "title",
"description": "Text content to place in the title",
"version": "2.17.0"
},
{
"prop": "variant",
"description": "Contextual color variant. By default the icon inherits the current text color"
},
{
"prop": "fontScale",
"description": "Scale the icons current font size"
},
{
"prop": "scale",
"description": "Scales the icon's SVG, without increasing the font size"
},
{
"prop": "rotate",
"description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise"
},
{
"prop": "flipH",
"description": "Flips the icon horizontally"
},
{
"prop": "flipV",
"description": "Flips the icon vertically"
},
{
"prop": "shiftH",
"description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units"
},
{
"prop": "shiftV",
"description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units"
},
{
"prop": "stacked",
"version": "2.3.0",
"description": "Set this prop to true when placing inside a BIconstack component"
},
{
"prop": "animation",
"version": "2.7.0",
"description": "Animate the icon. Supported built-in animations are 'cylon', 'fade', 'pulse', 'spin' and 'throb'"
}
]
},
{
"component": "BIconFileMinusFill",
"auto-gen": "bootstrap-icons 1.2.2",
"props": [
{
"prop": "title",
"description": "Text content to place in the title",
"version": "2.17.0"
},
{
"prop": "variant",
"description": "Contextual color variant. By default the icon inherits the current text color"
},
{
"prop": "fontScale",
"description": "Scale the icons current font size"
},
{
"prop": "scale",
"description": "Scales the icon's SVG, without increasing the font size"
},
{
"prop": "rotate",
"description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise"
},
{
"prop": "flipH",
"description": "Flips the icon horizontally"
},
{
"prop": "flipV",
"description": "Flips the icon vertically"
},
{
"prop": "shiftH",
"description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units"
},
{
"prop": "shiftV",
"description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units"
},
{
"prop": "stacked",
"version": "2.3.0",
"description": "Set this prop to true when placing inside a BIconstack component"
},
{
"prop": "animation",
"version": "2.7.0",
"description": "Animate the icon. Supported built-in animations are 'cylon', 'fade', 'pulse', 'spin' and 'throb'"
}
]
},
{
"component": "BIconFileMusic",
"auto-gen": "bootstrap-icons 1.2.2",
"props": [
{
"prop": "title",
"description": "Text content to place in the title",
"version": "2.17.0"
},
{
"prop": "variant",
"description": "Contextual color variant. By default the icon inherits the current text color"
},
{
"prop": "fontScale",
"description": "Scale the icons current font size"
},
{
"prop": "scale",
"description": "Scales the icon's SVG, without increasing the font size"
},
{
"prop": "rotate",
"description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise"
},
{
"prop": "flipH",
"description": "Flips the icon horizontally"
},
{
"prop": "flipV",
"description": "Flips the icon vertically"
},
{
"prop": "shiftH",
"description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units"
},
{
"prop": "shiftV",
"description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units"
},
{
"prop": "stacked",
"version": "2.3.0",
"description": "Set this prop to true when placing inside a BIconstack component"
},
{
"prop": "animation",
"version": "2.7.0",
"description": "Animate the icon. Supported built-in animations are 'cylon', 'fade', 'pulse', 'spin' and 'throb'"
}
]
},
{
"component": "BIconFileMusicFill",
"auto-gen": "bootstrap-icons 1.2.2",
"props": [
{
"prop": "title",
"description": "Text content to place in the title",
"version": "2.17.0"
},
{
"prop": "variant",
"description": "Contextual color variant. By default the icon inherits the current text color"
},
{
"prop": "fontScale",
"description": "Scale the icons current font size"
},
{
"prop": "scale",
"description": "Scales the icon's SVG, without increasing the font size"
},
{
"prop": "rotate",
"description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise"
},
{
"prop": "flipH",
"description": "Flips the icon horizontally"
},
{
"prop": "flipV",
"description": "Flips the icon vertically"
},
{
"prop": "shiftH",
"description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units"
},
{
"prop": "shiftV",
"description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units"
},
{
"prop": "stacked",
"version": "2.3.0",
"description": "Set this prop to true when placing inside a BIconstack component"
},
{
"prop": "animation",
"version": "2.7.0",
"description": "Animate the icon. Supported built-in animations are 'cylon', 'fade', 'pulse', 'spin' and 'throb'"
}
]
},
{
"component": "BIconFilePerson",
"auto-gen": "bootstrap-icons 1.2.2",
"props": [
{
"prop": "title",
"description": "Text content to place in the title",
"version": "2.17.0"
},
{
"prop": "variant",
"description": "Contextual color variant. By default the icon inherits the current text color"
},
{
"prop": "fontScale",
"description": "Scale the icons current font size"
},
{
"prop": "scale",
"description": "Scales the icon's SVG, without increasing the font size"
},
{
"prop": "rotate",
"description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise"
},
{
"prop": "flipH",
"description": "Flips the icon horizontally"
},
{
"prop": "flipV",
"description": "Flips the icon vertically"
},
{
"prop": "shiftH",
"description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units"
},
{
"prop": "shiftV",
"description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units"
},
{
"prop": "stacked",
"version": "2.3.0",
"description": "Set this prop to true when placing inside a BIconstack component"
},
{
"prop": "animation",
"version": "2.7.0",
"description": "Animate the icon. Supported built-in animations are 'cylon', 'fade', 'pulse', 'spin' and 'throb'"
}
]
},
{
"component": "BIconFilePersonFill",
"auto-gen": "bootstrap-icons 1.2.2",
"props": [
{
"prop": "title",
"description": "Text content to place in the title",
"version": "2.17.0"
},
{
"prop": "variant",
"description": "Contextual color variant. By default the icon inherits the current text color"
},
{
"prop": "fontScale",
"description": "Scale the icons current font size"
},
{
"prop": "scale",
"description": "Scales the icon's SVG, without increasing the font size"
},
{
"prop": "rotate",
"description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise"
},
{
"prop": "flipH",
"description": "Flips the icon horizontally"
},
{
"prop": "flipV",
"description": "Flips the icon vertically"
},
{
"prop": "shiftH",
"description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units"
},
{
"prop": "shiftV",
"description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units"
},
{
"prop": "stacked",
"version": "2.3.0",
"description": "Set this prop to true when placing inside a BIconstack component"
},
{
"prop": "animation",
"version": "2.7.0",
"description": "Animate the icon. Supported built-in animations are 'cylon', 'fade', 'pulse', 'spin' and 'throb'"
}
]
},
{
"component": "BIconFilePlay",
"auto-gen": "bootstrap-icons 1.2.2",
"props": [
{
"prop": "title",
"description": "Text content to place in the title",
"version": "2.17.0"
},
{
"prop": "variant",
"description": "Contextual color variant. By default the icon inherits the current text color"
},
{
"prop": "fontScale",
"description": "Scale the icons current font size"
},
{
"prop": "scale",
"description": "Scales the icon's SVG, without increasing the font size"
},
{
"prop": "rotate",
"description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise"
},
{
"prop": "flipH",
"description": "Flips the icon horizontally"
},
{
"prop": "flipV",
"description": "Flips the icon vertically"
},
{
"prop": "shiftH",
"description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units"
},
{
"prop": "shiftV",
"description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units"
},
{
"prop": "stacked",
"version": "2.3.0",
"description": "Set this prop to true when placing inside a BIconstack component"
},
{
"prop": "animation",
"version": "2.7.0",
"description": "Animate the icon. Supported built-in animations are 'cylon', 'fade', 'pulse', 'spin' and 'throb'"
}
]
},
{
"component": "BIconFilePlayFill",
"auto-gen": "bootstrap-icons 1.2.2",
"props": [
{
"prop": "title",
"description": "Text content to place in the title",
"version": "2.17.0"
},
{
"prop": "variant",
"description": "Contextual color variant. By default the icon inherits the current text color"
},
{
"prop": "fontScale",
"description": "Scale the icons current font size"
},
{
"prop": "scale",
"description": "Scales the icon's SVG, without increasing the font size"
},
{
"prop": "rotate",
"description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise"
},
{
"prop": "flipH",
"description": "Flips the icon horizontally"
},
{
"prop": "flipV",
"description": "Flips the icon vertically"
},
{
"prop": "shiftH",
"description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units"
},
{
"prop": "shiftV",
"description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units"
},
{
"prop": "stacked",
"version": "2.3.0",
"description": "Set this prop to true when placing inside a BIconstack component"
},
{
"prop": "animation",
"version": "2.7.0",
"description": "Animate the icon. Supported built-in animations are 'cylon', 'fade', 'pulse', 'spin' and 'throb'"
}
]
},
{
"component": "BIconFilePlus",
"auto-gen": "bootstrap-icons 1.2.2",
"props": [
{
"prop": "title",
"description": "Text content to place in the title",
"version": "2.17.0"
},
{
"prop": "variant",
"description": "Contextual color variant. By default the icon inherits the current text color"
},
{
"prop": "fontScale",
"description": "Scale the icons current font size"
},
{
"prop": "scale",
"description": "Scales the icon's SVG, without increasing the font size"
},
{
"prop": "rotate",
"description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise"
},
{
"prop": "flipH",
"description": "Flips the icon horizontally"
},
{
"prop": "flipV",
"description": "Flips the icon vertically"
},
{
"prop": "shiftH",
"description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units"
},
{
"prop": "shiftV",
"description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units"
},
{
"prop": "stacked",
"version": "2.3.0",
"description": "Set this prop to true when placing inside a BIconstack component"
},
{
"prop": "animation",
"version": "2.7.0",
"description": "Animate the icon. Supported built-in animations are 'cylon', 'fade', 'pulse', 'spin' and 'throb'"
}
]
},
{
"component": "BIconFilePlusFill",
"auto-gen": "bootstrap-icons 1.2.2",
"props": [
{
"prop": "title",
"description": "Text content to place in the title",
"version": "2.17.0"
},
{
"prop": "variant",
"description": "Contextual color variant. By default the icon inherits the current text color"
},
{
"prop": "fontScale",
"description": "Scale the icons current font size"
},
{
"prop": "scale",
"description": "Scales the icon's SVG, without increasing the font size"
},
{
"prop": "rotate",
"description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise"
},
{
"prop": "flipH",
"description": "Flips the icon horizontally"
},
{
"prop": "flipV",
"description": "Flips the icon vertically"
},
{
"prop": "shiftH",
"description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units"
},
{
"prop": "shiftV",
"description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units"
},
{
"prop": "stacked",
"version": "2.3.0",
"description": "Set this prop to true when placing inside a BIconstack component"
},
{
"prop": "animation",
"version": "2.7.0",
"description": "Animate the icon. Supported built-in animations are 'cylon', 'fade', 'pulse', 'spin' and 'throb'"
}
]
},
{
"component": "BIconFilePost",
"auto-gen": "bootstrap-icons 1.2.2",
"props": [
{
"prop": "title",
"description": "Text content to place in the title",
"version": "2.17.0"
},
{
"prop": "variant",
"description": "Contextual color variant. By default the icon inherits the current text color"
},
{
"prop": "fontScale",
"description": "Scale the icons current font size"
},
{
"prop": "scale",
"description": "Scales the icon's SVG, without increasing the font size"
},
{
"prop": "rotate",
"description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise"
},
{
"prop": "flipH",
"description": "Flips the icon horizontally"
},
{
"prop": "flipV",
"description": "Flips the icon vertically"
},
{
"prop": "shiftH",
"description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units"
},
{
"prop": "shiftV",
"description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units"
},
{
"prop": "stacked",
"version": "2.3.0",
"description": "Set this prop to true when placing inside a BIconstack component"
},
{
"prop": "animation",
"version": "2.7.0",
"description": "Animate the icon. Supported built-in animations are 'cylon', 'fade', 'pulse', 'spin' and 'throb'"
}
]
},
{
"component": "BIconFilePostFill",
"auto-gen": "bootstrap-icons 1.2.2",
"props": [
{
"prop": "title",
"description": "Text content to place in the title",
"version": "2.17.0"
},
{
"prop": "variant",
"description": "Contextual color variant. By default the icon inherits the current text color"
},
{
"prop": "fontScale",
"description": "Scale the icons current font size"
},
{
"prop": "scale",
"description": "Scales the icon's SVG, without increasing the font size"
},
{
"prop": "rotate",
"description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise"
},
{
"prop": "flipH",
"description": "Flips the icon horizontally"
},
{
"prop": "flipV",
"description": "Flips the icon vertically"
},
{
"prop": "shiftH",
"description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units"
},
{
"prop": "shiftV",
"description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units"
},
{
"prop": "stacked",
"version": "2.3.0",
"description": "Set this prop to true when placing inside a BIconstack component"
},
{
"prop": "animation",
"version": "2.7.0",
"description": "Animate the icon. Supported built-in animations are 'cylon', 'fade', 'pulse', 'spin' and 'throb'"
}
]
},
{
"component": "BIconFilePpt",
"auto-gen": "bootstrap-icons 1.2.2",
"props": [
{
"prop": "title",
"description": "Text content to place in the title",
"version": "2.17.0"
},
{
"prop": "variant",
"description": "Contextual color variant. By default the icon inherits the current text color"
},
{
"prop": "fontScale",
"description": "Scale the icons current font size"
},
{
"prop": "scale",
"description": "Scales the icon's SVG, without increasing the font size"
},
{
"prop": "rotate",
"description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise"
},
{
"prop": "flipH",
"description": "Flips the icon horizontally"
},
{
"prop": "flipV",
"description": "Flips the icon vertically"
},
{
"prop": "shiftH",
"description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units"
},
{
"prop": "shiftV",
"description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units"
},
{
"prop": "stacked",
"version": "2.3.0",
"description": "Set this prop to true when placing inside a BIconstack component"
},
{
"prop": "animation",
"version": "2.7.0",
"description": "Animate the icon. Supported built-in animations are 'cylon', 'fade', 'pulse', 'spin' and 'throb'"
}
]
},
{
"component": "BIconFilePptFill",
"auto-gen": "bootstrap-icons 1.2.2",
"props": [
{
"prop": "title",
"description": "Text content to place in the title",
"version": "2.17.0"
},
{
"prop": "variant",
"description": "Contextual color variant. By default the icon inherits the current text color"
},
{
"prop": "fontScale",
"description": "Scale the icons current font size"
},
{
"prop": "scale",
"description": "Scales the icon's SVG, without increasing the font size"
},
{
"prop": "rotate",
"description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise"
},
{
"prop": "flipH",
"description": "Flips the icon horizontally"
},
{
"prop": "flipV",
"description": "Flips the icon vertically"
},
{
"prop": "shiftH",
"description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units"
},
{
"prop": "shiftV",
"description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units"
},
{
"prop": "stacked",
"version": "2.3.0",
"description": "Set this prop to true when placing inside a BIconstack component"
},
{
"prop": "animation",
"version": "2.7.0",
"description": "Animate the icon. Supported built-in animations are 'cylon', 'fade', 'pulse', 'spin' and 'throb'"
}
]
},
{
"component": "BIconFileRichtext",
"auto-gen": "bootstrap-icons 1.2.2",
"props": [
{
"prop": "title",
"description": "Text content to place in the title",
"version": "2.17.0"
},
{
"prop": "variant",
"description": "Contextual color variant. By default the icon inherits the current text color"
},
{
"prop": "fontScale",
"description": "Scale the icons current font size"
},
{
"prop": "scale",
"description": "Scales the icon's SVG, without increasing the font size"
},
{
"prop": "rotate",
"description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise"
},
{
"prop": "flipH",
"description": "Flips the icon horizontally"
},
{
"prop": "flipV",
"description": "Flips the icon vertically"
},
{
"prop": "shiftH",
"description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units"
},
{
"prop": "shiftV",
"description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units"
},
{
"prop": "stacked",
"version": "2.3.0",
"description": "Set this prop to true when placing inside a BIconstack component"
},
{
"prop": "animation",
"version": "2.7.0",
"description": "Animate the icon. Supported built-in animations are 'cylon', 'fade', 'pulse', 'spin' and 'throb'"
}
]
},
{
"component": "BIconFileRichtextFill",
"auto-gen": "bootstrap-icons 1.2.2",
"props": [
{
"prop": "title",
"description": "Text content to place in the title",
"version": "2.17.0"
},
{
"prop": "variant",
"description": "Contextual color variant. By default the icon inherits the current text color"
},
{
"prop": "fontScale",
"description": "Scale the icons current font size"
},
{
"prop": "scale",
"description": "Scales the icon's SVG, without increasing the font size"
},
{
"prop": "rotate",
"description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise"
},
{
"prop": "flipH",
"description": "Flips the icon horizontally"
},
{
"prop": "flipV",
"description": "Flips the icon vertically"
},
{
"prop": "shiftH",
"description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units"
},
{
"prop": "shiftV",
"description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units"
},
{
"prop": "stacked",
"version": "2.3.0",
"description": "Set this prop to true when placing inside a BIconstack component"
},
{
"prop": "animation",
"version": "2.7.0",
"description": "Animate the icon. Supported built-in animations are 'cylon', 'fade', 'pulse', 'spin' and 'throb'"
}
]
},
{
"component": "BIconFileRuled",
"auto-gen": "bootstrap-icons 1.2.2",
"props": [
{
"prop": "title",
"description": "Text content to place in the title",
"version": "2.17.0"
},
{
"prop": "variant",
"description": "Contextual color variant. By default the icon inherits the current text color"
},
{
"prop": "fontScale",
"description": "Scale the icons current font size"
},
{
"prop": "scale",
"description": "Scales the icon's SVG, without increasing the font size"
},
{
"prop": "rotate",
"description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise"
},
{
"prop": "flipH",
"description": "Flips the icon horizontally"
},
{
"prop": "flipV",
"description": "Flips the icon vertically"
},
{
"prop": "shiftH",
"description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units"
},
{
"prop": "shiftV",
"description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units"
},
{
"prop": "stacked",
"version": "2.3.0",
"description": "Set this prop to true when placing inside a BIconstack component"
},
{
"prop": "animation",
"version": "2.7.0",
"description": "Animate the icon. Supported built-in animations are 'cylon', 'fade', 'pulse', 'spin' and 'throb'"
}
]
},
{
"component": "BIconFileRuledFill",
"auto-gen": "bootstrap-icons 1.2.2",
"props": [
{
"prop": "title",
"description": "Text content to place in the title",
"version": "2.17.0"
},
{
"prop": "variant",
"description": "Contextual color variant. By default the icon inherits the current text color"
},
{
"prop": "fontScale",
"description": "Scale the icons current font size"
},
{
"prop": "scale",
"description": "Scales the icon's SVG, without increasing the font size"
},
{
"prop": "rotate",
"description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise"
},
{
"prop": "flipH",
"description": "Flips the icon horizontally"
},
{
"prop": "flipV",
"description": "Flips the icon vertically"
},
{
"prop": "shiftH",
"description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units"
},
{
"prop": "shiftV",
"description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units"
},
{
"prop": "stacked",
"version": "2.3.0",
"description": "Set this prop to true when placing inside a BIconstack component"
},
{
"prop": "animation",
"version": "2.7.0",
"description": "Animate the icon. Supported built-in animations are 'cylon', 'fade', 'pulse', 'spin' and 'throb'"
}
]
},
{
"component": "BIconFileSlides",
"auto-gen": "bootstrap-icons 1.2.2",
"props": [
{
"prop": "title",
"description": "Text content to place in the title",
"version": "2.17.0"
},
{
"prop": "variant",
"description": "Contextual color variant. By default the icon inherits the current text color"
},
{
"prop": "fontScale",
"description": "Scale the icons current font size"
},
{
"prop": "scale",
"description": "Scales the icon's SVG, without increasing the font size"
},
{
"prop": "rotate",
"description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise"
},
{
"prop": "flipH",
"description": "Flips the icon horizontally"
},
{
"prop": "flipV",
"description": "Flips the icon vertically"
},
{
"prop": "shiftH",
"description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units"
},
{
"prop": "shiftV",
"description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units"
},
{
"prop": "stacked",
"version": "2.3.0",
"description": "Set this prop to true when placing inside a BIconstack component"
},
{
"prop": "animation",
"version": "2.7.0",
"description": "Animate the icon. Supported built-in animations are 'cylon', 'fade', 'pulse', 'spin' and 'throb'"
}
]
},
{
"component": "BIconFileSlidesFill",
"auto-gen": "bootstrap-icons 1.2.2",
"props": [
{
"prop": "title",
"description": "Text content to place in the title",
"version": "2.17.0"
},
{
"prop": "variant",
"description": "Contextual color variant. By default the icon inherits the current text color"
},
{
"prop": "fontScale",
"description": "Scale the icons current font size"
},
{
"prop": "scale",
"description": "Scales the icon's SVG, without increasing the font size"
},
{
"prop": "rotate",
"description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise"
},
{
"prop": "flipH",
"description": "Flips the icon horizontally"
},
{
"prop": "flipV",
"description": "Flips the icon vertically"
},
{
"prop": "shiftH",
"description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units"
},
{
"prop": "shiftV",
"description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units"
},
{
"prop": "stacked",
"version": "2.3.0",
"description": "Set this prop to true when placing inside a BIconstack component"
},
{
"prop": "animation",
"version": "2.7.0",
"description": "Animate the icon. Supported built-in animations are 'cylon', 'fade', 'pulse', 'spin' and 'throb'"
}
]
},
{
"component": "BIconFileSpreadsheet",
"auto-gen": "bootstrap-icons 1.2.2",
"props": [
{
"prop": "title",
"description": "Text content to place in the title",
"version": "2.17.0"
},
{
"prop": "variant",
"description": "Contextual color variant. By default the icon inherits the current text color"
},
{
"prop": "fontScale",
"description": "Scale the icons current font size"
},
{
"prop": "scale",
"description": "Scales the icon's SVG, without increasing the font size"
},
{
"prop": "rotate",
"description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise"
},
{
"prop": "flipH",
"description": "Flips the icon horizontally"
},
{
"prop": "flipV",
"description": "Flips the icon vertically"
},
{
"prop": "shiftH",
"description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units"
},
{
"prop": "shiftV",
"description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units"
},
{
"prop": "stacked",
"version": "2.3.0",
"description": "Set this prop to true when placing inside a BIconstack component"
},
{
"prop": "animation",
"version": "2.7.0",
"description": "Animate the icon. Supported built-in animations are 'cylon', 'fade', 'pulse', 'spin' and 'throb'"
}
]
},
{
"component": "BIconFileSpreadsheetFill",
"auto-gen": "bootstrap-icons 1.2.2",
"props": [
{
"prop": "title",
"description": "Text content to place in the title",
"version": "2.17.0"
},
{
"prop": "variant",
"description": "Contextual color variant. By default the icon inherits the current text color"
},
{
"prop": "fontScale",
"description": "Scale the icons current font size"
},
{
"prop": "scale",
"description": "Scales the icon's SVG, without increasing the font size"
},
{
"prop": "rotate",
"description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise"
},
{
"prop": "flipH",
"description": "Flips the icon horizontally"
},
{
"prop": "flipV",
"description": "Flips the icon vertically"
},
{
"prop": "shiftH",
"description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units"
},
{
"prop": "shiftV",
"description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units"
},
{
"prop": "stacked",
"version": "2.3.0",
"description": "Set this prop to true when placing inside a BIconstack component"
},
{
"prop": "animation",
"version": "2.7.0",
"description": "Animate the icon. Supported built-in animations are 'cylon', 'fade', 'pulse', 'spin' and 'throb'"
}
]
},
{
"component": "BIconFileText",
"auto-gen": "bootstrap-icons 1.2.2",
"props": [
{
"prop": "title",
"description": "Text content to place in the title",
"version": "2.17.0"
},
{
"prop": "variant",
"description": "Contextual color variant. By default the icon inherits the current text color"
},
{
"prop": "fontScale",
"description": "Scale the icons current font size"
},
{
"prop": "scale",
"description": "Scales the icon's SVG, without increasing the font size"
},
{
"prop": "rotate",
"description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise"
},
{
"prop": "flipH",
"description": "Flips the icon horizontally"
},
{
"prop": "flipV",
"description": "Flips the icon vertically"
},
{
"prop": "shiftH",
"description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units"
},
{
"prop": "shiftV",
"description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units"
},
{
"prop": "stacked",
"version": "2.3.0",
"description": "Set this prop to true when placing inside a BIconstack component"
},
{
"prop": "animation",
"version": "2.7.0",
"description": "Animate the icon. Supported built-in animations are 'cylon', 'fade', 'pulse', 'spin' and 'throb'"
}
]
},
{
"component": "BIconFileTextFill",
"auto-gen": "bootstrap-icons 1.2.2",
"props": [
{
"prop": "title",
"description": "Text content to place in the title",
"version": "2.17.0"
},
{
"prop": "variant",
"description": "Contextual color variant. By default the icon inherits the current text color"
},
{
"prop": "fontScale",
"description": "Scale the icons current font size"
},
{
"prop": "scale",
"description": "Scales the icon's SVG, without increasing the font size"
},
{
"prop": "rotate",
"description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise"
},
{
"prop": "flipH",
"description": "Flips the icon horizontally"
},
{
"prop": "flipV",
"description": "Flips the icon vertically"
},
{
"prop": "shiftH",
"description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units"
},
{
"prop": "shiftV",
"description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units"
},
{
"prop": "stacked",
"version": "2.3.0",
"description": "Set this prop to true when placing inside a BIconstack component"
},
{
"prop": "animation",
"version": "2.7.0",
"description": "Animate the icon. Supported built-in animations are 'cylon', 'fade', 'pulse', 'spin' and 'throb'"
}
]
},
{
"component": "BIconFileWord",
"auto-gen": "bootstrap-icons 1.2.2",
"props": [
{
"prop": "title",
"description": "Text content to place in the title",
"version": "2.17.0"
},
{
"prop": "variant",
"description": "Contextual color variant. By default the icon inherits the current text color"
},
{
"prop": "fontScale",
"description": "Scale the icons current font size"
},
{
"prop": "scale",
"description": "Scales the icon's SVG, without increasing the font size"
},
{
"prop": "rotate",
"description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise"
},
{
"prop": "flipH",
"description": "Flips the icon horizontally"
},
{
"prop": "flipV",
"description": "Flips the icon vertically"
},
{
"prop": "shiftH",
"description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units"
},
{
"prop": "shiftV",
"description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units"
},
{
"prop": "stacked",
"version": "2.3.0",
"description": "Set this prop to true when placing inside a BIconstack component"
},
{
"prop": "animation",
"version": "2.7.0",
"description": "Animate the icon. Supported built-in animations are 'cylon', 'fade', 'pulse', 'spin' and 'throb'"
}
]
},
{
"component": "BIconFileWordFill",
"auto-gen": "bootstrap-icons 1.2.2",
"props": [
{
"prop": "title",
"description": "Text content to place in the title",
"version": "2.17.0"
},
{
"prop": "variant",
"description": "Contextual color variant. By default the icon inherits the current text color"
},
{
"prop": "fontScale",
"description": "Scale the icons current font size"
},
{
"prop": "scale",
"description": "Scales the icon's SVG, without increasing the font size"
},
{
"prop": "rotate",
"description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise"
},
{
"prop": "flipH",
"description": "Flips the icon horizontally"
},
{
"prop": "flipV",
"description": "Flips the icon vertically"
},
{
"prop": "shiftH",
"description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units"
},
{
"prop": "shiftV",
"description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units"
},
{
"prop": "stacked",
"version": "2.3.0",
"description": "Set this prop to true when placing inside a BIconstack component"
},
{
"prop": "animation",
"version": "2.7.0",
"description": "Animate the icon. Supported built-in animations are 'cylon', 'fade', 'pulse', 'spin' and 'throb'"
}
]
},
{
"component": "BIconFileX",
"auto-gen": "bootstrap-icons 1.2.2",
"props": [
{
"prop": "title",
"description": "Text content to place in the title",
"version": "2.17.0"
},
{
"prop": "variant",
"description": "Contextual color variant. By default the icon inherits the current text color"
},
{
"prop": "fontScale",
"description": "Scale the icons current font size"
},
{
"prop": "scale",
"description": "Scales the icon's SVG, without increasing the font size"
},
{
"prop": "rotate",
"description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise"
},
{
"prop": "flipH",
"description": "Flips the icon horizontally"
},
{
"prop": "flipV",
"description": "Flips the icon vertically"
},
{
"prop": "shiftH",
"description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units"
},
{
"prop": "shiftV",
"description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units"
},
{
"prop": "stacked",
"version": "2.3.0",
"description": "Set this prop to true when placing inside a BIconstack component"
},
{
"prop": "animation",
"version": "2.7.0",
"description": "Animate the icon. Supported built-in animations are 'cylon', 'fade', 'pulse', 'spin' and 'throb'"
}
]
},
{
"component": "BIconFileXFill",
"auto-gen": "bootstrap-icons 1.2.2",
"props": [
{
"prop": "title",
"description": "Text content to place in the title",
"version": "2.17.0"
},
{
"prop": "variant",
"description": "Contextual color variant. By default the icon inherits the current text color"
},
{
"prop": "fontScale",
"description": "Scale the icons current font size"
},
{
"prop": "scale",
"description": "Scales the icon's SVG, without increasing the font size"
},
{
"prop": "rotate",
"description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise"
},
{
"prop": "flipH",
"description": "Flips the icon horizontally"
},
{
"prop": "flipV",
"description": "Flips the icon vertically"
},
{
"prop": "shiftH",
"description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units"
},
{
"prop": "shiftV",
"description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units"
},
{
"prop": "stacked",
"version": "2.3.0",
"description": "Set this prop to true when placing inside a BIconstack component"
},
{
"prop": "animation",
"version": "2.7.0",
"description": "Animate the icon. Supported built-in animations are 'cylon', 'fade', 'pulse', 'spin' and 'throb'"
}
]
},
{
"component": "BIconFileZip",
"auto-gen": "bootstrap-icons 1.2.2",
"props": [
{
"prop": "title",
"description": "Text content to place in the title",
"version": "2.17.0"
},
{
"prop": "variant",
"description": "Contextual color variant. By default the icon inherits the current text color"
},
{
"prop": "fontScale",
"description": "Scale the icons current font size"
},
{
"prop": "scale",
"description": "Scales the icon's SVG, without increasing the font size"
},
{
"prop": "rotate",
"description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise"
},
{
"prop": "flipH",
"description": "Flips the icon horizontally"
},
{
"prop": "flipV",
"description": "Flips the icon vertically"
},
{
"prop": "shiftH",
"description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units"
},
{
"prop": "shiftV",
"description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units"
},
{
"prop": "stacked",
"version": "2.3.0",
"description": "Set this prop to true when placing inside a BIconstack component"
},
{
"prop": "animation",
"version": "2.7.0",
"description": "Animate the icon. Supported built-in animations are 'cylon', 'fade', 'pulse', 'spin' and 'throb'"
}
]
},
{
"component": "BIconFileZipFill",
"auto-gen": "bootstrap-icons 1.2.2",
"props": [
{
"prop": "title",
"description": "Text content to place in the title",
"version": "2.17.0"
},
{
"prop": "variant",
"description": "Contextual color variant. By default the icon inherits the current text color"
},
{
"prop": "fontScale",
"description": "Scale the icons current font size"
},
{
"prop": "scale",
"description": "Scales the icon's SVG, without increasing the font size"
},
{
"prop": "rotate",
"description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise"
},
{
"prop": "flipH",
"description": "Flips the icon horizontally"
},
{
"prop": "flipV",
"description": "Flips the icon vertically"
},
{
"prop": "shiftH",
"description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units"
},
{
"prop": "shiftV",
"description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units"
},
{
"prop": "stacked",
"version": "2.3.0",
"description": "Set this prop to true when placing inside a BIconstack component"
},
{
"prop": "animation",
"version": "2.7.0",
"description": "Animate the icon. Supported built-in animations are 'cylon', 'fade', 'pulse', 'spin' and 'throb'"
}
]
},
{
"component": "BIconFiles",
"auto-gen": "bootstrap-icons 1.2.2",
"props": [
{
"prop": "title",
"description": "Text content to place in the title",
"version": "2.17.0"
},
{
"prop": "variant",
"description": "Contextual color variant. By default the icon inherits the current text color"
},
{
"prop": "fontScale",
"description": "Scale the icons current font size"
},
{
"prop": "scale",
"description": "Scales the icon's SVG, without increasing the font size"
},
{
"prop": "rotate",
"description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise"
},
{
"prop": "flipH",
"description": "Flips the icon horizontally"
},
{
"prop": "flipV",
"description": "Flips the icon vertically"
},
{
"prop": "shiftH",
"description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units"
},
{
"prop": "shiftV",
"description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units"
},
{
"prop": "stacked",
"version": "2.3.0",
"description": "Set this prop to true when placing inside a BIconstack component"
},
{
"prop": "animation",
"version": "2.7.0",
"description": "Animate the icon. Supported built-in animations are 'cylon', 'fade', 'pulse', 'spin' and 'throb'"
}
]
},
{
"component": "BIconFilesAlt",
"auto-gen": "bootstrap-icons 1.2.2",
"props": [
{
"prop": "title",
"description": "Text content to place in the title",
"version": "2.17.0"
},
{
"prop": "variant",
"description": "Contextual color variant. By default the icon inherits the current text color"
},
{
"prop": "fontScale",
"description": "Scale the icons current font size"
},
{
"prop": "scale",
"description": "Scales the icon's SVG, without increasing the font size"
},
{
"prop": "rotate",
"description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise"
},
{
"prop": "flipH",
"description": "Flips the icon horizontally"
},
{
"prop": "flipV",
"description": "Flips the icon vertically"
},
{
"prop": "shiftH",
"description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units"
},
{
"prop": "shiftV",
"description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units"
},
{
"prop": "stacked",
"version": "2.3.0",
"description": "Set this prop to true when placing inside a BIconstack component"
},
{
"prop": "animation",
"version": "2.7.0",
"description": "Animate the icon. Supported built-in animations are 'cylon', 'fade', 'pulse', 'spin' and 'throb'"
}
]
},
{
"component": "BIconFilm",
"auto-gen": "bootstrap-icons 1.2.2",
"props": [
{
"prop": "title",
"description": "Text content to place in the title",
"version": "2.17.0"
},
{
"prop": "variant",
"description": "Contextual color variant. By default the icon inherits the current text color"
},
{
"prop": "fontScale",
"description": "Scale the icons current font size"
},
{
"prop": "scale",
"description": "Scales the icon's SVG, without increasing the font size"
},
{
"prop": "rotate",
"description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise"
},
{
"prop": "flipH",
"description": "Flips the icon horizontally"
},
{
"prop": "flipV",
"description": "Flips the icon vertically"
},
{
"prop": "shiftH",
"description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units"
},
{
"prop": "shiftV",
"description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units"
},
{
"prop": "stacked",
"version": "2.3.0",
"description": "Set this prop to true when placing inside a BIconstack component"
},
{
"prop": "animation",
"version": "2.7.0",
"description": "Animate the icon. Supported built-in animations are 'cylon', 'fade', 'pulse', 'spin' and 'throb'"
}
]
},
{
"component": "BIconFilter",
"auto-gen": "bootstrap-icons 1.2.2",
"props": [
{
"prop": "title",
"description": "Text content to place in the title",
"version": "2.17.0"
},
{
"prop": "variant",
"description": "Contextual color variant. By default the icon inherits the current text color"
},
{
"prop": "fontScale",
"description": "Scale the icons current font size"
},
{
"prop": "scale",
"description": "Scales the icon's SVG, without increasing the font size"
},
{
"prop": "rotate",
"description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise"
},
{
"prop": "flipH",
"description": "Flips the icon horizontally"
},
{
"prop": "flipV",
"description": "Flips the icon vertically"
},
{
"prop": "shiftH",
"description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units"
},
{
"prop": "shiftV",
"description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units"
},
{
"prop": "stacked",
"version": "2.3.0",
"description": "Set this prop to true when placing inside a BIconstack component"
},
{
"prop": "animation",
"version": "2.7.0",
"description": "Animate the icon. Supported built-in animations are 'cylon', 'fade', 'pulse', 'spin' and 'throb'"
}
]
},
{
"component": "BIconFilterCircle",
"auto-gen": "bootstrap-icons 1.2.2",
"props": [
{
"prop": "title",
"description": "Text content to place in the title",
"version": "2.17.0"
},
{
"prop": "variant",
"description": "Contextual color variant. By default the icon inherits the current text color"
},
{
"prop": "fontScale",
"description": "Scale the icons current font size"
},
{
"prop": "scale",
"description": "Scales the icon's SVG, without increasing the font size"
},
{
"prop": "rotate",
"description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise"
},
{
"prop": "flipH",
"description": "Flips the icon horizontally"
},
{
"prop": "flipV",
"description": "Flips the icon vertically"
},
{
"prop": "shiftH",
"description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units"
},
{
"prop": "shiftV",
"description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units"
},
{
"prop": "stacked",
"version": "2.3.0",
"description": "Set this prop to true when placing inside a BIconstack component"
},
{
"prop": "animation",
"version": "2.7.0",
"description": "Animate the icon. Supported built-in animations are 'cylon', 'fade', 'pulse', 'spin' and 'throb'"
}
]
},
{
"component": "BIconFilterCircleFill",
"auto-gen": "bootstrap-icons 1.2.2",
"props": [
{
"prop": "title",
"description": "Text content to place in the title",
"version": "2.17.0"
},
{
"prop": "variant",
"description": "Contextual color variant. By default the icon inherits the current text color"
},
{
"prop": "fontScale",
"description": "Scale the icons current font size"
},
{
"prop": "scale",
"description": "Scales the icon's SVG, without increasing the font size"
},
{
"prop": "rotate",
"description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise"
},
{
"prop": "flipH",
"description": "Flips the icon horizontally"
},
{
"prop": "flipV",
"description": "Flips the icon vertically"
},
{
"prop": "shiftH",
"description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units"
},
{
"prop": "shiftV",
"description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units"
},
{
"prop": "stacked",
"version": "2.3.0",
"description": "Set this prop to true when placing inside a BIconstack component"
},
{
"prop": "animation",
"version": "2.7.0",
"description": "Animate the icon. Supported built-in animations are 'cylon', 'fade', 'pulse', 'spin' and 'throb'"
}
]
},
{
"component": "BIconFilterLeft",
"auto-gen": "bootstrap-icons 1.2.2",
"props": [
{
"prop": "title",
"description": "Text content to place in the title",
"version": "2.17.0"
},
{
"prop": "variant",
"description": "Contextual color variant. By default the icon inherits the current text color"
},
{
"prop": "fontScale",
"description": "Scale the icons current font size"
},
{
"prop": "scale",
"description": "Scales the icon's SVG, without increasing the font size"
},
{
"prop": "rotate",
"description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise"
},
{
"prop": "flipH",
"description": "Flips the icon horizontally"
},
{
"prop": "flipV",
"description": "Flips the icon vertically"
},
{
"prop": "shiftH",
"description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units"
},
{
"prop": "shiftV",
"description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units"
},
{
"prop": "stacked",
"version": "2.3.0",
"description": "Set this prop to true when placing inside a BIconstack component"
},
{
"prop": "animation",
"version": "2.7.0",
"description": "Animate the icon. Supported built-in animations are 'cylon', 'fade', 'pulse', 'spin' and 'throb'"
}
]
},
{
"component": "BIconFilterRight",
"auto-gen": "bootstrap-icons 1.2.2",
"props": [
{
"prop": "title",
"description": "Text content to place in the title",
"version": "2.17.0"
},
{
"prop": "variant",
"description": "Contextual color variant. By default the icon inherits the current text color"
},
{
"prop": "fontScale",
"description": "Scale the icons current font size"
},
{
"prop": "scale",
"description": "Scales the icon's SVG, without increasing the font size"
},
{
"prop": "rotate",
"description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise"
},
{
"prop": "flipH",
"description": "Flips the icon horizontally"
},
{
"prop": "flipV",
"description": "Flips the icon vertically"
},
{
"prop": "shiftH",
"description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units"
},
{
"prop": "shiftV",
"description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units"
},
{
"prop": "stacked",
"version": "2.3.0",
"description": "Set this prop to true when placing inside a BIconstack component"
},
{
"prop": "animation",
"version": "2.7.0",
"description": "Animate the icon. Supported built-in animations are 'cylon', 'fade', 'pulse', 'spin' and 'throb'"
}
]
},
{
"component": "BIconFilterSquare",
"auto-gen": "bootstrap-icons 1.2.2",
"props": [
{
"prop": "title",
"description": "Text content to place in the title",
"version": "2.17.0"
},
{
"prop": "variant",
"description": "Contextual color variant. By default the icon inherits the current text color"
},
{
"prop": "fontScale",
"description": "Scale the icons current font size"
},
{
"prop": "scale",
"description": "Scales the icon's SVG, without increasing the font size"
},
{
"prop": "rotate",
"description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise"
},
{
"prop": "flipH",
"description": "Flips the icon horizontally"
},
{
"prop": "flipV",
"description": "Flips the icon vertically"
},
{
"prop": "shiftH",
"description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units"
},
{
"prop": "shiftV",
"description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units"
},
{
"prop": "stacked",
"version": "2.3.0",
"description": "Set this prop to true when placing inside a BIconstack component"
},
{
"prop": "animation",
"version": "2.7.0",
"description": "Animate the icon. Supported built-in animations are 'cylon', 'fade', 'pulse', 'spin' and 'throb'"
}
]
},
{
"component": "BIconFilterSquareFill",
"auto-gen": "bootstrap-icons 1.2.2",
"props": [
{
"prop": "title",
"description": "Text content to place in the title",
"version": "2.17.0"
},
{
"prop": "variant",
"description": "Contextual color variant. By default the icon inherits the current text color"
},
{
"prop": "fontScale",
"description": "Scale the icons current font size"
},
{
"prop": "scale",
"description": "Scales the icon's SVG, without increasing the font size"
},
{
"prop": "rotate",
"description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise"
},
{
"prop": "flipH",
"description": "Flips the icon horizontally"
},
{
"prop": "flipV",
"description": "Flips the icon vertically"
},
{
"prop": "shiftH",
"description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units"
},
{
"prop": "shiftV",
"description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units"
},
{
"prop": "stacked",
"version": "2.3.0",
"description": "Set this prop to true when placing inside a BIconstack component"
},
{
"prop": "animation",
"version": "2.7.0",
"description": "Animate the icon. Supported built-in animations are 'cylon', 'fade', 'pulse', 'spin' and 'throb'"
}
]
},
{
"component": "BIconFlag",
"auto-gen": "bootstrap-icons 1.2.2",
"props": [
{
"prop": "title",
"description": "Text content to place in the title",
"version": "2.17.0"
},
{
"prop": "variant",
"description": "Contextual color variant. By default the icon inherits the current text color"
},
{
"prop": "fontScale",
"description": "Scale the icons current font size"
},
{
"prop": "scale",
"description": "Scales the icon's SVG, without increasing the font size"
},
{
"prop": "rotate",
"description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise"
},
{
"prop": "flipH",
"description": "Flips the icon horizontally"
},
{
"prop": "flipV",
"description": "Flips the icon vertically"
},
{
"prop": "shiftH",
"description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units"
},
{
"prop": "shiftV",
"description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units"
},
{
"prop": "stacked",
"version": "2.3.0",
"description": "Set this prop to true when placing inside a BIconstack component"
},
{
"prop": "animation",
"version": "2.7.0",
"description": "Animate the icon. Supported built-in animations are 'cylon', 'fade', 'pulse', 'spin' and 'throb'"
}
]
},
{
"component": "BIconFlagFill",
"auto-gen": "bootstrap-icons 1.2.2",
"props": [
{
"prop": "title",
"description": "Text content to place in the title",
"version": "2.17.0"
},
{
"prop": "variant",
"description": "Contextual color variant. By default the icon inherits the current text color"
},
{
"prop": "fontScale",
"description": "Scale the icons current font size"
},
{
"prop": "scale",
"description": "Scales the icon's SVG, without increasing the font size"
},
{
"prop": "rotate",
"description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise"
},
{
"prop": "flipH",
"description": "Flips the icon horizontally"
},
{
"prop": "flipV",
"description": "Flips the icon vertically"
},
{
"prop": "shiftH",
"description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units"
},
{
"prop": "shiftV",
"description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units"
},
{
"prop": "stacked",
"version": "2.3.0",
"description": "Set this prop to true when placing inside a BIconstack component"
},
{
"prop": "animation",
"version": "2.7.0",
"description": "Animate the icon. Supported built-in animations are 'cylon', 'fade', 'pulse', 'spin' and 'throb'"
}
]
},
{
"component": "BIconFlower1",
"auto-gen": "bootstrap-icons 1.2.2",
"props": [
{
"prop": "title",
"description": "Text content to place in the title",
"version": "2.17.0"
},
{
"prop": "variant",
"description": "Contextual color variant. By default the icon inherits the current text color"
},
{
"prop": "fontScale",
"description": "Scale the icons current font size"
},
{
"prop": "scale",
"description": "Scales the icon's SVG, without increasing the font size"
},
{
"prop": "rotate",
"description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise"
},
{
"prop": "flipH",
"description": "Flips the icon horizontally"
},
{
"prop": "flipV",
"description": "Flips the icon vertically"
},
{
"prop": "shiftH",
"description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units"
},
{
"prop": "shiftV",
"description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units"
},
{
"prop": "stacked",
"version": "2.3.0",
"description": "Set this prop to true when placing inside a BIconstack component"
},
{
"prop": "animation",
"version": "2.7.0",
"description": "Animate the icon. Supported built-in animations are 'cylon', 'fade', 'pulse', 'spin' and 'throb'"
}
]
},
{
"component": "BIconFlower2",
"auto-gen": "bootstrap-icons 1.2.2",
"props": [
{
"prop": "title",
"description": "Text content to place in the title",
"version": "2.17.0"
},
{
"prop": "variant",
"description": "Contextual color variant. By default the icon inherits the current text color"
},
{
"prop": "fontScale",
"description": "Scale the icons current font size"
},
{
"prop": "scale",
"description": "Scales the icon's SVG, without increasing the font size"
},
{
"prop": "rotate",
"description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise"
},
{
"prop": "flipH",
"description": "Flips the icon horizontally"
},
{
"prop": "flipV",
"description": "Flips the icon vertically"
},
{
"prop": "shiftH",
"description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units"
},
{
"prop": "shiftV",
"description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units"
},
{
"prop": "stacked",
"version": "2.3.0",
"description": "Set this prop to true when placing inside a BIconstack component"
},
{
"prop": "animation",
"version": "2.7.0",
"description": "Animate the icon. Supported built-in animations are 'cylon', 'fade', 'pulse', 'spin' and 'throb'"
}
]
},
{
"component": "BIconFlower3",
"auto-gen": "bootstrap-icons 1.2.2",
"props": [
{
"prop": "title",
"description": "Text content to place in the title",
"version": "2.17.0"
},
{
"prop": "variant",
"description": "Contextual color variant. By default the icon inherits the current text color"
},
{
"prop": "fontScale",
"description": "Scale the icons current font size"
},
{
"prop": "scale",
"description": "Scales the icon's SVG, without increasing the font size"
},
{
"prop": "rotate",
"description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise"
},
{
"prop": "flipH",
"description": "Flips the icon horizontally"
},
{
"prop": "flipV",
"description": "Flips the icon vertically"
},
{
"prop": "shiftH",
"description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units"
},
{
"prop": "shiftV",
"description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units"
},
{
"prop": "stacked",
"version": "2.3.0",
"description": "Set this prop to true when placing inside a BIconstack component"
},
{
"prop": "animation",
"version": "2.7.0",
"description": "Animate the icon. Supported built-in animations are 'cylon', 'fade', 'pulse', 'spin' and 'throb'"
}
]
},
{
"component": "BIconFolder",
"auto-gen": "bootstrap-icons 1.2.2",
"props": [
{
"prop": "title",
"description": "Text content to place in the title",
"version": "2.17.0"
},
{
"prop": "variant",
"description": "Contextual color variant. By default the icon inherits the current text color"
},
{
"prop": "fontScale",
"description": "Scale the icons current font size"
},
{
"prop": "scale",
"description": "Scales the icon's SVG, without increasing the font size"
},
{
"prop": "rotate",
"description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise"
},
{
"prop": "flipH",
"description": "Flips the icon horizontally"
},
{
"prop": "flipV",
"description": "Flips the icon vertically"
},
{
"prop": "shiftH",
"description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units"
},
{
"prop": "shiftV",
"description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units"
},
{
"prop": "stacked",
"version": "2.3.0",
"description": "Set this prop to true when placing inside a BIconstack component"
},
{
"prop": "animation",
"version": "2.7.0",
"description": "Animate the icon. Supported built-in animations are 'cylon', 'fade', 'pulse', 'spin' and 'throb'"
}
]
},
{
"component": "BIconFolder2",
"auto-gen": "bootstrap-icons 1.2.2",
"props": [
{
"prop": "title",
"description": "Text content to place in the title",
"version": "2.17.0"
},
{
"prop": "variant",
"description": "Contextual color variant. By default the icon inherits the current text color"
},
{
"prop": "fontScale",
"description": "Scale the icons current font size"
},
{
"prop": "scale",
"description": "Scales the icon's SVG, without increasing the font size"
},
{
"prop": "rotate",
"description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise"
},
{
"prop": "flipH",
"description": "Flips the icon horizontally"
},
{
"prop": "flipV",
"description": "Flips the icon vertically"
},
{
"prop": "shiftH",
"description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units"
},
{
"prop": "shiftV",
"description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units"
},
{
"prop": "stacked",
"version": "2.3.0",
"description": "Set this prop to true when placing inside a BIconstack component"
},
{
"prop": "animation",
"version": "2.7.0",
"description": "Animate the icon. Supported built-in animations are 'cylon', 'fade', 'pulse', 'spin' and 'throb'"
}
]
},
{
"component": "BIconFolder2Open",
"auto-gen": "bootstrap-icons 1.2.2",
"props": [
{
"prop": "title",
"description": "Text content to place in the title",
"version": "2.17.0"
},
{
"prop": "variant",
"description": "Contextual color variant. By default the icon inherits the current text color"
},
{
"prop": "fontScale",
"description": "Scale the icons current font size"
},
{
"prop": "scale",
"description": "Scales the icon's SVG, without increasing the font size"
},
{
"prop": "rotate",
"description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise"
},
{
"prop": "flipH",
"description": "Flips the icon horizontally"
},
{
"prop": "flipV",
"description": "Flips the icon vertically"
},
{
"prop": "shiftH",
"description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units"
},
{
"prop": "shiftV",
"description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units"
},
{
"prop": "stacked",
"version": "2.3.0",
"description": "Set this prop to true when placing inside a BIconstack component"
},
{
"prop": "animation",
"version": "2.7.0",
"description": "Animate the icon. Supported built-in animations are 'cylon', 'fade', 'pulse', 'spin' and 'throb'"
}
]
},
{
"component": "BIconFolderCheck",
"auto-gen": "bootstrap-icons 1.2.2",
"props": [
{
"prop": "title",
"description": "Text content to place in the title",
"version": "2.17.0"
},
{
"prop": "variant",
"description": "Contextual color variant. By default the icon inherits the current text color"
},
{
"prop": "fontScale",
"description": "Scale the icons current font size"
},
{
"prop": "scale",
"description": "Scales the icon's SVG, without increasing the font size"
},
{
"prop": "rotate",
"description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise"
},
{
"prop": "flipH",
"description": "Flips the icon horizontally"
},
{
"prop": "flipV",
"description": "Flips the icon vertically"
},
{
"prop": "shiftH",
"description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units"
},
{
"prop": "shiftV",
"description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units"
},
{
"prop": "stacked",
"version": "2.3.0",
"description": "Set this prop to true when placing inside a BIconstack component"
},
{
"prop": "animation",
"version": "2.7.0",
"description": "Animate the icon. Supported built-in animations are 'cylon', 'fade', 'pulse', 'spin' and 'throb'"
}
]
},
{
"component": "BIconFolderFill",
"auto-gen": "bootstrap-icons 1.2.2",
"props": [
{
"prop": "title",
"description": "Text content to place in the title",
"version": "2.17.0"
},
{
"prop": "variant",
"description": "Contextual color variant. By default the icon inherits the current text color"
},
{
"prop": "fontScale",
"description": "Scale the icons current font size"
},
{
"prop": "scale",
"description": "Scales the icon's SVG, without increasing the font size"
},
{
"prop": "rotate",
"description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise"
},
{
"prop": "flipH",
"description": "Flips the icon horizontally"
},
{
"prop": "flipV",
"description": "Flips the icon vertically"
},
{
"prop": "shiftH",
"description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units"
},
{
"prop": "shiftV",
"description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units"
},
{
"prop": "stacked",
"version": "2.3.0",
"description": "Set this prop to true when placing inside a BIconstack component"
},
{
"prop": "animation",
"version": "2.7.0",
"description": "Animate the icon. Supported built-in animations are 'cylon', 'fade', 'pulse', 'spin' and 'throb'"
}
]
},
{
"component": "BIconFolderMinus",
"auto-gen": "bootstrap-icons 1.2.2",
"props": [
{
"prop": "title",
"description": "Text content to place in the title",
"version": "2.17.0"
},
{
"prop": "variant",
"description": "Contextual color variant. By default the icon inherits the current text color"
},
{
"prop": "fontScale",
"description": "Scale the icons current font size"
},
{
"prop": "scale",
"description": "Scales the icon's SVG, without increasing the font size"
},
{
"prop": "rotate",
"description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise"
},
{
"prop": "flipH",
"description": "Flips the icon horizontally"
},
{
"prop": "flipV",
"description": "Flips the icon vertically"
},
{
"prop": "shiftH",
"description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units"
},
{
"prop": "shiftV",
"description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units"
},
{
"prop": "stacked",
"version": "2.3.0",
"description": "Set this prop to true when placing inside a BIconstack component"
},
{
"prop": "animation",
"version": "2.7.0",
"description": "Animate the icon. Supported built-in animations are 'cylon', 'fade', 'pulse', 'spin' and 'throb'"
}
]
},
{
"component": "BIconFolderPlus",
"auto-gen": "bootstrap-icons 1.2.2",
"props": [
{
"prop": "title",
"description": "Text content to place in the title",
"version": "2.17.0"
},
{
"prop": "variant",
"description": "Contextual color variant. By default the icon inherits the current text color"
},
{
"prop": "fontScale",
"description": "Scale the icons current font size"
},
{
"prop": "scale",
"description": "Scales the icon's SVG, without increasing the font size"
},
{
"prop": "rotate",
"description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise"
},
{
"prop": "flipH",
"description": "Flips the icon horizontally"
},
{
"prop": "flipV",
"description": "Flips the icon vertically"
},
{
"prop": "shiftH",
"description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units"
},
{
"prop": "shiftV",
"description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units"
},
{
"prop": "stacked",
"version": "2.3.0",
"description": "Set this prop to true when placing inside a BIconstack component"
},
{
"prop": "animation",
"version": "2.7.0",
"description": "Animate the icon. Supported built-in animations are 'cylon', 'fade', 'pulse', 'spin' and 'throb'"
}
]
},
{
"component": "BIconFolderSymlink",
"auto-gen": "bootstrap-icons 1.2.2",
"props": [
{
"prop": "title",
"description": "Text content to place in the title",
"version": "2.17.0"
},
{
"prop": "variant",
"description": "Contextual color variant. By default the icon inherits the current text color"
},
{
"prop": "fontScale",
"description": "Scale the icons current font size"
},
{
"prop": "scale",
"description": "Scales the icon's SVG, without increasing the font size"
},
{
"prop": "rotate",
"description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise"
},
{
"prop": "flipH",
"description": "Flips the icon horizontally"
},
{
"prop": "flipV",
"description": "Flips the icon vertically"
},
{
"prop": "shiftH",
"description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units"
},
{
"prop": "shiftV",
"description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units"
},
{
"prop": "stacked",
"version": "2.3.0",
"description": "Set this prop to true when placing inside a BIconstack component"
},
{
"prop": "animation",
"version": "2.7.0",
"description": "Animate the icon. Supported built-in animations are 'cylon', 'fade', 'pulse', 'spin' and 'throb'"
}
]
},
{
"component": "BIconFolderSymlinkFill",
"auto-gen": "bootstrap-icons 1.2.2",
"props": [
{
"prop": "title",
"description": "Text content to place in the title",
"version": "2.17.0"
},
{
"prop": "variant",
"description": "Contextual color variant. By default the icon inherits the current text color"
},
{
"prop": "fontScale",
"description": "Scale the icons current font size"
},
{
"prop": "scale",
"description": "Scales the icon's SVG, without increasing the font size"
},
{
"prop": "rotate",
"description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise"
},
{
"prop": "flipH",
"description": "Flips the icon horizontally"
},
{
"prop": "flipV",
"description": "Flips the icon vertically"
},
{
"prop": "shiftH",
"description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units"
},
{
"prop": "shiftV",
"description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units"
},
{
"prop": "stacked",
"version": "2.3.0",
"description": "Set this prop to true when placing inside a BIconstack component"
},
{
"prop": "animation",
"version": "2.7.0",
"description": "Animate the icon. Supported built-in animations are 'cylon', 'fade', 'pulse', 'spin' and 'throb'"
}
]
},
{
"component": "BIconFolderX",
"auto-gen": "bootstrap-icons 1.2.2",
"props": [
{
"prop": "title",
"description": "Text content to place in the title",
"version": "2.17.0"
},
{
"prop": "variant",
"description": "Contextual color variant. By default the icon inherits the current text color"
},
{
"prop": "fontScale",
"description": "Scale the icons current font size"
},
{
"prop": "scale",
"description": "Scales the icon's SVG, without increasing the font size"
},
{
"prop": "rotate",
"description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise"
},
{
"prop": "flipH",
"description": "Flips the icon horizontally"
},
{
"prop": "flipV",
"description": "Flips the icon vertically"
},
{
"prop": "shiftH",
"description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units"
},
{
"prop": "shiftV",
"description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units"
},
{
"prop": "stacked",
"version": "2.3.0",
"description": "Set this prop to true when placing inside a BIconstack component"
},
{
"prop": "animation",
"version": "2.7.0",
"description": "Animate the icon. Supported built-in animations are 'cylon', 'fade', 'pulse', 'spin' and 'throb'"
}
]
},
{
"component": "BIconFonts",
"auto-gen": "bootstrap-icons 1.2.2",
"props": [
{
"prop": "title",
"description": "Text content to place in the title",
"version": "2.17.0"
},
{
"prop": "variant",
"description": "Contextual color variant. By default the icon inherits the current text color"
},
{
"prop": "fontScale",
"description": "Scale the icons current font size"
},
{
"prop": "scale",
"description": "Scales the icon's SVG, without increasing the font size"
},
{
"prop": "rotate",
"description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise"
},
{
"prop": "flipH",
"description": "Flips the icon horizontally"
},
{
"prop": "flipV",
"description": "Flips the icon vertically"
},
{
"prop": "shiftH",
"description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units"
},
{
"prop": "shiftV",
"description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units"
},
{
"prop": "stacked",
"version": "2.3.0",
"description": "Set this prop to true when placing inside a BIconstack component"
},
{
"prop": "animation",
"version": "2.7.0",
"description": "Animate the icon. Supported built-in animations are 'cylon', 'fade', 'pulse', 'spin' and 'throb'"
}
]
},
{
"component": "BIconForward",
"auto-gen": "bootstrap-icons 1.2.2",
"props": [
{
"prop": "title",
"description": "Text content to place in the title",
"version": "2.17.0"
},
{
"prop": "variant",
"description": "Contextual color variant. By default the icon inherits the current text color"
},
{
"prop": "fontScale",
"description": "Scale the icons current font size"
},
{
"prop": "scale",
"description": "Scales the icon's SVG, without increasing the font size"
},
{
"prop": "rotate",
"description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise"
},
{
"prop": "flipH",
"description": "Flips the icon horizontally"
},
{
"prop": "flipV",
"description": "Flips the icon vertically"
},
{
"prop": "shiftH",
"description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units"
},
{
"prop": "shiftV",
"description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units"
},
{
"prop": "stacked",
"version": "2.3.0",
"description": "Set this prop to true when placing inside a BIconstack component"
},
{
"prop": "animation",
"version": "2.7.0",
"description": "Animate the icon. Supported built-in animations are 'cylon', 'fade', 'pulse', 'spin' and 'throb'"
}
]
},
{
"component": "BIconForwardFill",
"auto-gen": "bootstrap-icons 1.2.2",
"props": [
{
"prop": "title",
"description": "Text content to place in the title",
"version": "2.17.0"
},
{
"prop": "variant",
"description": "Contextual color variant. By default the icon inherits the current text color"
},
{
"prop": "fontScale",
"description": "Scale the icons current font size"
},
{
"prop": "scale",
"description": "Scales the icon's SVG, without increasing the font size"
},
{
"prop": "rotate",
"description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise"
},
{
"prop": "flipH",
"description": "Flips the icon horizontally"
},
{
"prop": "flipV",
"description": "Flips the icon vertically"
},
{
"prop": "shiftH",
"description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units"
},
{
"prop": "shiftV",
"description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units"
},
{
"prop": "stacked",
"version": "2.3.0",
"description": "Set this prop to true when placing inside a BIconstack component"
},
{
"prop": "animation",
"version": "2.7.0",
"description": "Animate the icon. Supported built-in animations are 'cylon', 'fade', 'pulse', 'spin' and 'throb'"
}
]
},
{
"component": "BIconFront",
"auto-gen": "bootstrap-icons 1.2.2",
"props": [
{
"prop": "title",
"description": "Text content to place in the title",
"version": "2.17.0"
},
{
"prop": "variant",
"description": "Contextual color variant. By default the icon inherits the current text color"
},
{
"prop": "fontScale",
"description": "Scale the icons current font size"
},
{
"prop": "scale",
"description": "Scales the icon's SVG, without increasing the font size"
},
{
"prop": "rotate",
"description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise"
},
{
"prop": "flipH",
"description": "Flips the icon horizontally"
},
{
"prop": "flipV",
"description": "Flips the icon vertically"
},
{
"prop": "shiftH",
"description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units"
},
{
"prop": "shiftV",
"description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units"
},
{
"prop": "stacked",
"version": "2.3.0",
"description": "Set this prop to true when placing inside a BIconstack component"
},
{
"prop": "animation",
"version": "2.7.0",
"description": "Animate the icon. Supported built-in animations are 'cylon', 'fade', 'pulse', 'spin' and 'throb'"
}
]
},
{
"component": "BIconFullscreen",
"auto-gen": "bootstrap-icons 1.2.2",
"props": [
{
"prop": "title",
"description": "Text content to place in the title",
"version": "2.17.0"
},
{
"prop": "variant",
"description": "Contextual color variant. By default the icon inherits the current text color"
},
{
"prop": "fontScale",
"description": "Scale the icons current font size"
},
{
"prop": "scale",
"description": "Scales the icon's SVG, without increasing the font size"
},
{
"prop": "rotate",
"description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise"
},
{
"prop": "flipH",
"description": "Flips the icon horizontally"
},
{
"prop": "flipV",
"description": "Flips the icon vertically"
},
{
"prop": "shiftH",
"description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units"
},
{
"prop": "shiftV",
"description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units"
},
{
"prop": "stacked",
"version": "2.3.0",
"description": "Set this prop to true when placing inside a BIconstack component"
},
{
"prop": "animation",
"version": "2.7.0",
"description": "Animate the icon. Supported built-in animations are 'cylon', 'fade', 'pulse', 'spin' and 'throb'"
}
]
},
{
"component": "BIconFullscreenExit",
"auto-gen": "bootstrap-icons 1.2.2",
"props": [
{
"prop": "title",
"description": "Text content to place in the title",
"version": "2.17.0"
},
{
"prop": "variant",
"description": "Contextual color variant. By default the icon inherits the current text color"
},
{
"prop": "fontScale",
"description": "Scale the icons current font size"
},
{
"prop": "scale",
"description": "Scales the icon's SVG, without increasing the font size"
},
{
"prop": "rotate",
"description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise"
},
{
"prop": "flipH",
"description": "Flips the icon horizontally"
},
{
"prop": "flipV",
"description": "Flips the icon vertically"
},
{
"prop": "shiftH",
"description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units"
},
{
"prop": "shiftV",
"description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units"
},
{
"prop": "stacked",
"version": "2.3.0",
"description": "Set this prop to true when placing inside a BIconstack component"
},
{
"prop": "animation",
"version": "2.7.0",
"description": "Animate the icon. Supported built-in animations are 'cylon', 'fade', 'pulse', 'spin' and 'throb'"
}
]
},
{
"component": "BIconFunnel",
"auto-gen": "bootstrap-icons 1.2.2",
"props": [
{
"prop": "title",
"description": "Text content to place in the title",
"version": "2.17.0"
},
{
"prop": "variant",
"description": "Contextual color variant. By default the icon inherits the current text color"
},
{
"prop": "fontScale",
"description": "Scale the icons current font size"
},
{
"prop": "scale",
"description": "Scales the icon's SVG, without increasing the font size"
},
{
"prop": "rotate",
"description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise"
},
{
"prop": "flipH",
"description": "Flips the icon horizontally"
},
{
"prop": "flipV",
"description": "Flips the icon vertically"
},
{
"prop": "shiftH",
"description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units"
},
{
"prop": "shiftV",
"description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units"
},
{
"prop": "stacked",
"version": "2.3.0",
"description": "Set this prop to true when placing inside a BIconstack component"
},
{
"prop": "animation",
"version": "2.7.0",
"description": "Animate the icon. Supported built-in animations are 'cylon', 'fade', 'pulse', 'spin' and 'throb'"
}
]
},
{
"component": "BIconFunnelFill",
"auto-gen": "bootstrap-icons 1.2.2",
"props": [
{
"prop": "title",
"description": "Text content to place in the title",
"version": "2.17.0"
},
{
"prop": "variant",
"description": "Contextual color variant. By default the icon inherits the current text color"
},
{
"prop": "fontScale",
"description": "Scale the icons current font size"
},
{
"prop": "scale",
"description": "Scales the icon's SVG, without increasing the font size"
},
{
"prop": "rotate",
"description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise"
},
{
"prop": "flipH",
"description": "Flips the icon horizontally"
},
{
"prop": "flipV",
"description": "Flips the icon vertically"
},
{
"prop": "shiftH",
"description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units"
},
{
"prop": "shiftV",
"description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units"
},
{
"prop": "stacked",
"version": "2.3.0",
"description": "Set this prop to true when placing inside a BIconstack component"
},
{
"prop": "animation",
"version": "2.7.0",
"description": "Animate the icon. Supported built-in animations are 'cylon', 'fade', 'pulse', 'spin' and 'throb'"
}
]
},
{
"component": "BIconGear",
"auto-gen": "bootstrap-icons 1.2.2",
"props": [
{
"prop": "title",
"description": "Text content to place in the title",
"version": "2.17.0"
},
{
"prop": "variant",
"description": "Contextual color variant. By default the icon inherits the current text color"
},
{
"prop": "fontScale",
"description": "Scale the icons current font size"
},
{
"prop": "scale",
"description": "Scales the icon's SVG, without increasing the font size"
},
{
"prop": "rotate",
"description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise"
},
{
"prop": "flipH",
"description": "Flips the icon horizontally"
},
{
"prop": "flipV",
"description": "Flips the icon vertically"
},
{
"prop": "shiftH",
"description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units"
},
{
"prop": "shiftV",
"description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units"
},
{
"prop": "stacked",
"version": "2.3.0",
"description": "Set this prop to true when placing inside a BIconstack component"
},
{
"prop": "animation",
"version": "2.7.0",
"description": "Animate the icon. Supported built-in animations are 'cylon', 'fade', 'pulse', 'spin' and 'throb'"
}
]
},
{
"component": "BIconGearFill",
"auto-gen": "bootstrap-icons 1.2.2",
"props": [
{
"prop": "title",
"description": "Text content to place in the title",
"version": "2.17.0"
},
{
"prop": "variant",
"description": "Contextual color variant. By default the icon inherits the current text color"
},
{
"prop": "fontScale",
"description": "Scale the icons current font size"
},
{
"prop": "scale",
"description": "Scales the icon's SVG, without increasing the font size"
},
{
"prop": "rotate",
"description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise"
},
{
"prop": "flipH",
"description": "Flips the icon horizontally"
},
{
"prop": "flipV",
"description": "Flips the icon vertically"
},
{
"prop": "shiftH",
"description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units"
},
{
"prop": "shiftV",
"description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units"
},
{
"prop": "stacked",
"version": "2.3.0",
"description": "Set this prop to true when placing inside a BIconstack component"
},
{
"prop": "animation",
"version": "2.7.0",
"description": "Animate the icon. Supported built-in animations are 'cylon', 'fade', 'pulse', 'spin' and 'throb'"
}
]
},
{
"component": "BIconGearWide",
"auto-gen": "bootstrap-icons 1.2.2",
"props": [
{
"prop": "title",
"description": "Text content to place in the title",
"version": "2.17.0"
},
{
"prop": "variant",
"description": "Contextual color variant. By default the icon inherits the current text color"
},
{
"prop": "fontScale",
"description": "Scale the icons current font size"
},
{
"prop": "scale",
"description": "Scales the icon's SVG, without increasing the font size"
},
{
"prop": "rotate",
"description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise"
},
{
"prop": "flipH",
"description": "Flips the icon horizontally"
},
{
"prop": "flipV",
"description": "Flips the icon vertically"
},
{
"prop": "shiftH",
"description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units"
},
{
"prop": "shiftV",
"description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units"
},
{
"prop": "stacked",
"version": "2.3.0",
"description": "Set this prop to true when placing inside a BIconstack component"
},
{
"prop": "animation",
"version": "2.7.0",
"description": "Animate the icon. Supported built-in animations are 'cylon', 'fade', 'pulse', 'spin' and 'throb'"
}
]
},
{
"component": "BIconGearWideConnected",
"auto-gen": "bootstrap-icons 1.2.2",
"props": [
{
"prop": "title",
"description": "Text content to place in the title",
"version": "2.17.0"
},
{
"prop": "variant",
"description": "Contextual color variant. By default the icon inherits the current text color"
},
{
"prop": "fontScale",
"description": "Scale the icons current font size"
},
{
"prop": "scale",
"description": "Scales the icon's SVG, without increasing the font size"
},
{
"prop": "rotate",
"description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise"
},
{
"prop": "flipH",
"description": "Flips the icon horizontally"
},
{
"prop": "flipV",
"description": "Flips the icon vertically"
},
{
"prop": "shiftH",
"description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units"
},
{
"prop": "shiftV",
"description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units"
},
{
"prop": "stacked",
"version": "2.3.0",
"description": "Set this prop to true when placing inside a BIconstack component"
},
{
"prop": "animation",
"version": "2.7.0",
"description": "Animate the icon. Supported built-in animations are 'cylon', 'fade', 'pulse', 'spin' and 'throb'"
}
]
},
{
"component": "BIconGem",
"auto-gen": "bootstrap-icons 1.2.2",
"props": [
{
"prop": "title",
"description": "Text content to place in the title",
"version": "2.17.0"
},
{
"prop": "variant",
"description": "Contextual color variant. By default the icon inherits the current text color"
},
{
"prop": "fontScale",
"description": "Scale the icons current font size"
},
{
"prop": "scale",
"description": "Scales the icon's SVG, without increasing the font size"
},
{
"prop": "rotate",
"description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise"
},
{
"prop": "flipH",
"description": "Flips the icon horizontally"
},
{
"prop": "flipV",
"description": "Flips the icon vertically"
},
{
"prop": "shiftH",
"description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units"
},
{
"prop": "shiftV",
"description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units"
},
{
"prop": "stacked",
"version": "2.3.0",
"description": "Set this prop to true when placing inside a BIconstack component"
},
{
"prop": "animation",
"version": "2.7.0",
"description": "Animate the icon. Supported built-in animations are 'cylon', 'fade', 'pulse', 'spin' and 'throb'"
}
]
},
{
"component": "BIconGeo",
"auto-gen": "bootstrap-icons 1.2.2",
"props": [
{
"prop": "title",
"description": "Text content to place in the title",
"version": "2.17.0"
},
{
"prop": "variant",
"description": "Contextual color variant. By default the icon inherits the current text color"
},
{
"prop": "fontScale",
"description": "Scale the icons current font size"
},
{
"prop": "scale",
"description": "Scales the icon's SVG, without increasing the font size"
},
{
"prop": "rotate",
"description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise"
},
{
"prop": "flipH",
"description": "Flips the icon horizontally"
},
{
"prop": "flipV",
"description": "Flips the icon vertically"
},
{
"prop": "shiftH",
"description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units"
},
{
"prop": "shiftV",
"description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units"
},
{
"prop": "stacked",
"version": "2.3.0",
"description": "Set this prop to true when placing inside a BIconstack component"
},
{
"prop": "animation",
"version": "2.7.0",
"description": "Animate the icon. Supported built-in animations are 'cylon', 'fade', 'pulse', 'spin' and 'throb'"
}
]
},
{
"component": "BIconGeoAlt",
"auto-gen": "bootstrap-icons 1.2.2",
"props": [
{
"prop": "title",
"description": "Text content to place in the title",
"version": "2.17.0"
},
{
"prop": "variant",
"description": "Contextual color variant. By default the icon inherits the current text color"
},
{
"prop": "fontScale",
"description": "Scale the icons current font size"
},
{
"prop": "scale",
"description": "Scales the icon's SVG, without increasing the font size"
},
{
"prop": "rotate",
"description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise"
},
{
"prop": "flipH",
"description": "Flips the icon horizontally"
},
{
"prop": "flipV",
"description": "Flips the icon vertically"
},
{
"prop": "shiftH",
"description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units"
},
{
"prop": "shiftV",
"description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units"
},
{
"prop": "stacked",
"version": "2.3.0",
"description": "Set this prop to true when placing inside a BIconstack component"
},
{
"prop": "animation",
"version": "2.7.0",
"description": "Animate the icon. Supported built-in animations are 'cylon', 'fade', 'pulse', 'spin' and 'throb'"
}
]
},
{
"component": "BIconGeoAltFill",
"auto-gen": "bootstrap-icons 1.2.2",
"props": [
{
"prop": "title",
"description": "Text content to place in the title",
"version": "2.17.0"
},
{
"prop": "variant",
"description": "Contextual color variant. By default the icon inherits the current text color"
},
{
"prop": "fontScale",
"description": "Scale the icons current font size"
},
{
"prop": "scale",
"description": "Scales the icon's SVG, without increasing the font size"
},
{
"prop": "rotate",
"description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise"
},
{
"prop": "flipH",
"description": "Flips the icon horizontally"
},
{
"prop": "flipV",
"description": "Flips the icon vertically"
},
{
"prop": "shiftH",
"description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units"
},
{
"prop": "shiftV",
"description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units"
},
{
"prop": "stacked",
"version": "2.3.0",
"description": "Set this prop to true when placing inside a BIconstack component"
},
{
"prop": "animation",
"version": "2.7.0",
"description": "Animate the icon. Supported built-in animations are 'cylon', 'fade', 'pulse', 'spin' and 'throb'"
}
]
},
{
"component": "BIconGeoFill",
"auto-gen": "bootstrap-icons 1.2.2",
"props": [
{
"prop": "title",
"description": "Text content to place in the title",
"version": "2.17.0"
},
{
"prop": "variant",
"description": "Contextual color variant. By default the icon inherits the current text color"
},
{
"prop": "fontScale",
"description": "Scale the icons current font size"
},
{
"prop": "scale",
"description": "Scales the icon's SVG, without increasing the font size"
},
{
"prop": "rotate",
"description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise"
},
{
"prop": "flipH",
"description": "Flips the icon horizontally"
},
{
"prop": "flipV",
"description": "Flips the icon vertically"
},
{
"prop": "shiftH",
"description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units"
},
{
"prop": "shiftV",
"description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units"
},
{
"prop": "stacked",
"version": "2.3.0",
"description": "Set this prop to true when placing inside a BIconstack component"
},
{
"prop": "animation",
"version": "2.7.0",
"description": "Animate the icon. Supported built-in animations are 'cylon', 'fade', 'pulse', 'spin' and 'throb'"
}
]
},
{
"component": "BIconGift",
"auto-gen": "bootstrap-icons 1.2.2",
"props": [
{
"prop": "title",
"description": "Text content to place in the title",
"version": "2.17.0"
},
{
"prop": "variant",
"description": "Contextual color variant. By default the icon inherits the current text color"
},
{
"prop": "fontScale",
"description": "Scale the icons current font size"
},
{
"prop": "scale",
"description": "Scales the icon's SVG, without increasing the font size"
},
{
"prop": "rotate",
"description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise"
},
{
"prop": "flipH",
"description": "Flips the icon horizontally"
},
{
"prop": "flipV",
"description": "Flips the icon vertically"
},
{
"prop": "shiftH",
"description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units"
},
{
"prop": "shiftV",
"description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units"
},
{
"prop": "stacked",
"version": "2.3.0",
"description": "Set this prop to true when placing inside a BIconstack component"
},
{
"prop": "animation",
"version": "2.7.0",
"description": "Animate the icon. Supported built-in animations are 'cylon', 'fade', 'pulse', 'spin' and 'throb'"
}
]
},
{
"component": "BIconGiftFill",
"auto-gen": "bootstrap-icons 1.2.2",
"props": [
{
"prop": "title",
"description": "Text content to place in the title",
"version": "2.17.0"
},
{
"prop": "variant",
"description": "Contextual color variant. By default the icon inherits the current text color"
},
{
"prop": "fontScale",
"description": "Scale the icons current font size"
},
{
"prop": "scale",
"description": "Scales the icon's SVG, without increasing the font size"
},
{
"prop": "rotate",
"description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise"
},
{
"prop": "flipH",
"description": "Flips the icon horizontally"
},
{
"prop": "flipV",
"description": "Flips the icon vertically"
},
{
"prop": "shiftH",
"description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units"
},
{
"prop": "shiftV",
"description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units"
},
{
"prop": "stacked",
"version": "2.3.0",
"description": "Set this prop to true when placing inside a BIconstack component"
},
{
"prop": "animation",
"version": "2.7.0",
"description": "Animate the icon. Supported built-in animations are 'cylon', 'fade', 'pulse', 'spin' and 'throb'"
}
]
},
{
"component": "BIconGithub",
"auto-gen": "bootstrap-icons 1.2.2",
"props": [
{
"prop": "title",
"description": "Text content to place in the title",
"version": "2.17.0"
},
{
"prop": "variant",
"description": "Contextual color variant. By default the icon inherits the current text color"
},
{
"prop": "fontScale",
"description": "Scale the icons current font size"
},
{
"prop": "scale",
"description": "Scales the icon's SVG, without increasing the font size"
},
{
"prop": "rotate",
"description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise"
},
{
"prop": "flipH",
"description": "Flips the icon horizontally"
},
{
"prop": "flipV",
"description": "Flips the icon vertically"
},
{
"prop": "shiftH",
"description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units"
},
{
"prop": "shiftV",
"description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units"
},
{
"prop": "stacked",
"version": "2.3.0",
"description": "Set this prop to true when placing inside a BIconstack component"
},
{
"prop": "animation",
"version": "2.7.0",
"description": "Animate the icon. Supported built-in animations are 'cylon', 'fade', 'pulse', 'spin' and 'throb'"
}
]
},
{
"component": "BIconGlobe",
"auto-gen": "bootstrap-icons 1.2.2",
"props": [
{
"prop": "title",
"description": "Text content to place in the title",
"version": "2.17.0"
},
{
"prop": "variant",
"description": "Contextual color variant. By default the icon inherits the current text color"
},
{
"prop": "fontScale",
"description": "Scale the icons current font size"
},
{
"prop": "scale",
"description": "Scales the icon's SVG, without increasing the font size"
},
{
"prop": "rotate",
"description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise"
},
{
"prop": "flipH",
"description": "Flips the icon horizontally"
},
{
"prop": "flipV",
"description": "Flips the icon vertically"
},
{
"prop": "shiftH",
"description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units"
},
{
"prop": "shiftV",
"description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units"
},
{
"prop": "stacked",
"version": "2.3.0",
"description": "Set this prop to true when placing inside a BIconstack component"
},
{
"prop": "animation",
"version": "2.7.0",
"description": "Animate the icon. Supported built-in animations are 'cylon', 'fade', 'pulse', 'spin' and 'throb'"
}
]
},
{
"component": "BIconGlobe2",
"auto-gen": "bootstrap-icons 1.2.2",
"props": [
{
"prop": "title",
"description": "Text content to place in the title",
"version": "2.17.0"
},
{
"prop": "variant",
"description": "Contextual color variant. By default the icon inherits the current text color"
},
{
"prop": "fontScale",
"description": "Scale the icons current font size"
},
{
"prop": "scale",
"description": "Scales the icon's SVG, without increasing the font size"
},
{
"prop": "rotate",
"description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise"
},
{
"prop": "flipH",
"description": "Flips the icon horizontally"
},
{
"prop": "flipV",
"description": "Flips the icon vertically"
},
{
"prop": "shiftH",
"description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units"
},
{
"prop": "shiftV",
"description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units"
},
{
"prop": "stacked",
"version": "2.3.0",
"description": "Set this prop to true when placing inside a BIconstack component"
},
{
"prop": "animation",
"version": "2.7.0",
"description": "Animate the icon. Supported built-in animations are 'cylon', 'fade', 'pulse', 'spin' and 'throb'"
}
]
},
{
"component": "BIconGoogle",
"auto-gen": "bootstrap-icons 1.2.2",
"props": [
{
"prop": "title",
"description": "Text content to place in the title",
"version": "2.17.0"
},
{
"prop": "variant",
"description": "Contextual color variant. By default the icon inherits the current text color"
},
{
"prop": "fontScale",
"description": "Scale the icons current font size"
},
{
"prop": "scale",
"description": "Scales the icon's SVG, without increasing the font size"
},
{
"prop": "rotate",
"description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise"
},
{
"prop": "flipH",
"description": "Flips the icon horizontally"
},
{
"prop": "flipV",
"description": "Flips the icon vertically"
},
{
"prop": "shiftH",
"description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units"
},
{
"prop": "shiftV",
"description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units"
},
{
"prop": "stacked",
"version": "2.3.0",
"description": "Set this prop to true when placing inside a BIconstack component"
},
{
"prop": "animation",
"version": "2.7.0",
"description": "Animate the icon. Supported built-in animations are 'cylon', 'fade', 'pulse', 'spin' and 'throb'"
}
]
},
{
"component": "BIconGraphDown",
"auto-gen": "bootstrap-icons 1.2.2",
"props": [
{
"prop": "title",
"description": "Text content to place in the title",
"version": "2.17.0"
},
{
"prop": "variant",
"description": "Contextual color variant. By default the icon inherits the current text color"
},
{
"prop": "fontScale",
"description": "Scale the icons current font size"
},
{
"prop": "scale",
"description": "Scales the icon's SVG, without increasing the font size"
},
{
"prop": "rotate",
"description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise"
},
{
"prop": "flipH",
"description": "Flips the icon horizontally"
},
{
"prop": "flipV",
"description": "Flips the icon vertically"
},
{
"prop": "shiftH",
"description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units"
},
{
"prop": "shiftV",
"description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units"
},
{
"prop": "stacked",
"version": "2.3.0",
"description": "Set this prop to true when placing inside a BIconstack component"
},
{
"prop": "animation",
"version": "2.7.0",
"description": "Animate the icon. Supported built-in animations are 'cylon', 'fade', 'pulse', 'spin' and 'throb'"
}
]
},
{
"component": "BIconGraphUp",
"auto-gen": "bootstrap-icons 1.2.2",
"props": [
{
"prop": "title",
"description": "Text content to place in the title",
"version": "2.17.0"
},
{
"prop": "variant",
"description": "Contextual color variant. By default the icon inherits the current text color"
},
{
"prop": "fontScale",
"description": "Scale the icons current font size"
},
{
"prop": "scale",
"description": "Scales the icon's SVG, without increasing the font size"
},
{
"prop": "rotate",
"description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise"
},
{
"prop": "flipH",
"description": "Flips the icon horizontally"
},
{
"prop": "flipV",
"description": "Flips the icon vertically"
},
{
"prop": "shiftH",
"description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units"
},
{
"prop": "shiftV",
"description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units"
},
{
"prop": "stacked",
"version": "2.3.0",
"description": "Set this prop to true when placing inside a BIconstack component"
},
{
"prop": "animation",
"version": "2.7.0",
"description": "Animate the icon. Supported built-in animations are 'cylon', 'fade', 'pulse', 'spin' and 'throb'"
}
]
},
{
"component": "BIconGrid",
"auto-gen": "bootstrap-icons 1.2.2",
"props": [
{
"prop": "title",
"description": "Text content to place in the title",
"version": "2.17.0"
},
{
"prop": "variant",
"description": "Contextual color variant. By default the icon inherits the current text color"
},
{
"prop": "fontScale",
"description": "Scale the icons current font size"
},
{
"prop": "scale",
"description": "Scales the icon's SVG, without increasing the font size"
},
{
"prop": "rotate",
"description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise"
},
{
"prop": "flipH",
"description": "Flips the icon horizontally"
},
{
"prop": "flipV",
"description": "Flips the icon vertically"
},
{
"prop": "shiftH",
"description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units"
},
{
"prop": "shiftV",
"description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units"
},
{
"prop": "stacked",
"version": "2.3.0",
"description": "Set this prop to true when placing inside a BIconstack component"
},
{
"prop": "animation",
"version": "2.7.0",
"description": "Animate the icon. Supported built-in animations are 'cylon', 'fade', 'pulse', 'spin' and 'throb'"
}
]
},
{
"component": "BIconGrid1x2",
"auto-gen": "bootstrap-icons 1.2.2",
"props": [
{
"prop": "title",
"description": "Text content to place in the title",
"version": "2.17.0"
},
{
"prop": "variant",
"description": "Contextual color variant. By default the icon inherits the current text color"
},
{
"prop": "fontScale",
"description": "Scale the icons current font size"
},
{
"prop": "scale",
"description": "Scales the icon's SVG, without increasing the font size"
},
{
"prop": "rotate",
"description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise"
},
{
"prop": "flipH",
"description": "Flips the icon horizontally"
},
{
"prop": "flipV",
"description": "Flips the icon vertically"
},
{
"prop": "shiftH",
"description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units"
},
{
"prop": "shiftV",
"description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units"
},
{
"prop": "stacked",
"version": "2.3.0",
"description": "Set this prop to true when placing inside a BIconstack component"
},
{
"prop": "animation",
"version": "2.7.0",
"description": "Animate the icon. Supported built-in animations are 'cylon', 'fade', 'pulse', 'spin' and 'throb'"
}
]
},
{
"component": "BIconGrid1x2Fill",
"auto-gen": "bootstrap-icons 1.2.2",
"props": [
{
"prop": "title",
"description": "Text content to place in the title",
"version": "2.17.0"
},
{
"prop": "variant",
"description": "Contextual color variant. By default the icon inherits the current text color"
},
{
"prop": "fontScale",
"description": "Scale the icons current font size"
},
{
"prop": "scale",
"description": "Scales the icon's SVG, without increasing the font size"
},
{
"prop": "rotate",
"description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise"
},
{
"prop": "flipH",
"description": "Flips the icon horizontally"
},
{
"prop": "flipV",
"description": "Flips the icon vertically"
},
{
"prop": "shiftH",
"description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units"
},
{
"prop": "shiftV",
"description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units"
},
{
"prop": "stacked",
"version": "2.3.0",
"description": "Set this prop to true when placing inside a BIconstack component"
},
{
"prop": "animation",
"version": "2.7.0",
"description": "Animate the icon. Supported built-in animations are 'cylon', 'fade', 'pulse', 'spin' and 'throb'"
}
]
},
{
"component": "BIconGrid3x2",
"auto-gen": "bootstrap-icons 1.2.2",
"props": [
{
"prop": "title",
"description": "Text content to place in the title",
"version": "2.17.0"
},
{
"prop": "variant",
"description": "Contextual color variant. By default the icon inherits the current text color"
},
{
"prop": "fontScale",
"description": "Scale the icons current font size"
},
{
"prop": "scale",
"description": "Scales the icon's SVG, without increasing the font size"
},
{
"prop": "rotate",
"description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise"
},
{
"prop": "flipH",
"description": "Flips the icon horizontally"
},
{
"prop": "flipV",
"description": "Flips the icon vertically"
},
{
"prop": "shiftH",
"description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units"
},
{
"prop": "shiftV",
"description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units"
},
{
"prop": "stacked",
"version": "2.3.0",
"description": "Set this prop to true when placing inside a BIconstack component"
},
{
"prop": "animation",
"version": "2.7.0",
"description": "Animate the icon. Supported built-in animations are 'cylon', 'fade', 'pulse', 'spin' and 'throb'"
}
]
},
{
"component": "BIconGrid3x2Gap",
"auto-gen": "bootstrap-icons 1.2.2",
"props": [
{
"prop": "title",
"description": "Text content to place in the title",
"version": "2.17.0"
},
{
"prop": "variant",
"description": "Contextual color variant. By default the icon inherits the current text color"
},
{
"prop": "fontScale",
"description": "Scale the icons current font size"
},
{
"prop": "scale",
"description": "Scales the icon's SVG, without increasing the font size"
},
{
"prop": "rotate",
"description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise"
},
{
"prop": "flipH",
"description": "Flips the icon horizontally"
},
{
"prop": "flipV",
"description": "Flips the icon vertically"
},
{
"prop": "shiftH",
"description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units"
},
{
"prop": "shiftV",
"description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units"
},
{
"prop": "stacked",
"version": "2.3.0",
"description": "Set this prop to true when placing inside a BIconstack component"
},
{
"prop": "animation",
"version": "2.7.0",
"description": "Animate the icon. Supported built-in animations are 'cylon', 'fade', 'pulse', 'spin' and 'throb'"
}
]
},
{
"component": "BIconGrid3x2GapFill",
"auto-gen": "bootstrap-icons 1.2.2",
"props": [
{
"prop": "title",
"description": "Text content to place in the title",
"version": "2.17.0"
},
{
"prop": "variant",
"description": "Contextual color variant. By default the icon inherits the current text color"
},
{
"prop": "fontScale",
"description": "Scale the icons current font size"
},
{
"prop": "scale",
"description": "Scales the icon's SVG, without increasing the font size"
},
{
"prop": "rotate",
"description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise"
},
{
"prop": "flipH",
"description": "Flips the icon horizontally"
},
{
"prop": "flipV",
"description": "Flips the icon vertically"
},
{
"prop": "shiftH",
"description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units"
},
{
"prop": "shiftV",
"description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units"
},
{
"prop": "stacked",
"version": "2.3.0",
"description": "Set this prop to true when placing inside a BIconstack component"
},
{
"prop": "animation",
"version": "2.7.0",
"description": "Animate the icon. Supported built-in animations are 'cylon', 'fade', 'pulse', 'spin' and 'throb'"
}
]
},
{
"component": "BIconGrid3x3",
"auto-gen": "bootstrap-icons 1.2.2",
"props": [
{
"prop": "title",
"description": "Text content to place in the title",
"version": "2.17.0"
},
{
"prop": "variant",
"description": "Contextual color variant. By default the icon inherits the current text color"
},
{
"prop": "fontScale",
"description": "Scale the icons current font size"
},
{
"prop": "scale",
"description": "Scales the icon's SVG, without increasing the font size"
},
{
"prop": "rotate",
"description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise"
},
{
"prop": "flipH",
"description": "Flips the icon horizontally"
},
{
"prop": "flipV",
"description": "Flips the icon vertically"
},
{
"prop": "shiftH",
"description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units"
},
{
"prop": "shiftV",
"description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units"
},
{
"prop": "stacked",
"version": "2.3.0",
"description": "Set this prop to true when placing inside a BIconstack component"
},
{
"prop": "animation",
"version": "2.7.0",
"description": "Animate the icon. Supported built-in animations are 'cylon', 'fade', 'pulse', 'spin' and 'throb'"
}
]
},
{
"component": "BIconGrid3x3Gap",
"auto-gen": "bootstrap-icons 1.2.2",
"props": [
{
"prop": "title",
"description": "Text content to place in the title",
"version": "2.17.0"
},
{
"prop": "variant",
"description": "Contextual color variant. By default the icon inherits the current text color"
},
{
"prop": "fontScale",
"description": "Scale the icons current font size"
},
{
"prop": "scale",
"description": "Scales the icon's SVG, without increasing the font size"
},
{
"prop": "rotate",
"description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise"
},
{
"prop": "flipH",
"description": "Flips the icon horizontally"
},
{
"prop": "flipV",
"description": "Flips the icon vertically"
},
{
"prop": "shiftH",
"description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units"
},
{
"prop": "shiftV",
"description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units"
},
{
"prop": "stacked",
"version": "2.3.0",
"description": "Set this prop to true when placing inside a BIconstack component"
},
{
"prop": "animation",
"version": "2.7.0",
"description": "Animate the icon. Supported built-in animations are 'cylon', 'fade', 'pulse', 'spin' and 'throb'"
}
]
},
{
"component": "BIconGrid3x3GapFill",
"auto-gen": "bootstrap-icons 1.2.2",
"props": [
{
"prop": "title",
"description": "Text content to place in the title",
"version": "2.17.0"
},
{
"prop": "variant",
"description": "Contextual color variant. By default the icon inherits the current text color"
},
{
"prop": "fontScale",
"description": "Scale the icons current font size"
},
{
"prop": "scale",
"description": "Scales the icon's SVG, without increasing the font size"
},
{
"prop": "rotate",
"description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise"
},
{
"prop": "flipH",
"description": "Flips the icon horizontally"
},
{
"prop": "flipV",
"description": "Flips the icon vertically"
},
{
"prop": "shiftH",
"description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units"
},
{
"prop": "shiftV",
"description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units"
},
{
"prop": "stacked",
"version": "2.3.0",
"description": "Set this prop to true when placing inside a BIconstack component"
},
{
"prop": "animation",
"version": "2.7.0",
"description": "Animate the icon. Supported built-in animations are 'cylon', 'fade', 'pulse', 'spin' and 'throb'"
}
]
},
{
"component": "BIconGridFill",
"auto-gen": "bootstrap-icons 1.2.2",
"props": [
{
"prop": "title",
"description": "Text content to place in the title",
"version": "2.17.0"
},
{
"prop": "variant",
"description": "Contextual color variant. By default the icon inherits the current text color"
},
{
"prop": "fontScale",
"description": "Scale the icons current font size"
},
{
"prop": "scale",
"description": "Scales the icon's SVG, without increasing the font size"
},
{
"prop": "rotate",
"description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise"
},
{
"prop": "flipH",
"description": "Flips the icon horizontally"
},
{
"prop": "flipV",
"description": "Flips the icon vertically"
},
{
"prop": "shiftH",
"description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units"
},
{
"prop": "shiftV",
"description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units"
},
{
"prop": "stacked",
"version": "2.3.0",
"description": "Set this prop to true when placing inside a BIconstack component"
},
{
"prop": "animation",
"version": "2.7.0",
"description": "Animate the icon. Supported built-in animations are 'cylon', 'fade', 'pulse', 'spin' and 'throb'"
}
]
},
{
"component": "BIconGripHorizontal",
"auto-gen": "bootstrap-icons 1.2.2",
"props": [
{
"prop": "title",
"description": "Text content to place in the title",
"version": "2.17.0"
},
{
"prop": "variant",
"description": "Contextual color variant. By default the icon inherits the current text color"
},
{
"prop": "fontScale",
"description": "Scale the icons current font size"
},
{
"prop": "scale",
"description": "Scales the icon's SVG, without increasing the font size"
},
{
"prop": "rotate",
"description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise"
},
{
"prop": "flipH",
"description": "Flips the icon horizontally"
},
{
"prop": "flipV",
"description": "Flips the icon vertically"
},
{
"prop": "shiftH",
"description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units"
},
{
"prop": "shiftV",
"description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units"
},
{
"prop": "stacked",
"version": "2.3.0",
"description": "Set this prop to true when placing inside a BIconstack component"
},
{
"prop": "animation",
"version": "2.7.0",
"description": "Animate the icon. Supported built-in animations are 'cylon', 'fade', 'pulse', 'spin' and 'throb'"
}
]
},
{
"component": "BIconGripVertical",
"auto-gen": "bootstrap-icons 1.2.2",
"props": [
{
"prop": "title",
"description": "Text content to place in the title",
"version": "2.17.0"
},
{
"prop": "variant",
"description": "Contextual color variant. By default the icon inherits the current text color"
},
{
"prop": "fontScale",
"description": "Scale the icons current font size"
},
{
"prop": "scale",
"description": "Scales the icon's SVG, without increasing the font size"
},
{
"prop": "rotate",
"description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise"
},
{
"prop": "flipH",
"description": "Flips the icon horizontally"
},
{
"prop": "flipV",
"description": "Flips the icon vertically"
},
{
"prop": "shiftH",
"description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units"
},
{
"prop": "shiftV",
"description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units"
},
{
"prop": "stacked",
"version": "2.3.0",
"description": "Set this prop to true when placing inside a BIconstack component"
},
{
"prop": "animation",
"version": "2.7.0",
"description": "Animate the icon. Supported built-in animations are 'cylon', 'fade', 'pulse', 'spin' and 'throb'"
}
]
},
{
"component": "BIconHammer",
"auto-gen": "bootstrap-icons 1.2.2",
"props": [
{
"prop": "title",
"description": "Text content to place in the title",
"version": "2.17.0"
},
{
"prop": "variant",
"description": "Contextual color variant. By default the icon inherits the current text color"
},
{
"prop": "fontScale",
"description": "Scale the icons current font size"
},
{
"prop": "scale",
"description": "Scales the icon's SVG, without increasing the font size"
},
{
"prop": "rotate",
"description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise"
},
{
"prop": "flipH",
"description": "Flips the icon horizontally"
},
{
"prop": "flipV",
"description": "Flips the icon vertically"
},
{
"prop": "shiftH",
"description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units"
},
{
"prop": "shiftV",
"description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units"
},
{
"prop": "stacked",
"version": "2.3.0",
"description": "Set this prop to true when placing inside a BIconstack component"
},
{
"prop": "animation",
"version": "2.7.0",
"description": "Animate the icon. Supported built-in animations are 'cylon', 'fade', 'pulse', 'spin' and 'throb'"
}
]
},
{
"component": "BIconHandIndex",
"auto-gen": "bootstrap-icons 1.2.2",
"props": [
{
"prop": "title",
"description": "Text content to place in the title",
"version": "2.17.0"
},
{
"prop": "variant",
"description": "Contextual color variant. By default the icon inherits the current text color"
},
{
"prop": "fontScale",
"description": "Scale the icons current font size"
},
{
"prop": "scale",
"description": "Scales the icon's SVG, without increasing the font size"
},
{
"prop": "rotate",
"description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise"
},
{
"prop": "flipH",
"description": "Flips the icon horizontally"
},
{
"prop": "flipV",
"description": "Flips the icon vertically"
},
{
"prop": "shiftH",
"description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units"
},
{
"prop": "shiftV",
"description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units"
},
{
"prop": "stacked",
"version": "2.3.0",
"description": "Set this prop to true when placing inside a BIconstack component"
},
{
"prop": "animation",
"version": "2.7.0",
"description": "Animate the icon. Supported built-in animations are 'cylon', 'fade', 'pulse', 'spin' and 'throb'"
}
]
},
{
"component": "BIconHandIndexThumb",
"auto-gen": "bootstrap-icons 1.2.2",
"props": [
{
"prop": "title",
"description": "Text content to place in the title",
"version": "2.17.0"
},
{
"prop": "variant",
"description": "Contextual color variant. By default the icon inherits the current text color"
},
{
"prop": "fontScale",
"description": "Scale the icons current font size"
},
{
"prop": "scale",
"description": "Scales the icon's SVG, without increasing the font size"
},
{
"prop": "rotate",
"description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise"
},
{
"prop": "flipH",
"description": "Flips the icon horizontally"
},
{
"prop": "flipV",
"description": "Flips the icon vertically"
},
{
"prop": "shiftH",
"description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units"
},
{
"prop": "shiftV",
"description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units"
},
{
"prop": "stacked",
"version": "2.3.0",
"description": "Set this prop to true when placing inside a BIconstack component"
},
{
"prop": "animation",
"version": "2.7.0",
"description": "Animate the icon. Supported built-in animations are 'cylon', 'fade', 'pulse', 'spin' and 'throb'"
}
]
},
{
"component": "BIconHandThumbsDown",
"auto-gen": "bootstrap-icons 1.2.2",
"props": [
{
"prop": "title",
"description": "Text content to place in the title",
"version": "2.17.0"
},
{
"prop": "variant",
"description": "Contextual color variant. By default the icon inherits the current text color"
},
{
"prop": "fontScale",
"description": "Scale the icons current font size"
},
{
"prop": "scale",
"description": "Scales the icon's SVG, without increasing the font size"
},
{
"prop": "rotate",
"description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise"
},
{
"prop": "flipH",
"description": "Flips the icon horizontally"
},
{
"prop": "flipV",
"description": "Flips the icon vertically"
},
{
"prop": "shiftH",
"description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units"
},
{
"prop": "shiftV",
"description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units"
},
{
"prop": "stacked",
"version": "2.3.0",
"description": "Set this prop to true when placing inside a BIconstack component"
},
{
"prop": "animation",
"version": "2.7.0",
"description": "Animate the icon. Supported built-in animations are 'cylon', 'fade', 'pulse', 'spin' and 'throb'"
}
]
},
{
"component": "BIconHandThumbsUp",
"auto-gen": "bootstrap-icons 1.2.2",
"props": [
{
"prop": "title",
"description": "Text content to place in the title",
"version": "2.17.0"
},
{
"prop": "variant",
"description": "Contextual color variant. By default the icon inherits the current text color"
},
{
"prop": "fontScale",
"description": "Scale the icons current font size"
},
{
"prop": "scale",
"description": "Scales the icon's SVG, without increasing the font size"
},
{
"prop": "rotate",
"description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise"
},
{
"prop": "flipH",
"description": "Flips the icon horizontally"
},
{
"prop": "flipV",
"description": "Flips the icon vertically"
},
{
"prop": "shiftH",
"description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units"
},
{
"prop": "shiftV",
"description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units"
},
{
"prop": "stacked",
"version": "2.3.0",
"description": "Set this prop to true when placing inside a BIconstack component"
},
{
"prop": "animation",
"version": "2.7.0",
"description": "Animate the icon. Supported built-in animations are 'cylon', 'fade', 'pulse', 'spin' and 'throb'"
}
]
},
{
"component": "BIconHandbag",
"auto-gen": "bootstrap-icons 1.2.2",
"props": [
{
"prop": "title",
"description": "Text content to place in the title",
"version": "2.17.0"
},
{
"prop": "variant",
"description": "Contextual color variant. By default the icon inherits the current text color"
},
{
"prop": "fontScale",
"description": "Scale the icons current font size"
},
{
"prop": "scale",
"description": "Scales the icon's SVG, without increasing the font size"
},
{
"prop": "rotate",
"description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise"
},
{
"prop": "flipH",
"description": "Flips the icon horizontally"
},
{
"prop": "flipV",
"description": "Flips the icon vertically"
},
{
"prop": "shiftH",
"description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units"
},
{
"prop": "shiftV",
"description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units"
},
{
"prop": "stacked",
"version": "2.3.0",
"description": "Set this prop to true when placing inside a BIconstack component"
},
{
"prop": "animation",
"version": "2.7.0",
"description": "Animate the icon. Supported built-in animations are 'cylon', 'fade', 'pulse', 'spin' and 'throb'"
}
]
},
{
"component": "BIconHandbagFill",
"auto-gen": "bootstrap-icons 1.2.2",
"props": [
{
"prop": "title",
"description": "Text content to place in the title",
"version": "2.17.0"
},
{
"prop": "variant",
"description": "Contextual color variant. By default the icon inherits the current text color"
},
{
"prop": "fontScale",
"description": "Scale the icons current font size"
},
{
"prop": "scale",
"description": "Scales the icon's SVG, without increasing the font size"
},
{
"prop": "rotate",
"description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise"
},
{
"prop": "flipH",
"description": "Flips the icon horizontally"
},
{
"prop": "flipV",
"description": "Flips the icon vertically"
},
{
"prop": "shiftH",
"description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units"
},
{
"prop": "shiftV",
"description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units"
},
{
"prop": "stacked",
"version": "2.3.0",
"description": "Set this prop to true when placing inside a BIconstack component"
},
{
"prop": "animation",
"version": "2.7.0",
"description": "Animate the icon. Supported built-in animations are 'cylon', 'fade', 'pulse', 'spin' and 'throb'"
}
]
},
{
"component": "BIconHash",
"auto-gen": "bootstrap-icons 1.2.2",
"props": [
{
"prop": "title",
"description": "Text content to place in the title",
"version": "2.17.0"
},
{
"prop": "variant",
"description": "Contextual color variant. By default the icon inherits the current text color"
},
{
"prop": "fontScale",
"description": "Scale the icons current font size"
},
{
"prop": "scale",
"description": "Scales the icon's SVG, without increasing the font size"
},
{
"prop": "rotate",
"description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise"
},
{
"prop": "flipH",
"description": "Flips the icon horizontally"
},
{
"prop": "flipV",
"description": "Flips the icon vertically"
},
{
"prop": "shiftH",
"description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units"
},
{
"prop": "shiftV",
"description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units"
},
{
"prop": "stacked",
"version": "2.3.0",
"description": "Set this prop to true when placing inside a BIconstack component"
},
{
"prop": "animation",
"version": "2.7.0",
"description": "Animate the icon. Supported built-in animations are 'cylon', 'fade', 'pulse', 'spin' and 'throb'"
}
]
},
{
"component": "BIconHdd",
"auto-gen": "bootstrap-icons 1.2.2",
"props": [
{
"prop": "title",
"description": "Text content to place in the title",
"version": "2.17.0"
},
{
"prop": "variant",
"description": "Contextual color variant. By default the icon inherits the current text color"
},
{
"prop": "fontScale",
"description": "Scale the icons current font size"
},
{
"prop": "scale",
"description": "Scales the icon's SVG, without increasing the font size"
},
{
"prop": "rotate",
"description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise"
},
{
"prop": "flipH",
"description": "Flips the icon horizontally"
},
{
"prop": "flipV",
"description": "Flips the icon vertically"
},
{
"prop": "shiftH",
"description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units"
},
{
"prop": "shiftV",
"description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units"
},
{
"prop": "stacked",
"version": "2.3.0",
"description": "Set this prop to true when placing inside a BIconstack component"
},
{
"prop": "animation",
"version": "2.7.0",
"description": "Animate the icon. Supported built-in animations are 'cylon', 'fade', 'pulse', 'spin' and 'throb'"
}
]
},
{
"component": "BIconHddFill",
"auto-gen": "bootstrap-icons 1.2.2",
"props": [
{
"prop": "title",
"description": "Text content to place in the title",
"version": "2.17.0"
},
{
"prop": "variant",
"description": "Contextual color variant. By default the icon inherits the current text color"
},
{
"prop": "fontScale",
"description": "Scale the icons current font size"
},
{
"prop": "scale",
"description": "Scales the icon's SVG, without increasing the font size"
},
{
"prop": "rotate",
"description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise"
},
{
"prop": "flipH",
"description": "Flips the icon horizontally"
},
{
"prop": "flipV",
"description": "Flips the icon vertically"
},
{
"prop": "shiftH",
"description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units"
},
{
"prop": "shiftV",
"description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units"
},
{
"prop": "stacked",
"version": "2.3.0",
"description": "Set this prop to true when placing inside a BIconstack component"
},
{
"prop": "animation",
"version": "2.7.0",
"description": "Animate the icon. Supported built-in animations are 'cylon', 'fade', 'pulse', 'spin' and 'throb'"
}
]
},
{
"component": "BIconHddNetwork",
"auto-gen": "bootstrap-icons 1.2.2",
"props": [
{
"prop": "title",
"description": "Text content to place in the title",
"version": "2.17.0"
},
{
"prop": "variant",
"description": "Contextual color variant. By default the icon inherits the current text color"
},
{
"prop": "fontScale",
"description": "Scale the icons current font size"
},
{
"prop": "scale",
"description": "Scales the icon's SVG, without increasing the font size"
},
{
"prop": "rotate",
"description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise"
},
{
"prop": "flipH",
"description": "Flips the icon horizontally"
},
{
"prop": "flipV",
"description": "Flips the icon vertically"
},
{
"prop": "shiftH",
"description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units"
},
{
"prop": "shiftV",
"description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units"
},
{
"prop": "stacked",
"version": "2.3.0",
"description": "Set this prop to true when placing inside a BIconstack component"
},
{
"prop": "animation",
"version": "2.7.0",
"description": "Animate the icon. Supported built-in animations are 'cylon', 'fade', 'pulse', 'spin' and 'throb'"
}
]
},
{
"component": "BIconHddNetworkFill",
"auto-gen": "bootstrap-icons 1.2.2",
"props": [
{
"prop": "title",
"description": "Text content to place in the title",
"version": "2.17.0"
},
{
"prop": "variant",
"description": "Contextual color variant. By default the icon inherits the current text color"
},
{
"prop": "fontScale",
"description": "Scale the icons current font size"
},
{
"prop": "scale",
"description": "Scales the icon's SVG, without increasing the font size"
},
{
"prop": "rotate",
"description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise"
},
{
"prop": "flipH",
"description": "Flips the icon horizontally"
},
{
"prop": "flipV",
"description": "Flips the icon vertically"
},
{
"prop": "shiftH",
"description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units"
},
{
"prop": "shiftV",
"description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units"
},
{
"prop": "stacked",
"version": "2.3.0",
"description": "Set this prop to true when placing inside a BIconstack component"
},
{
"prop": "animation",
"version": "2.7.0",
"description": "Animate the icon. Supported built-in animations are 'cylon', 'fade', 'pulse', 'spin' and 'throb'"
}
]
},
{
"component": "BIconHddRack",
"auto-gen": "bootstrap-icons 1.2.2",
"props": [
{
"prop": "title",
"description": "Text content to place in the title",
"version": "2.17.0"
},
{
"prop": "variant",
"description": "Contextual color variant. By default the icon inherits the current text color"
},
{
"prop": "fontScale",
"description": "Scale the icons current font size"
},
{
"prop": "scale",
"description": "Scales the icon's SVG, without increasing the font size"
},
{
"prop": "rotate",
"description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise"
},
{
"prop": "flipH",
"description": "Flips the icon horizontally"
},
{
"prop": "flipV",
"description": "Flips the icon vertically"
},
{
"prop": "shiftH",
"description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units"
},
{
"prop": "shiftV",
"description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units"
},
{
"prop": "stacked",
"version": "2.3.0",
"description": "Set this prop to true when placing inside a BIconstack component"
},
{
"prop": "animation",
"version": "2.7.0",
"description": "Animate the icon. Supported built-in animations are 'cylon', 'fade', 'pulse', 'spin' and 'throb'"
}
]
},
{
"component": "BIconHddRackFill",
"auto-gen": "bootstrap-icons 1.2.2",
"props": [
{
"prop": "title",
"description": "Text content to place in the title",
"version": "2.17.0"
},
{
"prop": "variant",
"description": "Contextual color variant. By default the icon inherits the current text color"
},
{
"prop": "fontScale",
"description": "Scale the icons current font size"
},
{
"prop": "scale",
"description": "Scales the icon's SVG, without increasing the font size"
},
{
"prop": "rotate",
"description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise"
},
{
"prop": "flipH",
"description": "Flips the icon horizontally"
},
{
"prop": "flipV",
"description": "Flips the icon vertically"
},
{
"prop": "shiftH",
"description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units"
},
{
"prop": "shiftV",
"description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units"
},
{
"prop": "stacked",
"version": "2.3.0",
"description": "Set this prop to true when placing inside a BIconstack component"
},
{
"prop": "animation",
"version": "2.7.0",
"description": "Animate the icon. Supported built-in animations are 'cylon', 'fade', 'pulse', 'spin' and 'throb'"
}
]
},
{
"component": "BIconHddStack",
"auto-gen": "bootstrap-icons 1.2.2",
"props": [
{
"prop": "title",
"description": "Text content to place in the title",
"version": "2.17.0"
},
{
"prop": "variant",
"description": "Contextual color variant. By default the icon inherits the current text color"
},
{
"prop": "fontScale",
"description": "Scale the icons current font size"
},
{
"prop": "scale",
"description": "Scales the icon's SVG, without increasing the font size"
},
{
"prop": "rotate",
"description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise"
},
{
"prop": "flipH",
"description": "Flips the icon horizontally"
},
{
"prop": "flipV",
"description": "Flips the icon vertically"
},
{
"prop": "shiftH",
"description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units"
},
{
"prop": "shiftV",
"description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units"
},
{
"prop": "stacked",
"version": "2.3.0",
"description": "Set this prop to true when placing inside a BIconstack component"
},
{
"prop": "animation",
"version": "2.7.0",
"description": "Animate the icon. Supported built-in animations are 'cylon', 'fade', 'pulse', 'spin' and 'throb'"
}
]
},
{
"component": "BIconHddStackFill",
"auto-gen": "bootstrap-icons 1.2.2",
"props": [
{
"prop": "title",
"description": "Text content to place in the title",
"version": "2.17.0"
},
{
"prop": "variant",
"description": "Contextual color variant. By default the icon inherits the current text color"
},
{
"prop": "fontScale",
"description": "Scale the icons current font size"
},
{
"prop": "scale",
"description": "Scales the icon's SVG, without increasing the font size"
},
{
"prop": "rotate",
"description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise"
},
{
"prop": "flipH",
"description": "Flips the icon horizontally"
},
{
"prop": "flipV",
"description": "Flips the icon vertically"
},
{
"prop": "shiftH",
"description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units"
},
{
"prop": "shiftV",
"description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units"
},
{
"prop": "stacked",
"version": "2.3.0",
"description": "Set this prop to true when placing inside a BIconstack component"
},
{
"prop": "animation",
"version": "2.7.0",
"description": "Animate the icon. Supported built-in animations are 'cylon', 'fade', 'pulse', 'spin' and 'throb'"
}
]
},
{
"component": "BIconHeadphones",
"auto-gen": "bootstrap-icons 1.2.2",
"props": [
{
"prop": "title",
"description": "Text content to place in the title",
"version": "2.17.0"
},
{
"prop": "variant",
"description": "Contextual color variant. By default the icon inherits the current text color"
},
{
"prop": "fontScale",
"description": "Scale the icons current font size"
},
{
"prop": "scale",
"description": "Scales the icon's SVG, without increasing the font size"
},
{
"prop": "rotate",
"description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise"
},
{
"prop": "flipH",
"description": "Flips the icon horizontally"
},
{
"prop": "flipV",
"description": "Flips the icon vertically"
},
{
"prop": "shiftH",
"description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units"
},
{
"prop": "shiftV",
"description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units"
},
{
"prop": "stacked",
"version": "2.3.0",
"description": "Set this prop to true when placing inside a BIconstack component"
},
{
"prop": "animation",
"version": "2.7.0",
"description": "Animate the icon. Supported built-in animations are 'cylon', 'fade', 'pulse', 'spin' and 'throb'"
}
]
},
{
"component": "BIconHeadset",
"auto-gen": "bootstrap-icons 1.2.2",
"props": [
{
"prop": "title",
"description": "Text content to place in the title",
"version": "2.17.0"
},
{
"prop": "variant",
"description": "Contextual color variant. By default the icon inherits the current text color"
},
{
"prop": "fontScale",
"description": "Scale the icons current font size"
},
{
"prop": "scale",
"description": "Scales the icon's SVG, without increasing the font size"
},
{
"prop": "rotate",
"description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise"
},
{
"prop": "flipH",
"description": "Flips the icon horizontally"
},
{
"prop": "flipV",
"description": "Flips the icon vertically"
},
{
"prop": "shiftH",
"description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units"
},
{
"prop": "shiftV",
"description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units"
},
{
"prop": "stacked",
"version": "2.3.0",
"description": "Set this prop to true when placing inside a BIconstack component"
},
{
"prop": "animation",
"version": "2.7.0",
"description": "Animate the icon. Supported built-in animations are 'cylon', 'fade', 'pulse', 'spin' and 'throb'"
}
]
},
{
"component": "BIconHeart",
"auto-gen": "bootstrap-icons 1.2.2",
"props": [
{
"prop": "title",
"description": "Text content to place in the title",
"version": "2.17.0"
},
{
"prop": "variant",
"description": "Contextual color variant. By default the icon inherits the current text color"
},
{
"prop": "fontScale",
"description": "Scale the icons current font size"
},
{
"prop": "scale",
"description": "Scales the icon's SVG, without increasing the font size"
},
{
"prop": "rotate",
"description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise"
},
{
"prop": "flipH",
"description": "Flips the icon horizontally"
},
{
"prop": "flipV",
"description": "Flips the icon vertically"
},
{
"prop": "shiftH",
"description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units"
},
{
"prop": "shiftV",
"description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units"
},
{
"prop": "stacked",
"version": "2.3.0",
"description": "Set this prop to true when placing inside a BIconstack component"
},
{
"prop": "animation",
"version": "2.7.0",
"description": "Animate the icon. Supported built-in animations are 'cylon', 'fade', 'pulse', 'spin' and 'throb'"
}
]
},
{
"component": "BIconHeartFill",
"auto-gen": "bootstrap-icons 1.2.2",
"props": [
{
"prop": "title",
"description": "Text content to place in the title",
"version": "2.17.0"
},
{
"prop": "variant",
"description": "Contextual color variant. By default the icon inherits the current text color"
},
{
"prop": "fontScale",
"description": "Scale the icons current font size"
},
{
"prop": "scale",
"description": "Scales the icon's SVG, without increasing the font size"
},
{
"prop": "rotate",
"description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise"
},
{
"prop": "flipH",
"description": "Flips the icon horizontally"
},
{
"prop": "flipV",
"description": "Flips the icon vertically"
},
{
"prop": "shiftH",
"description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units"
},
{
"prop": "shiftV",
"description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units"
},
{
"prop": "stacked",
"version": "2.3.0",
"description": "Set this prop to true when placing inside a BIconstack component"
},
{
"prop": "animation",
"version": "2.7.0",
"description": "Animate the icon. Supported built-in animations are 'cylon', 'fade', 'pulse', 'spin' and 'throb'"
}
]
},
{
"component": "BIconHeartHalf",
"auto-gen": "bootstrap-icons 1.2.2",
"props": [
{
"prop": "title",
"description": "Text content to place in the title",
"version": "2.17.0"
},
{
"prop": "variant",
"description": "Contextual color variant. By default the icon inherits the current text color"
},
{
"prop": "fontScale",
"description": "Scale the icons current font size"
},
{
"prop": "scale",
"description": "Scales the icon's SVG, without increasing the font size"
},
{
"prop": "rotate",
"description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise"
},
{
"prop": "flipH",
"description": "Flips the icon horizontally"
},
{
"prop": "flipV",
"description": "Flips the icon vertically"
},
{
"prop": "shiftH",
"description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units"
},
{
"prop": "shiftV",
"description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units"
},
{
"prop": "stacked",
"version": "2.3.0",
"description": "Set this prop to true when placing inside a BIconstack component"
},
{
"prop": "animation",
"version": "2.7.0",
"description": "Animate the icon. Supported built-in animations are 'cylon', 'fade', 'pulse', 'spin' and 'throb'"
}
]
},
{
"component": "BIconHeptagon",
"auto-gen": "bootstrap-icons 1.2.2",
"props": [
{
"prop": "title",
"description": "Text content to place in the title",
"version": "2.17.0"
},
{
"prop": "variant",
"description": "Contextual color variant. By default the icon inherits the current text color"
},
{
"prop": "fontScale",
"description": "Scale the icons current font size"
},
{
"prop": "scale",
"description": "Scales the icon's SVG, without increasing the font size"
},
{
"prop": "rotate",
"description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise"
},
{
"prop": "flipH",
"description": "Flips the icon horizontally"
},
{
"prop": "flipV",
"description": "Flips the icon vertically"
},
{
"prop": "shiftH",
"description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units"
},
{
"prop": "shiftV",
"description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units"
},
{
"prop": "stacked",
"version": "2.3.0",
"description": "Set this prop to true when placing inside a BIconstack component"
},
{
"prop": "animation",
"version": "2.7.0",
"description": "Animate the icon. Supported built-in animations are 'cylon', 'fade', 'pulse', 'spin' and 'throb'"
}
]
},
{
"component": "BIconHeptagonFill",
"auto-gen": "bootstrap-icons 1.2.2",
"props": [
{
"prop": "title",
"description": "Text content to place in the title",
"version": "2.17.0"
},
{
"prop": "variant",
"description": "Contextual color variant. By default the icon inherits the current text color"
},
{
"prop": "fontScale",
"description": "Scale the icons current font size"
},
{
"prop": "scale",
"description": "Scales the icon's SVG, without increasing the font size"
},
{
"prop": "rotate",
"description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise"
},
{
"prop": "flipH",
"description": "Flips the icon horizontally"
},
{
"prop": "flipV",
"description": "Flips the icon vertically"
},
{
"prop": "shiftH",
"description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units"
},
{
"prop": "shiftV",
"description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units"
},
{
"prop": "stacked",
"version": "2.3.0",
"description": "Set this prop to true when placing inside a BIconstack component"
},
{
"prop": "animation",
"version": "2.7.0",
"description": "Animate the icon. Supported built-in animations are 'cylon', 'fade', 'pulse', 'spin' and 'throb'"
}
]
},
{
"component": "BIconHeptagonHalf",
"auto-gen": "bootstrap-icons 1.2.2",
"props": [
{
"prop": "title",
"description": "Text content to place in the title",
"version": "2.17.0"
},
{
"prop": "variant",
"description": "Contextual color variant. By default the icon inherits the current text color"
},
{
"prop": "fontScale",
"description": "Scale the icons current font size"
},
{
"prop": "scale",
"description": "Scales the icon's SVG, without increasing the font size"
},
{
"prop": "rotate",
"description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise"
},
{
"prop": "flipH",
"description": "Flips the icon horizontally"
},
{
"prop": "flipV",
"description": "Flips the icon vertically"
},
{
"prop": "shiftH",
"description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units"
},
{
"prop": "shiftV",
"description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units"
},
{
"prop": "stacked",
"version": "2.3.0",
"description": "Set this prop to true when placing inside a BIconstack component"
},
{
"prop": "animation",
"version": "2.7.0",
"description": "Animate the icon. Supported built-in animations are 'cylon', 'fade', 'pulse', 'spin' and 'throb'"
}
]
},
{
"component": "BIconHexagon",
"auto-gen": "bootstrap-icons 1.2.2",
"props": [
{
"prop": "title",
"description": "Text content to place in the title",
"version": "2.17.0"
},
{
"prop": "variant",
"description": "Contextual color variant. By default the icon inherits the current text color"
},
{
"prop": "fontScale",
"description": "Scale the icons current font size"
},
{
"prop": "scale",
"description": "Scales the icon's SVG, without increasing the font size"
},
{
"prop": "rotate",
"description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise"
},
{
"prop": "flipH",
"description": "Flips the icon horizontally"
},
{
"prop": "flipV",
"description": "Flips the icon vertically"
},
{
"prop": "shiftH",
"description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units"
},
{
"prop": "shiftV",
"description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units"
},
{
"prop": "stacked",
"version": "2.3.0",
"description": "Set this prop to true when placing inside a BIconstack component"
},
{
"prop": "animation",
"version": "2.7.0",
"description": "Animate the icon. Supported built-in animations are 'cylon', 'fade', 'pulse', 'spin' and 'throb'"
}
]
},
{
"component": "BIconHexagonFill",
"auto-gen": "bootstrap-icons 1.2.2",
"props": [
{
"prop": "title",
"description": "Text content to place in the title",
"version": "2.17.0"
},
{
"prop": "variant",
"description": "Contextual color variant. By default the icon inherits the current text color"
},
{
"prop": "fontScale",
"description": "Scale the icons current font size"
},
{
"prop": "scale",
"description": "Scales the icon's SVG, without increasing the font size"
},
{
"prop": "rotate",
"description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise"
},
{
"prop": "flipH",
"description": "Flips the icon horizontally"
},
{
"prop": "flipV",
"description": "Flips the icon vertically"
},
{
"prop": "shiftH",
"description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units"
},
{
"prop": "shiftV",
"description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units"
},
{
"prop": "stacked",
"version": "2.3.0",
"description": "Set this prop to true when placing inside a BIconstack component"
},
{
"prop": "animation",
"version": "2.7.0",
"description": "Animate the icon. Supported built-in animations are 'cylon', 'fade', 'pulse', 'spin' and 'throb'"
}
]
},
{
"component": "BIconHexagonHalf",
"auto-gen": "bootstrap-icons 1.2.2",
"props": [
{
"prop": "title",
"description": "Text content to place in the title",
"version": "2.17.0"
},
{
"prop": "variant",
"description": "Contextual color variant. By default the icon inherits the current text color"
},
{
"prop": "fontScale",
"description": "Scale the icons current font size"
},
{
"prop": "scale",
"description": "Scales the icon's SVG, without increasing the font size"
},
{
"prop": "rotate",
"description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise"
},
{
"prop": "flipH",
"description": "Flips the icon horizontally"
},
{
"prop": "flipV",
"description": "Flips the icon vertically"
},
{
"prop": "shiftH",
"description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units"
},
{
"prop": "shiftV",
"description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units"
},
{
"prop": "stacked",
"version": "2.3.0",
"description": "Set this prop to true when placing inside a BIconstack component"
},
{
"prop": "animation",
"version": "2.7.0",
"description": "Animate the icon. Supported built-in animations are 'cylon', 'fade', 'pulse', 'spin' and 'throb'"
}
]
},
{
"component": "BIconHourglass",
"auto-gen": "bootstrap-icons 1.2.2",
"props": [
{
"prop": "title",
"description": "Text content to place in the title",
"version": "2.17.0"
},
{
"prop": "variant",
"description": "Contextual color variant. By default the icon inherits the current text color"
},
{
"prop": "fontScale",
"description": "Scale the icons current font size"
},
{
"prop": "scale",
"description": "Scales the icon's SVG, without increasing the font size"
},
{
"prop": "rotate",
"description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise"
},
{
"prop": "flipH",
"description": "Flips the icon horizontally"
},
{
"prop": "flipV",
"description": "Flips the icon vertically"
},
{
"prop": "shiftH",
"description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units"
},
{
"prop": "shiftV",
"description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units"
},
{
"prop": "stacked",
"version": "2.3.0",
"description": "Set this prop to true when placing inside a BIconstack component"
},
{
"prop": "animation",
"version": "2.7.0",
"description": "Animate the icon. Supported built-in animations are 'cylon', 'fade', 'pulse', 'spin' and 'throb'"
}
]
},
{
"component": "BIconHourglassBottom",
"auto-gen": "bootstrap-icons 1.2.2",
"props": [
{
"prop": "title",
"description": "Text content to place in the title",
"version": "2.17.0"
},
{
"prop": "variant",
"description": "Contextual color variant. By default the icon inherits the current text color"
},
{
"prop": "fontScale",
"description": "Scale the icons current font size"
},
{
"prop": "scale",
"description": "Scales the icon's SVG, without increasing the font size"
},
{
"prop": "rotate",
"description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise"
},
{
"prop": "flipH",
"description": "Flips the icon horizontally"
},
{
"prop": "flipV",
"description": "Flips the icon vertically"
},
{
"prop": "shiftH",
"description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units"
},
{
"prop": "shiftV",
"description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units"
},
{
"prop": "stacked",
"version": "2.3.0",
"description": "Set this prop to true when placing inside a BIconstack component"
},
{
"prop": "animation",
"version": "2.7.0",
"description": "Animate the icon. Supported built-in animations are 'cylon', 'fade', 'pulse', 'spin' and 'throb'"
}
]
},
{
"component": "BIconHourglassSplit",
"auto-gen": "bootstrap-icons 1.2.2",
"props": [
{
"prop": "title",
"description": "Text content to place in the title",
"version": "2.17.0"
},
{
"prop": "variant",
"description": "Contextual color variant. By default the icon inherits the current text color"
},
{
"prop": "fontScale",
"description": "Scale the icons current font size"
},
{
"prop": "scale",
"description": "Scales the icon's SVG, without increasing the font size"
},
{
"prop": "rotate",
"description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise"
},
{
"prop": "flipH",
"description": "Flips the icon horizontally"
},
{
"prop": "flipV",
"description": "Flips the icon vertically"
},
{
"prop": "shiftH",
"description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units"
},
{
"prop": "shiftV",
"description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units"
},
{
"prop": "stacked",
"version": "2.3.0",
"description": "Set this prop to true when placing inside a BIconstack component"
},
{
"prop": "animation",
"version": "2.7.0",
"description": "Animate the icon. Supported built-in animations are 'cylon', 'fade', 'pulse', 'spin' and 'throb'"
}
]
},
{
"component": "BIconHourglassTop",
"auto-gen": "bootstrap-icons 1.2.2",
"props": [
{
"prop": "title",
"description": "Text content to place in the title",
"version": "2.17.0"
},
{
"prop": "variant",
"description": "Contextual color variant. By default the icon inherits the current text color"
},
{
"prop": "fontScale",
"description": "Scale the icons current font size"
},
{
"prop": "scale",
"description": "Scales the icon's SVG, without increasing the font size"
},
{
"prop": "rotate",
"description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise"
},
{
"prop": "flipH",
"description": "Flips the icon horizontally"
},
{
"prop": "flipV",
"description": "Flips the icon vertically"
},
{
"prop": "shiftH",
"description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units"
},
{
"prop": "shiftV",
"description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units"
},
{
"prop": "stacked",
"version": "2.3.0",
"description": "Set this prop to true when placing inside a BIconstack component"
},
{
"prop": "animation",
"version": "2.7.0",
"description": "Animate the icon. Supported built-in animations are 'cylon', 'fade', 'pulse', 'spin' and 'throb'"
}
]
},
{
"component": "BIconHouse",
"auto-gen": "bootstrap-icons 1.2.2",
"props": [
{
"prop": "title",
"description": "Text content to place in the title",
"version": "2.17.0"
},
{
"prop": "variant",
"description": "Contextual color variant. By default the icon inherits the current text color"
},
{
"prop": "fontScale",
"description": "Scale the icons current font size"
},
{
"prop": "scale",
"description": "Scales the icon's SVG, without increasing the font size"
},
{
"prop": "rotate",
"description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise"
},
{
"prop": "flipH",
"description": "Flips the icon horizontally"
},
{
"prop": "flipV",
"description": "Flips the icon vertically"
},
{
"prop": "shiftH",
"description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units"
},
{
"prop": "shiftV",
"description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units"
},
{
"prop": "stacked",
"version": "2.3.0",
"description": "Set this prop to true when placing inside a BIconstack component"
},
{
"prop": "animation",
"version": "2.7.0",
"description": "Animate the icon. Supported built-in animations are 'cylon', 'fade', 'pulse', 'spin' and 'throb'"
}
]
},
{
"component": "BIconHouseDoor",
"auto-gen": "bootstrap-icons 1.2.2",
"props": [
{
"prop": "title",
"description": "Text content to place in the title",
"version": "2.17.0"
},
{
"prop": "variant",
"description": "Contextual color variant. By default the icon inherits the current text color"
},
{
"prop": "fontScale",
"description": "Scale the icons current font size"
},
{
"prop": "scale",
"description": "Scales the icon's SVG, without increasing the font size"
},
{
"prop": "rotate",
"description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise"
},
{
"prop": "flipH",
"description": "Flips the icon horizontally"
},
{
"prop": "flipV",
"description": "Flips the icon vertically"
},
{
"prop": "shiftH",
"description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units"
},
{
"prop": "shiftV",
"description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units"
},
{
"prop": "stacked",
"version": "2.3.0",
"description": "Set this prop to true when placing inside a BIconstack component"
},
{
"prop": "animation",
"version": "2.7.0",
"description": "Animate the icon. Supported built-in animations are 'cylon', 'fade', 'pulse', 'spin' and 'throb'"
}
]
},
{
"component": "BIconHouseDoorFill",
"auto-gen": "bootstrap-icons 1.2.2",
"props": [
{
"prop": "title",
"description": "Text content to place in the title",
"version": "2.17.0"
},
{
"prop": "variant",
"description": "Contextual color variant. By default the icon inherits the current text color"
},
{
"prop": "fontScale",
"description": "Scale the icons current font size"
},
{
"prop": "scale",
"description": "Scales the icon's SVG, without increasing the font size"
},
{
"prop": "rotate",
"description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise"
},
{
"prop": "flipH",
"description": "Flips the icon horizontally"
},
{
"prop": "flipV",
"description": "Flips the icon vertically"
},
{
"prop": "shiftH",
"description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units"
},
{
"prop": "shiftV",
"description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units"
},
{
"prop": "stacked",
"version": "2.3.0",
"description": "Set this prop to true when placing inside a BIconstack component"
},
{
"prop": "animation",
"version": "2.7.0",
"description": "Animate the icon. Supported built-in animations are 'cylon', 'fade', 'pulse', 'spin' and 'throb'"
}
]
},
{
"component": "BIconHouseFill",
"auto-gen": "bootstrap-icons 1.2.2",
"props": [
{
"prop": "title",
"description": "Text content to place in the title",
"version": "2.17.0"
},
{
"prop": "variant",
"description": "Contextual color variant. By default the icon inherits the current text color"
},
{
"prop": "fontScale",
"description": "Scale the icons current font size"
},
{
"prop": "scale",
"description": "Scales the icon's SVG, without increasing the font size"
},
{
"prop": "rotate",
"description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise"
},
{
"prop": "flipH",
"description": "Flips the icon horizontally"
},
{
"prop": "flipV",
"description": "Flips the icon vertically"
},
{
"prop": "shiftH",
"description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units"
},
{
"prop": "shiftV",
"description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units"
},
{
"prop": "stacked",
"version": "2.3.0",
"description": "Set this prop to true when placing inside a BIconstack component"
},
{
"prop": "animation",
"version": "2.7.0",
"description": "Animate the icon. Supported built-in animations are 'cylon', 'fade', 'pulse', 'spin' and 'throb'"
}
]
},
{
"component": "BIconHr",
"auto-gen": "bootstrap-icons 1.2.2",
"props": [
{
"prop": "title",
"description": "Text content to place in the title",
"version": "2.17.0"
},
{
"prop": "variant",
"description": "Contextual color variant. By default the icon inherits the current text color"
},
{
"prop": "fontScale",
"description": "Scale the icons current font size"
},
{
"prop": "scale",
"description": "Scales the icon's SVG, without increasing the font size"
},
{
"prop": "rotate",
"description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise"
},
{
"prop": "flipH",
"description": "Flips the icon horizontally"
},
{
"prop": "flipV",
"description": "Flips the icon vertically"
},
{
"prop": "shiftH",
"description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units"
},
{
"prop": "shiftV",
"description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units"
},
{
"prop": "stacked",
"version": "2.3.0",
"description": "Set this prop to true when placing inside a BIconstack component"
},
{
"prop": "animation",
"version": "2.7.0",
"description": "Animate the icon. Supported built-in animations are 'cylon', 'fade', 'pulse', 'spin' and 'throb'"
}
]
},
{
"component": "BIconImage",
"auto-gen": "bootstrap-icons 1.2.2",
"props": [
{
"prop": "title",
"description": "Text content to place in the title",
"version": "2.17.0"
},
{
"prop": "variant",
"description": "Contextual color variant. By default the icon inherits the current text color"
},
{
"prop": "fontScale",
"description": "Scale the icons current font size"
},
{
"prop": "scale",
"description": "Scales the icon's SVG, without increasing the font size"
},
{
"prop": "rotate",
"description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise"
},
{
"prop": "flipH",
"description": "Flips the icon horizontally"
},
{
"prop": "flipV",
"description": "Flips the icon vertically"
},
{
"prop": "shiftH",
"description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units"
},
{
"prop": "shiftV",
"description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units"
},
{
"prop": "stacked",
"version": "2.3.0",
"description": "Set this prop to true when placing inside a BIconstack component"
},
{
"prop": "animation",
"version": "2.7.0",
"description": "Animate the icon. Supported built-in animations are 'cylon', 'fade', 'pulse', 'spin' and 'throb'"
}
]
},
{
"component": "BIconImageAlt",
"auto-gen": "bootstrap-icons 1.2.2",
"props": [
{
"prop": "title",
"description": "Text content to place in the title",
"version": "2.17.0"
},
{
"prop": "variant",
"description": "Contextual color variant. By default the icon inherits the current text color"
},
{
"prop": "fontScale",
"description": "Scale the icons current font size"
},
{
"prop": "scale",
"description": "Scales the icon's SVG, without increasing the font size"
},
{
"prop": "rotate",
"description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise"
},
{
"prop": "flipH",
"description": "Flips the icon horizontally"
},
{
"prop": "flipV",
"description": "Flips the icon vertically"
},
{
"prop": "shiftH",
"description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units"
},
{
"prop": "shiftV",
"description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units"
},
{
"prop": "stacked",
"version": "2.3.0",
"description": "Set this prop to true when placing inside a BIconstack component"
},
{
"prop": "animation",
"version": "2.7.0",
"description": "Animate the icon. Supported built-in animations are 'cylon', 'fade', 'pulse', 'spin' and 'throb'"
}
]
},
{
"component": "BIconImageFill",
"auto-gen": "bootstrap-icons 1.2.2",
"props": [
{
"prop": "title",
"description": "Text content to place in the title",
"version": "2.17.0"
},
{
"prop": "variant",
"description": "Contextual color variant. By default the icon inherits the current text color"
},
{
"prop": "fontScale",
"description": "Scale the icons current font size"
},
{
"prop": "scale",
"description": "Scales the icon's SVG, without increasing the font size"
},
{
"prop": "rotate",
"description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise"
},
{
"prop": "flipH",
"description": "Flips the icon horizontally"
},
{
"prop": "flipV",
"description": "Flips the icon vertically"
},
{
"prop": "shiftH",
"description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units"
},
{
"prop": "shiftV",
"description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units"
},
{
"prop": "stacked",
"version": "2.3.0",
"description": "Set this prop to true when placing inside a BIconstack component"
},
{
"prop": "animation",
"version": "2.7.0",
"description": "Animate the icon. Supported built-in animations are 'cylon', 'fade', 'pulse', 'spin' and 'throb'"
}
]
},
{
"component": "BIconImages",
"auto-gen": "bootstrap-icons 1.2.2",
"props": [
{
"prop": "title",
"description": "Text content to place in the title",
"version": "2.17.0"
},
{
"prop": "variant",
"description": "Contextual color variant. By default the icon inherits the current text color"
},
{
"prop": "fontScale",
"description": "Scale the icons current font size"
},
{
"prop": "scale",
"description": "Scales the icon's SVG, without increasing the font size"
},
{
"prop": "rotate",
"description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise"
},
{
"prop": "flipH",
"description": "Flips the icon horizontally"
},
{
"prop": "flipV",
"description": "Flips the icon vertically"
},
{
"prop": "shiftH",
"description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units"
},
{
"prop": "shiftV",
"description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units"
},
{
"prop": "stacked",
"version": "2.3.0",
"description": "Set this prop to true when placing inside a BIconstack component"
},
{
"prop": "animation",
"version": "2.7.0",
"description": "Animate the icon. Supported built-in animations are 'cylon', 'fade', 'pulse', 'spin' and 'throb'"
}
]
},
{
"component": "BIconInbox",
"auto-gen": "bootstrap-icons 1.2.2",
"props": [
{
"prop": "title",
"description": "Text content to place in the title",
"version": "2.17.0"
},
{
"prop": "variant",
"description": "Contextual color variant. By default the icon inherits the current text color"
},
{
"prop": "fontScale",
"description": "Scale the icons current font size"
},
{
"prop": "scale",
"description": "Scales the icon's SVG, without increasing the font size"
},
{
"prop": "rotate",
"description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise"
},
{
"prop": "flipH",
"description": "Flips the icon horizontally"
},
{
"prop": "flipV",
"description": "Flips the icon vertically"
},
{
"prop": "shiftH",
"description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units"
},
{
"prop": "shiftV",
"description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units"
},
{
"prop": "stacked",
"version": "2.3.0",
"description": "Set this prop to true when placing inside a BIconstack component"
},
{
"prop": "animation",
"version": "2.7.0",
"description": "Animate the icon. Supported built-in animations are 'cylon', 'fade', 'pulse', 'spin' and 'throb'"
}
]
},
{
"component": "BIconInboxFill",
"auto-gen": "bootstrap-icons 1.2.2",
"props": [
{
"prop": "title",
"description": "Text content to place in the title",
"version": "2.17.0"
},
{
"prop": "variant",
"description": "Contextual color variant. By default the icon inherits the current text color"
},
{
"prop": "fontScale",
"description": "Scale the icons current font size"
},
{
"prop": "scale",
"description": "Scales the icon's SVG, without increasing the font size"
},
{
"prop": "rotate",
"description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise"
},
{
"prop": "flipH",
"description": "Flips the icon horizontally"
},
{
"prop": "flipV",
"description": "Flips the icon vertically"
},
{
"prop": "shiftH",
"description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units"
},
{
"prop": "shiftV",
"description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units"
},
{
"prop": "stacked",
"version": "2.3.0",
"description": "Set this prop to true when placing inside a BIconstack component"
},
{
"prop": "animation",
"version": "2.7.0",
"description": "Animate the icon. Supported built-in animations are 'cylon', 'fade', 'pulse', 'spin' and 'throb'"
}
]
},
{
"component": "BIconInboxes",
"auto-gen": "bootstrap-icons 1.2.2",
"props": [
{
"prop": "title",
"description": "Text content to place in the title",
"version": "2.17.0"
},
{
"prop": "variant",
"description": "Contextual color variant. By default the icon inherits the current text color"
},
{
"prop": "fontScale",
"description": "Scale the icons current font size"
},
{
"prop": "scale",
"description": "Scales the icon's SVG, without increasing the font size"
},
{
"prop": "rotate",
"description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise"
},
{
"prop": "flipH",
"description": "Flips the icon horizontally"
},
{
"prop": "flipV",
"description": "Flips the icon vertically"
},
{
"prop": "shiftH",
"description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units"
},
{
"prop": "shiftV",
"description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units"
},
{
"prop": "stacked",
"version": "2.3.0",
"description": "Set this prop to true when placing inside a BIconstack component"
},
{
"prop": "animation",
"version": "2.7.0",
"description": "Animate the icon. Supported built-in animations are 'cylon', 'fade', 'pulse', 'spin' and 'throb'"
}
]
},
{
"component": "BIconInboxesFill",
"auto-gen": "bootstrap-icons 1.2.2",
"props": [
{
"prop": "title",
"description": "Text content to place in the title",
"version": "2.17.0"
},
{
"prop": "variant",
"description": "Contextual color variant. By default the icon inherits the current text color"
},
{
"prop": "fontScale",
"description": "Scale the icons current font size"
},
{
"prop": "scale",
"description": "Scales the icon's SVG, without increasing the font size"
},
{
"prop": "rotate",
"description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise"
},
{
"prop": "flipH",
"description": "Flips the icon horizontally"
},
{
"prop": "flipV",
"description": "Flips the icon vertically"
},
{
"prop": "shiftH",
"description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units"
},
{
"prop": "shiftV",
"description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units"
},
{
"prop": "stacked",
"version": "2.3.0",
"description": "Set this prop to true when placing inside a BIconstack component"
},
{
"prop": "animation",
"version": "2.7.0",
"description": "Animate the icon. Supported built-in animations are 'cylon', 'fade', 'pulse', 'spin' and 'throb'"
}
]
},
{
"component": "BIconInfo",
"auto-gen": "bootstrap-icons 1.2.2",
"props": [
{
"prop": "title",
"description": "Text content to place in the title",
"version": "2.17.0"
},
{
"prop": "variant",
"description": "Contextual color variant. By default the icon inherits the current text color"
},
{
"prop": "fontScale",
"description": "Scale the icons current font size"
},
{
"prop": "scale",
"description": "Scales the icon's SVG, without increasing the font size"
},
{
"prop": "rotate",
"description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise"
},
{
"prop": "flipH",
"description": "Flips the icon horizontally"
},
{
"prop": "flipV",
"description": "Flips the icon vertically"
},
{
"prop": "shiftH",
"description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units"
},
{
"prop": "shiftV",
"description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units"
},
{
"prop": "stacked",
"version": "2.3.0",
"description": "Set this prop to true when placing inside a BIconstack component"
},
{
"prop": "animation",
"version": "2.7.0",
"description": "Animate the icon. Supported built-in animations are 'cylon', 'fade', 'pulse', 'spin' and 'throb'"
}
]
},
{
"component": "BIconInfoCircle",
"auto-gen": "bootstrap-icons 1.2.2",
"props": [
{
"prop": "title",
"description": "Text content to place in the title",
"version": "2.17.0"
},
{
"prop": "variant",
"description": "Contextual color variant. By default the icon inherits the current text color"
},
{
"prop": "fontScale",
"description": "Scale the icons current font size"
},
{
"prop": "scale",
"description": "Scales the icon's SVG, without increasing the font size"
},
{
"prop": "rotate",
"description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise"
},
{
"prop": "flipH",
"description": "Flips the icon horizontally"
},
{
"prop": "flipV",
"description": "Flips the icon vertically"
},
{
"prop": "shiftH",
"description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units"
},
{
"prop": "shiftV",
"description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units"
},
{
"prop": "stacked",
"version": "2.3.0",
"description": "Set this prop to true when placing inside a BIconstack component"
},
{
"prop": "animation",
"version": "2.7.0",
"description": "Animate the icon. Supported built-in animations are 'cylon', 'fade', 'pulse', 'spin' and 'throb'"
}
]
},
{
"component": "BIconInfoCircleFill",
"auto-gen": "bootstrap-icons 1.2.2",
"props": [
{
"prop": "title",
"description": "Text content to place in the title",
"version": "2.17.0"
},
{
"prop": "variant",
"description": "Contextual color variant. By default the icon inherits the current text color"
},
{
"prop": "fontScale",
"description": "Scale the icons current font size"
},
{
"prop": "scale",
"description": "Scales the icon's SVG, without increasing the font size"
},
{
"prop": "rotate",
"description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise"
},
{
"prop": "flipH",
"description": "Flips the icon horizontally"
},
{
"prop": "flipV",
"description": "Flips the icon vertically"
},
{
"prop": "shiftH",
"description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units"
},
{
"prop": "shiftV",
"description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units"
},
{
"prop": "stacked",
"version": "2.3.0",
"description": "Set this prop to true when placing inside a BIconstack component"
},
{
"prop": "animation",
"version": "2.7.0",
"description": "Animate the icon. Supported built-in animations are 'cylon', 'fade', 'pulse', 'spin' and 'throb'"
}
]
},
{
"component": "BIconInfoSquare",
"auto-gen": "bootstrap-icons 1.2.2",
"props": [
{
"prop": "title",
"description": "Text content to place in the title",
"version": "2.17.0"
},
{
"prop": "variant",
"description": "Contextual color variant. By default the icon inherits the current text color"
},
{
"prop": "fontScale",
"description": "Scale the icons current font size"
},
{
"prop": "scale",
"description": "Scales the icon's SVG, without increasing the font size"
},
{
"prop": "rotate",
"description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise"
},
{
"prop": "flipH",
"description": "Flips the icon horizontally"
},
{
"prop": "flipV",
"description": "Flips the icon vertically"
},
{
"prop": "shiftH",
"description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units"
},
{
"prop": "shiftV",
"description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units"
},
{
"prop": "stacked",
"version": "2.3.0",
"description": "Set this prop to true when placing inside a BIconstack component"
},
{
"prop": "animation",
"version": "2.7.0",
"description": "Animate the icon. Supported built-in animations are 'cylon', 'fade', 'pulse', 'spin' and 'throb'"
}
]
},
{
"component": "BIconInfoSquareFill",
"auto-gen": "bootstrap-icons 1.2.2",
"props": [
{
"prop": "title",
"description": "Text content to place in the title",
"version": "2.17.0"
},
{
"prop": "variant",
"description": "Contextual color variant. By default the icon inherits the current text color"
},
{
"prop": "fontScale",
"description": "Scale the icons current font size"
},
{
"prop": "scale",
"description": "Scales the icon's SVG, without increasing the font size"
},
{
"prop": "rotate",
"description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise"
},
{
"prop": "flipH",
"description": "Flips the icon horizontally"
},
{
"prop": "flipV",
"description": "Flips the icon vertically"
},
{
"prop": "shiftH",
"description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units"
},
{
"prop": "shiftV",
"description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units"
},
{
"prop": "stacked",
"version": "2.3.0",
"description": "Set this prop to true when placing inside a BIconstack component"
},
{
"prop": "animation",
"version": "2.7.0",
"description": "Animate the icon. Supported built-in animations are 'cylon', 'fade', 'pulse', 'spin' and 'throb'"
}
]
},
{
"component": "BIconInputCursor",
"auto-gen": "bootstrap-icons 1.2.2",
"props": [
{
"prop": "title",
"description": "Text content to place in the title",
"version": "2.17.0"
},
{
"prop": "variant",
"description": "Contextual color variant. By default the icon inherits the current text color"
},
{
"prop": "fontScale",
"description": "Scale the icons current font size"
},
{
"prop": "scale",
"description": "Scales the icon's SVG, without increasing the font size"
},
{
"prop": "rotate",
"description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise"
},
{
"prop": "flipH",
"description": "Flips the icon horizontally"
},
{
"prop": "flipV",
"description": "Flips the icon vertically"
},
{
"prop": "shiftH",
"description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units"
},
{
"prop": "shiftV",
"description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units"
},
{
"prop": "stacked",
"version": "2.3.0",
"description": "Set this prop to true when placing inside a BIconstack component"
},
{
"prop": "animation",
"version": "2.7.0",
"description": "Animate the icon. Supported built-in animations are 'cylon', 'fade', 'pulse', 'spin' and 'throb'"
}
]
},
{
"component": "BIconInputCursorText",
"auto-gen": "bootstrap-icons 1.2.2",
"props": [
{
"prop": "title",
"description": "Text content to place in the title",
"version": "2.17.0"
},
{
"prop": "variant",
"description": "Contextual color variant. By default the icon inherits the current text color"
},
{
"prop": "fontScale",
"description": "Scale the icons current font size"
},
{
"prop": "scale",
"description": "Scales the icon's SVG, without increasing the font size"
},
{
"prop": "rotate",
"description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise"
},
{
"prop": "flipH",
"description": "Flips the icon horizontally"
},
{
"prop": "flipV",
"description": "Flips the icon vertically"
},
{
"prop": "shiftH",
"description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units"
},
{
"prop": "shiftV",
"description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units"
},
{
"prop": "stacked",
"version": "2.3.0",
"description": "Set this prop to true when placing inside a BIconstack component"
},
{
"prop": "animation",
"version": "2.7.0",
"description": "Animate the icon. Supported built-in animations are 'cylon', 'fade', 'pulse', 'spin' and 'throb'"
}
]
},
{
"component": "BIconInstagram",
"auto-gen": "bootstrap-icons 1.2.2",
"props": [
{
"prop": "title",
"description": "Text content to place in the title",
"version": "2.17.0"
},
{
"prop": "variant",
"description": "Contextual color variant. By default the icon inherits the current text color"
},
{
"prop": "fontScale",
"description": "Scale the icons current font size"
},
{
"prop": "scale",
"description": "Scales the icon's SVG, without increasing the font size"
},
{
"prop": "rotate",
"description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise"
},
{
"prop": "flipH",
"description": "Flips the icon horizontally"
},
{
"prop": "flipV",
"description": "Flips the icon vertically"
},
{
"prop": "shiftH",
"description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units"
},
{
"prop": "shiftV",
"description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units"
},
{
"prop": "stacked",
"version": "2.3.0",
"description": "Set this prop to true when placing inside a BIconstack component"
},
{
"prop": "animation",
"version": "2.7.0",
"description": "Animate the icon. Supported built-in animations are 'cylon', 'fade', 'pulse', 'spin' and 'throb'"
}
]
},
{
"component": "BIconIntersect",
"auto-gen": "bootstrap-icons 1.2.2",
"props": [
{
"prop": "title",
"description": "Text content to place in the title",
"version": "2.17.0"
},
{
"prop": "variant",
"description": "Contextual color variant. By default the icon inherits the current text color"
},
{
"prop": "fontScale",
"description": "Scale the icons current font size"
},
{
"prop": "scale",
"description": "Scales the icon's SVG, without increasing the font size"
},
{
"prop": "rotate",
"description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise"
},
{
"prop": "flipH",
"description": "Flips the icon horizontally"
},
{
"prop": "flipV",
"description": "Flips the icon vertically"
},
{
"prop": "shiftH",
"description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units"
},
{
"prop": "shiftV",
"description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units"
},
{
"prop": "stacked",
"version": "2.3.0",
"description": "Set this prop to true when placing inside a BIconstack component"
},
{
"prop": "animation",
"version": "2.7.0",
"description": "Animate the icon. Supported built-in animations are 'cylon', 'fade', 'pulse', 'spin' and 'throb'"
}
]
},
{
"component": "BIconJournal",
"auto-gen": "bootstrap-icons 1.2.2",
"props": [
{
"prop": "title",
"description": "Text content to place in the title",
"version": "2.17.0"
},
{
"prop": "variant",
"description": "Contextual color variant. By default the icon inherits the current text color"
},
{
"prop": "fontScale",
"description": "Scale the icons current font size"
},
{
"prop": "scale",
"description": "Scales the icon's SVG, without increasing the font size"
},
{
"prop": "rotate",
"description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise"
},
{
"prop": "flipH",
"description": "Flips the icon horizontally"
},
{
"prop": "flipV",
"description": "Flips the icon vertically"
},
{
"prop": "shiftH",
"description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units"
},
{
"prop": "shiftV",
"description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units"
},
{
"prop": "stacked",
"version": "2.3.0",
"description": "Set this prop to true when placing inside a BIconstack component"
},
{
"prop": "animation",
"version": "2.7.0",
"description": "Animate the icon. Supported built-in animations are 'cylon', 'fade', 'pulse', 'spin' and 'throb'"
}
]
},
{
"component": "BIconJournalAlbum",
"auto-gen": "bootstrap-icons 1.2.2",
"props": [
{
"prop": "title",
"description": "Text content to place in the title",
"version": "2.17.0"
},
{
"prop": "variant",
"description": "Contextual color variant. By default the icon inherits the current text color"
},
{
"prop": "fontScale",
"description": "Scale the icons current font size"
},
{
"prop": "scale",
"description": "Scales the icon's SVG, without increasing the font size"
},
{
"prop": "rotate",
"description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise"
},
{
"prop": "flipH",
"description": "Flips the icon horizontally"
},
{
"prop": "flipV",
"description": "Flips the icon vertically"
},
{
"prop": "shiftH",
"description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units"
},
{
"prop": "shiftV",
"description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units"
},
{
"prop": "stacked",
"version": "2.3.0",
"description": "Set this prop to true when placing inside a BIconstack component"
},
{
"prop": "animation",
"version": "2.7.0",
"description": "Animate the icon. Supported built-in animations are 'cylon', 'fade', 'pulse', 'spin' and 'throb'"
}
]
},
{
"component": "BIconJournalArrowDown",
"auto-gen": "bootstrap-icons 1.2.2",
"props": [
{
"prop": "title",
"description": "Text content to place in the title",
"version": "2.17.0"
},
{
"prop": "variant",
"description": "Contextual color variant. By default the icon inherits the current text color"
},
{
"prop": "fontScale",
"description": "Scale the icons current font size"
},
{
"prop": "scale",
"description": "Scales the icon's SVG, without increasing the font size"
},
{
"prop": "rotate",
"description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise"
},
{
"prop": "flipH",
"description": "Flips the icon horizontally"
},
{
"prop": "flipV",
"description": "Flips the icon vertically"
},
{
"prop": "shiftH",
"description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units"
},
{
"prop": "shiftV",
"description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units"
},
{
"prop": "stacked",
"version": "2.3.0",
"description": "Set this prop to true when placing inside a BIconstack component"
},
{
"prop": "animation",
"version": "2.7.0",
"description": "Animate the icon. Supported built-in animations are 'cylon', 'fade', 'pulse', 'spin' and 'throb'"
}
]
},
{
"component": "BIconJournalArrowUp",
"auto-gen": "bootstrap-icons 1.2.2",
"props": [
{
"prop": "title",
"description": "Text content to place in the title",
"version": "2.17.0"
},
{
"prop": "variant",
"description": "Contextual color variant. By default the icon inherits the current text color"
},
{
"prop": "fontScale",
"description": "Scale the icons current font size"
},
{
"prop": "scale",
"description": "Scales the icon's SVG, without increasing the font size"
},
{
"prop": "rotate",
"description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise"
},
{
"prop": "flipH",
"description": "Flips the icon horizontally"
},
{
"prop": "flipV",
"description": "Flips the icon vertically"
},
{
"prop": "shiftH",
"description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units"
},
{
"prop": "shiftV",
"description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units"
},
{
"prop": "stacked",
"version": "2.3.0",
"description": "Set this prop to true when placing inside a BIconstack component"
},
{
"prop": "animation",
"version": "2.7.0",
"description": "Animate the icon. Supported built-in animations are 'cylon', 'fade', 'pulse', 'spin' and 'throb'"
}
]
},
{
"component": "BIconJournalBookmark",
"auto-gen": "bootstrap-icons 1.2.2",
"props": [
{
"prop": "title",
"description": "Text content to place in the title",
"version": "2.17.0"
},
{
"prop": "variant",
"description": "Contextual color variant. By default the icon inherits the current text color"
},
{
"prop": "fontScale",
"description": "Scale the icons current font size"
},
{
"prop": "scale",
"description": "Scales the icon's SVG, without increasing the font size"
},
{
"prop": "rotate",
"description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise"
},
{
"prop": "flipH",
"description": "Flips the icon horizontally"
},
{
"prop": "flipV",
"description": "Flips the icon vertically"
},
{
"prop": "shiftH",
"description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units"
},
{
"prop": "shiftV",
"description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units"
},
{
"prop": "stacked",
"version": "2.3.0",
"description": "Set this prop to true when placing inside a BIconstack component"
},
{
"prop": "animation",
"version": "2.7.0",
"description": "Animate the icon. Supported built-in animations are 'cylon', 'fade', 'pulse', 'spin' and 'throb'"
}
]
},
{
"component": "BIconJournalBookmarkFill",
"auto-gen": "bootstrap-icons 1.2.2",
"props": [
{
"prop": "title",
"description": "Text content to place in the title",
"version": "2.17.0"
},
{
"prop": "variant",
"description": "Contextual color variant. By default the icon inherits the current text color"
},
{
"prop": "fontScale",
"description": "Scale the icons current font size"
},
{
"prop": "scale",
"description": "Scales the icon's SVG, without increasing the font size"
},
{
"prop": "rotate",
"description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise"
},
{
"prop": "flipH",
"description": "Flips the icon horizontally"
},
{
"prop": "flipV",
"description": "Flips the icon vertically"
},
{
"prop": "shiftH",
"description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units"
},
{
"prop": "shiftV",
"description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units"
},
{
"prop": "stacked",
"version": "2.3.0",
"description": "Set this prop to true when placing inside a BIconstack component"
},
{
"prop": "animation",
"version": "2.7.0",
"description": "Animate the icon. Supported built-in animations are 'cylon', 'fade', 'pulse', 'spin' and 'throb'"
}
]
},
{
"component": "BIconJournalCheck",
"auto-gen": "bootstrap-icons 1.2.2",
"props": [
{
"prop": "title",
"description": "Text content to place in the title",
"version": "2.17.0"
},
{
"prop": "variant",
"description": "Contextual color variant. By default the icon inherits the current text color"
},
{
"prop": "fontScale",
"description": "Scale the icons current font size"
},
{
"prop": "scale",
"description": "Scales the icon's SVG, without increasing the font size"
},
{
"prop": "rotate",
"description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise"
},
{
"prop": "flipH",
"description": "Flips the icon horizontally"
},
{
"prop": "flipV",
"description": "Flips the icon vertically"
},
{
"prop": "shiftH",
"description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units"
},
{
"prop": "shiftV",
"description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units"
},
{
"prop": "stacked",
"version": "2.3.0",
"description": "Set this prop to true when placing inside a BIconstack component"
},
{
"prop": "animation",
"version": "2.7.0",
"description": "Animate the icon. Supported built-in animations are 'cylon', 'fade', 'pulse', 'spin' and 'throb'"
}
]
},
{
"component": "BIconJournalCode",
"auto-gen": "bootstrap-icons 1.2.2",
"props": [
{
"prop": "title",
"description": "Text content to place in the title",
"version": "2.17.0"
},
{
"prop": "variant",
"description": "Contextual color variant. By default the icon inherits the current text color"
},
{
"prop": "fontScale",
"description": "Scale the icons current font size"
},
{
"prop": "scale",
"description": "Scales the icon's SVG, without increasing the font size"
},
{
"prop": "rotate",
"description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise"
},
{
"prop": "flipH",
"description": "Flips the icon horizontally"
},
{
"prop": "flipV",
"description": "Flips the icon vertically"
},
{
"prop": "shiftH",
"description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units"
},
{
"prop": "shiftV",
"description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units"
},
{
"prop": "stacked",
"version": "2.3.0",
"description": "Set this prop to true when placing inside a BIconstack component"
},
{
"prop": "animation",
"version": "2.7.0",
"description": "Animate the icon. Supported built-in animations are 'cylon', 'fade', 'pulse', 'spin' and 'throb'"
}
]
},
{
"component": "BIconJournalMedical",
"auto-gen": "bootstrap-icons 1.2.2",
"props": [
{
"prop": "title",
"description": "Text content to place in the title",
"version": "2.17.0"
},
{
"prop": "variant",
"description": "Contextual color variant. By default the icon inherits the current text color"
},
{
"prop": "fontScale",
"description": "Scale the icons current font size"
},
{
"prop": "scale",
"description": "Scales the icon's SVG, without increasing the font size"
},
{
"prop": "rotate",
"description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise"
},
{
"prop": "flipH",
"description": "Flips the icon horizontally"
},
{
"prop": "flipV",
"description": "Flips the icon vertically"
},
{
"prop": "shiftH",
"description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units"
},
{
"prop": "shiftV",
"description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units"
},
{
"prop": "stacked",
"version": "2.3.0",
"description": "Set this prop to true when placing inside a BIconstack component"
},
{
"prop": "animation",
"version": "2.7.0",
"description": "Animate the icon. Supported built-in animations are 'cylon', 'fade', 'pulse', 'spin' and 'throb'"
}
]
},
{
"component": "BIconJournalMinus",
"auto-gen": "bootstrap-icons 1.2.2",
"props": [
{
"prop": "title",
"description": "Text content to place in the title",
"version": "2.17.0"
},
{
"prop": "variant",
"description": "Contextual color variant. By default the icon inherits the current text color"
},
{
"prop": "fontScale",
"description": "Scale the icons current font size"
},
{
"prop": "scale",
"description": "Scales the icon's SVG, without increasing the font size"
},
{
"prop": "rotate",
"description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise"
},
{
"prop": "flipH",
"description": "Flips the icon horizontally"
},
{
"prop": "flipV",
"description": "Flips the icon vertically"
},
{
"prop": "shiftH",
"description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units"
},
{
"prop": "shiftV",
"description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units"
},
{
"prop": "stacked",
"version": "2.3.0",
"description": "Set this prop to true when placing inside a BIconstack component"
},
{
"prop": "animation",
"version": "2.7.0",
"description": "Animate the icon. Supported built-in animations are 'cylon', 'fade', 'pulse', 'spin' and 'throb'"
}
]
},
{
"component": "BIconJournalPlus",
"auto-gen": "bootstrap-icons 1.2.2",
"props": [
{
"prop": "title",
"description": "Text content to place in the title",
"version": "2.17.0"
},
{
"prop": "variant",
"description": "Contextual color variant. By default the icon inherits the current text color"
},
{
"prop": "fontScale",
"description": "Scale the icons current font size"
},
{
"prop": "scale",
"description": "Scales the icon's SVG, without increasing the font size"
},
{
"prop": "rotate",
"description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise"
},
{
"prop": "flipH",
"description": "Flips the icon horizontally"
},
{
"prop": "flipV",
"description": "Flips the icon vertically"
},
{
"prop": "shiftH",
"description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units"
},
{
"prop": "shiftV",
"description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units"
},
{
"prop": "stacked",
"version": "2.3.0",
"description": "Set this prop to true when placing inside a BIconstack component"
},
{
"prop": "animation",
"version": "2.7.0",
"description": "Animate the icon. Supported built-in animations are 'cylon', 'fade', 'pulse', 'spin' and 'throb'"
}
]
},
{
"component": "BIconJournalRichtext",
"auto-gen": "bootstrap-icons 1.2.2",
"props": [
{
"prop": "title",
"description": "Text content to place in the title",
"version": "2.17.0"
},
{
"prop": "variant",
"description": "Contextual color variant. By default the icon inherits the current text color"
},
{
"prop": "fontScale",
"description": "Scale the icons current font size"
},
{
"prop": "scale",
"description": "Scales the icon's SVG, without increasing the font size"
},
{
"prop": "rotate",
"description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise"
},
{
"prop": "flipH",
"description": "Flips the icon horizontally"
},
{
"prop": "flipV",
"description": "Flips the icon vertically"
},
{
"prop": "shiftH",
"description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units"
},
{
"prop": "shiftV",
"description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units"
},
{
"prop": "stacked",
"version": "2.3.0",
"description": "Set this prop to true when placing inside a BIconstack component"
},
{
"prop": "animation",
"version": "2.7.0",
"description": "Animate the icon. Supported built-in animations are 'cylon', 'fade', 'pulse', 'spin' and 'throb'"
}
]
},
{
"component": "BIconJournalText",
"auto-gen": "bootstrap-icons 1.2.2",
"props": [
{
"prop": "title",
"description": "Text content to place in the title",
"version": "2.17.0"
},
{
"prop": "variant",
"description": "Contextual color variant. By default the icon inherits the current text color"
},
{
"prop": "fontScale",
"description": "Scale the icons current font size"
},
{
"prop": "scale",
"description": "Scales the icon's SVG, without increasing the font size"
},
{
"prop": "rotate",
"description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise"
},
{
"prop": "flipH",
"description": "Flips the icon horizontally"
},
{
"prop": "flipV",
"description": "Flips the icon vertically"
},
{
"prop": "shiftH",
"description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units"
},
{
"prop": "shiftV",
"description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units"
},
{
"prop": "stacked",
"version": "2.3.0",
"description": "Set this prop to true when placing inside a BIconstack component"
},
{
"prop": "animation",
"version": "2.7.0",
"description": "Animate the icon. Supported built-in animations are 'cylon', 'fade', 'pulse', 'spin' and 'throb'"
}
]
},
{
"component": "BIconJournalX",
"auto-gen": "bootstrap-icons 1.2.2",
"props": [
{
"prop": "title",
"description": "Text content to place in the title",
"version": "2.17.0"
},
{
"prop": "variant",
"description": "Contextual color variant. By default the icon inherits the current text color"
},
{
"prop": "fontScale",
"description": "Scale the icons current font size"
},
{
"prop": "scale",
"description": "Scales the icon's SVG, without increasing the font size"
},
{
"prop": "rotate",
"description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise"
},
{
"prop": "flipH",
"description": "Flips the icon horizontally"
},
{
"prop": "flipV",
"description": "Flips the icon vertically"
},
{
"prop": "shiftH",
"description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units"
},
{
"prop": "shiftV",
"description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units"
},
{
"prop": "stacked",
"version": "2.3.0",
"description": "Set this prop to true when placing inside a BIconstack component"
},
{
"prop": "animation",
"version": "2.7.0",
"description": "Animate the icon. Supported built-in animations are 'cylon', 'fade', 'pulse', 'spin' and 'throb'"
}
]
},
{
"component": "BIconJournals",
"auto-gen": "bootstrap-icons 1.2.2",
"props": [
{
"prop": "title",
"description": "Text content to place in the title",
"version": "2.17.0"
},
{
"prop": "variant",
"description": "Contextual color variant. By default the icon inherits the current text color"
},
{
"prop": "fontScale",
"description": "Scale the icons current font size"
},
{
"prop": "scale",
"description": "Scales the icon's SVG, without increasing the font size"
},
{
"prop": "rotate",
"description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise"
},
{
"prop": "flipH",
"description": "Flips the icon horizontally"
},
{
"prop": "flipV",
"description": "Flips the icon vertically"
},
{
"prop": "shiftH",
"description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units"
},
{
"prop": "shiftV",
"description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units"
},
{
"prop": "stacked",
"version": "2.3.0",
"description": "Set this prop to true when placing inside a BIconstack component"
},
{
"prop": "animation",
"version": "2.7.0",
"description": "Animate the icon. Supported built-in animations are 'cylon', 'fade', 'pulse', 'spin' and 'throb'"
}
]
},
{
"component": "BIconJoystick",
"auto-gen": "bootstrap-icons 1.2.2",
"props": [
{
"prop": "title",
"description": "Text content to place in the title",
"version": "2.17.0"
},
{
"prop": "variant",
"description": "Contextual color variant. By default the icon inherits the current text color"
},
{
"prop": "fontScale",
"description": "Scale the icons current font size"
},
{
"prop": "scale",
"description": "Scales the icon's SVG, without increasing the font size"
},
{
"prop": "rotate",
"description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise"
},
{
"prop": "flipH",
"description": "Flips the icon horizontally"
},
{
"prop": "flipV",
"description": "Flips the icon vertically"
},
{
"prop": "shiftH",
"description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units"
},
{
"prop": "shiftV",
"description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units"
},
{
"prop": "stacked",
"version": "2.3.0",
"description": "Set this prop to true when placing inside a BIconstack component"
},
{
"prop": "animation",
"version": "2.7.0",
"description": "Animate the icon. Supported built-in animations are 'cylon', 'fade', 'pulse', 'spin' and 'throb'"
}
]
},
{
"component": "BIconJustify",
"auto-gen": "bootstrap-icons 1.2.2",
"props": [
{
"prop": "title",
"description": "Text content to place in the title",
"version": "2.17.0"
},
{
"prop": "variant",
"description": "Contextual color variant. By default the icon inherits the current text color"
},
{
"prop": "fontScale",
"description": "Scale the icons current font size"
},
{
"prop": "scale",
"description": "Scales the icon's SVG, without increasing the font size"
},
{
"prop": "rotate",
"description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise"
},
{
"prop": "flipH",
"description": "Flips the icon horizontally"
},
{
"prop": "flipV",
"description": "Flips the icon vertically"
},
{
"prop": "shiftH",
"description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units"
},
{
"prop": "shiftV",
"description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units"
},
{
"prop": "stacked",
"version": "2.3.0",
"description": "Set this prop to true when placing inside a BIconstack component"
},
{
"prop": "animation",
"version": "2.7.0",
"description": "Animate the icon. Supported built-in animations are 'cylon', 'fade', 'pulse', 'spin' and 'throb'"
}
]
},
{
"component": "BIconJustifyLeft",
"auto-gen": "bootstrap-icons 1.2.2",
"props": [
{
"prop": "title",
"description": "Text content to place in the title",
"version": "2.17.0"
},
{
"prop": "variant",
"description": "Contextual color variant. By default the icon inherits the current text color"
},
{
"prop": "fontScale",
"description": "Scale the icons current font size"
},
{
"prop": "scale",
"description": "Scales the icon's SVG, without increasing the font size"
},
{
"prop": "rotate",
"description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise"
},
{
"prop": "flipH",
"description": "Flips the icon horizontally"
},
{
"prop": "flipV",
"description": "Flips the icon vertically"
},
{
"prop": "shiftH",
"description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units"
},
{
"prop": "shiftV",
"description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units"
},
{
"prop": "stacked",
"version": "2.3.0",
"description": "Set this prop to true when placing inside a BIconstack component"
},
{
"prop": "animation",
"version": "2.7.0",
"description": "Animate the icon. Supported built-in animations are 'cylon', 'fade', 'pulse', 'spin' and 'throb'"
}
]
},
{
"component": "BIconJustifyRight",
"auto-gen": "bootstrap-icons 1.2.2",
"props": [
{
"prop": "title",
"description": "Text content to place in the title",
"version": "2.17.0"
},
{
"prop": "variant",
"description": "Contextual color variant. By default the icon inherits the current text color"
},
{
"prop": "fontScale",
"description": "Scale the icons current font size"
},
{
"prop": "scale",
"description": "Scales the icon's SVG, without increasing the font size"
},
{
"prop": "rotate",
"description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise"
},
{
"prop": "flipH",
"description": "Flips the icon horizontally"
},
{
"prop": "flipV",
"description": "Flips the icon vertically"
},
{
"prop": "shiftH",
"description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units"
},
{
"prop": "shiftV",
"description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units"
},
{
"prop": "stacked",
"version": "2.3.0",
"description": "Set this prop to true when placing inside a BIconstack component"
},
{
"prop": "animation",
"version": "2.7.0",
"description": "Animate the icon. Supported built-in animations are 'cylon', 'fade', 'pulse', 'spin' and 'throb'"
}
]
},
{
"component": "BIconKanban",
"auto-gen": "bootstrap-icons 1.2.2",
"props": [
{
"prop": "title",
"description": "Text content to place in the title",
"version": "2.17.0"
},
{
"prop": "variant",
"description": "Contextual color variant. By default the icon inherits the current text color"
},
{
"prop": "fontScale",
"description": "Scale the icons current font size"
},
{
"prop": "scale",
"description": "Scales the icon's SVG, without increasing the font size"
},
{
"prop": "rotate",
"description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise"
},
{
"prop": "flipH",
"description": "Flips the icon horizontally"
},
{
"prop": "flipV",
"description": "Flips the icon vertically"
},
{
"prop": "shiftH",
"description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units"
},
{
"prop": "shiftV",
"description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units"
},
{
"prop": "stacked",
"version": "2.3.0",
"description": "Set this prop to true when placing inside a BIconstack component"
},
{
"prop": "animation",
"version": "2.7.0",
"description": "Animate the icon. Supported built-in animations are 'cylon', 'fade', 'pulse', 'spin' and 'throb'"
}
]
},
{
"component": "BIconKanbanFill",
"auto-gen": "bootstrap-icons 1.2.2",
"props": [
{
"prop": "title",
"description": "Text content to place in the title",
"version": "2.17.0"
},
{
"prop": "variant",
"description": "Contextual color variant. By default the icon inherits the current text color"
},
{
"prop": "fontScale",
"description": "Scale the icons current font size"
},
{
"prop": "scale",
"description": "Scales the icon's SVG, without increasing the font size"
},
{
"prop": "rotate",
"description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise"
},
{
"prop": "flipH",
"description": "Flips the icon horizontally"
},
{
"prop": "flipV",
"description": "Flips the icon vertically"
},
{
"prop": "shiftH",
"description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units"
},
{
"prop": "shiftV",
"description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units"
},
{
"prop": "stacked",
"version": "2.3.0",
"description": "Set this prop to true when placing inside a BIconstack component"
},
{
"prop": "animation",
"version": "2.7.0",
"description": "Animate the icon. Supported built-in animations are 'cylon', 'fade', 'pulse', 'spin' and 'throb'"
}
]
},
{
"component": "BIconKey",
"auto-gen": "bootstrap-icons 1.2.2",
"props": [
{
"prop": "title",
"description": "Text content to place in the title",
"version": "2.17.0"
},
{
"prop": "variant",
"description": "Contextual color variant. By default the icon inherits the current text color"
},
{
"prop": "fontScale",
"description": "Scale the icons current font size"
},
{
"prop": "scale",
"description": "Scales the icon's SVG, without increasing the font size"
},
{
"prop": "rotate",
"description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise"
},
{
"prop": "flipH",
"description": "Flips the icon horizontally"
},
{
"prop": "flipV",
"description": "Flips the icon vertically"
},
{
"prop": "shiftH",
"description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units"
},
{
"prop": "shiftV",
"description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units"
},
{
"prop": "stacked",
"version": "2.3.0",
"description": "Set this prop to true when placing inside a BIconstack component"
},
{
"prop": "animation",
"version": "2.7.0",
"description": "Animate the icon. Supported built-in animations are 'cylon', 'fade', 'pulse', 'spin' and 'throb'"
}
]
},
{
"component": "BIconKeyFill",
"auto-gen": "bootstrap-icons 1.2.2",
"props": [
{
"prop": "title",
"description": "Text content to place in the title",
"version": "2.17.0"
},
{
"prop": "variant",
"description": "Contextual color variant. By default the icon inherits the current text color"
},
{
"prop": "fontScale",
"description": "Scale the icons current font size"
},
{
"prop": "scale",
"description": "Scales the icon's SVG, without increasing the font size"
},
{
"prop": "rotate",
"description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise"
},
{
"prop": "flipH",
"description": "Flips the icon horizontally"
},
{
"prop": "flipV",
"description": "Flips the icon vertically"
},
{
"prop": "shiftH",
"description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units"
},
{
"prop": "shiftV",
"description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units"
},
{
"prop": "stacked",
"version": "2.3.0",
"description": "Set this prop to true when placing inside a BIconstack component"
},
{
"prop": "animation",
"version": "2.7.0",
"description": "Animate the icon. Supported built-in animations are 'cylon', 'fade', 'pulse', 'spin' and 'throb'"
}
]
},
{
"component": "BIconKeyboard",
"auto-gen": "bootstrap-icons 1.2.2",
"props": [
{
"prop": "title",
"description": "Text content to place in the title",
"version": "2.17.0"
},
{
"prop": "variant",
"description": "Contextual color variant. By default the icon inherits the current text color"
},
{
"prop": "fontScale",
"description": "Scale the icons current font size"
},
{
"prop": "scale",
"description": "Scales the icon's SVG, without increasing the font size"
},
{
"prop": "rotate",
"description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise"
},
{
"prop": "flipH",
"description": "Flips the icon horizontally"
},
{
"prop": "flipV",
"description": "Flips the icon vertically"
},
{
"prop": "shiftH",
"description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units"
},
{
"prop": "shiftV",
"description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units"
},
{
"prop": "stacked",
"version": "2.3.0",
"description": "Set this prop to true when placing inside a BIconstack component"
},
{
"prop": "animation",
"version": "2.7.0",
"description": "Animate the icon. Supported built-in animations are 'cylon', 'fade', 'pulse', 'spin' and 'throb'"
}
]
},
{
"component": "BIconKeyboardFill",
"auto-gen": "bootstrap-icons 1.2.2",
"props": [
{
"prop": "title",
"description": "Text content to place in the title",
"version": "2.17.0"
},
{
"prop": "variant",
"description": "Contextual color variant. By default the icon inherits the current text color"
},
{
"prop": "fontScale",
"description": "Scale the icons current font size"
},
{
"prop": "scale",
"description": "Scales the icon's SVG, without increasing the font size"
},
{
"prop": "rotate",
"description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise"
},
{
"prop": "flipH",
"description": "Flips the icon horizontally"
},
{
"prop": "flipV",
"description": "Flips the icon vertically"
},
{
"prop": "shiftH",
"description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units"
},
{
"prop": "shiftV",
"description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units"
},
{
"prop": "stacked",
"version": "2.3.0",
"description": "Set this prop to true when placing inside a BIconstack component"
},
{
"prop": "animation",
"version": "2.7.0",
"description": "Animate the icon. Supported built-in animations are 'cylon', 'fade', 'pulse', 'spin' and 'throb'"
}
]
},
{
"component": "BIconLadder",
"auto-gen": "bootstrap-icons 1.2.2",
"props": [
{
"prop": "title",
"description": "Text content to place in the title",
"version": "2.17.0"
},
{
"prop": "variant",
"description": "Contextual color variant. By default the icon inherits the current text color"
},
{
"prop": "fontScale",
"description": "Scale the icons current font size"
},
{
"prop": "scale",
"description": "Scales the icon's SVG, without increasing the font size"
},
{
"prop": "rotate",
"description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise"
},
{
"prop": "flipH",
"description": "Flips the icon horizontally"
},
{
"prop": "flipV",
"description": "Flips the icon vertically"
},
{
"prop": "shiftH",
"description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units"
},
{
"prop": "shiftV",
"description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units"
},
{
"prop": "stacked",
"version": "2.3.0",
"description": "Set this prop to true when placing inside a BIconstack component"
},
{
"prop": "animation",
"version": "2.7.0",
"description": "Animate the icon. Supported built-in animations are 'cylon', 'fade', 'pulse', 'spin' and 'throb'"
}
]
},
{
"component": "BIconLamp",
"auto-gen": "bootstrap-icons 1.2.2",
"props": [
{
"prop": "title",
"description": "Text content to place in the title",
"version": "2.17.0"
},
{
"prop": "variant",
"description": "Contextual color variant. By default the icon inherits the current text color"
},
{
"prop": "fontScale",
"description": "Scale the icons current font size"
},
{
"prop": "scale",
"description": "Scales the icon's SVG, without increasing the font size"
},
{
"prop": "rotate",
"description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise"
},
{
"prop": "flipH",
"description": "Flips the icon horizontally"
},
{
"prop": "flipV",
"description": "Flips the icon vertically"
},
{
"prop": "shiftH",
"description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units"
},
{
"prop": "shiftV",
"description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units"
},
{
"prop": "stacked",
"version": "2.3.0",
"description": "Set this prop to true when placing inside a BIconstack component"
},
{
"prop": "animation",
"version": "2.7.0",
"description": "Animate the icon. Supported built-in animations are 'cylon', 'fade', 'pulse', 'spin' and 'throb'"
}
]
},
{
"component": "BIconLampFill",
"auto-gen": "bootstrap-icons 1.2.2",
"props": [
{
"prop": "title",
"description": "Text content to place in the title",
"version": "2.17.0"
},
{
"prop": "variant",
"description": "Contextual color variant. By default the icon inherits the current text color"
},
{
"prop": "fontScale",
"description": "Scale the icons current font size"
},
{
"prop": "scale",
"description": "Scales the icon's SVG, without increasing the font size"
},
{
"prop": "rotate",
"description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise"
},
{
"prop": "flipH",
"description": "Flips the icon horizontally"
},
{
"prop": "flipV",
"description": "Flips the icon vertically"
},
{
"prop": "shiftH",
"description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units"
},
{
"prop": "shiftV",
"description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units"
},
{
"prop": "stacked",
"version": "2.3.0",
"description": "Set this prop to true when placing inside a BIconstack component"
},
{
"prop": "animation",
"version": "2.7.0",
"description": "Animate the icon. Supported built-in animations are 'cylon', 'fade', 'pulse', 'spin' and 'throb'"
}
]
},
{
"component": "BIconLaptop",
"auto-gen": "bootstrap-icons 1.2.2",
"props": [
{
"prop": "title",
"description": "Text content to place in the title",
"version": "2.17.0"
},
{
"prop": "variant",
"description": "Contextual color variant. By default the icon inherits the current text color"
},
{
"prop": "fontScale",
"description": "Scale the icons current font size"
},
{
"prop": "scale",
"description": "Scales the icon's SVG, without increasing the font size"
},
{
"prop": "rotate",
"description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise"
},
{
"prop": "flipH",
"description": "Flips the icon horizontally"
},
{
"prop": "flipV",
"description": "Flips the icon vertically"
},
{
"prop": "shiftH",
"description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units"
},
{
"prop": "shiftV",
"description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units"
},
{
"prop": "stacked",
"version": "2.3.0",
"description": "Set this prop to true when placing inside a BIconstack component"
},
{
"prop": "animation",
"version": "2.7.0",
"description": "Animate the icon. Supported built-in animations are 'cylon', 'fade', 'pulse', 'spin' and 'throb'"
}
]
},
{
"component": "BIconLaptopFill",
"auto-gen": "bootstrap-icons 1.2.2",
"props": [
{
"prop": "title",
"description": "Text content to place in the title",
"version": "2.17.0"
},
{
"prop": "variant",
"description": "Contextual color variant. By default the icon inherits the current text color"
},
{
"prop": "fontScale",
"description": "Scale the icons current font size"
},
{
"prop": "scale",
"description": "Scales the icon's SVG, without increasing the font size"
},
{
"prop": "rotate",
"description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise"
},
{
"prop": "flipH",
"description": "Flips the icon horizontally"
},
{
"prop": "flipV",
"description": "Flips the icon vertically"
},
{
"prop": "shiftH",
"description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units"
},
{
"prop": "shiftV",
"description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units"
},
{
"prop": "stacked",
"version": "2.3.0",
"description": "Set this prop to true when placing inside a BIconstack component"
},
{
"prop": "animation",
"version": "2.7.0",
"description": "Animate the icon. Supported built-in animations are 'cylon', 'fade', 'pulse', 'spin' and 'throb'"
}
]
},
{
"component": "BIconLayers",
"auto-gen": "bootstrap-icons 1.2.2",
"props": [
{
"prop": "title",
"description": "Text content to place in the title",
"version": "2.17.0"
},
{
"prop": "variant",
"description": "Contextual color variant. By default the icon inherits the current text color"
},
{
"prop": "fontScale",
"description": "Scale the icons current font size"
},
{
"prop": "scale",
"description": "Scales the icon's SVG, without increasing the font size"
},
{
"prop": "rotate",
"description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise"
},
{
"prop": "flipH",
"description": "Flips the icon horizontally"
},
{
"prop": "flipV",
"description": "Flips the icon vertically"
},
{
"prop": "shiftH",
"description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units"
},
{
"prop": "shiftV",
"description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units"
},
{
"prop": "stacked",
"version": "2.3.0",
"description": "Set this prop to true when placing inside a BIconstack component"
},
{
"prop": "animation",
"version": "2.7.0",
"description": "Animate the icon. Supported built-in animations are 'cylon', 'fade', 'pulse', 'spin' and 'throb'"
}
]
},
{
"component": "BIconLayersFill",
"auto-gen": "bootstrap-icons 1.2.2",
"props": [
{
"prop": "title",
"description": "Text content to place in the title",
"version": "2.17.0"
},
{
"prop": "variant",
"description": "Contextual color variant. By default the icon inherits the current text color"
},
{
"prop": "fontScale",
"description": "Scale the icons current font size"
},
{
"prop": "scale",
"description": "Scales the icon's SVG, without increasing the font size"
},
{
"prop": "rotate",
"description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise"
},
{
"prop": "flipH",
"description": "Flips the icon horizontally"
},
{
"prop": "flipV",
"description": "Flips the icon vertically"
},
{
"prop": "shiftH",
"description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units"
},
{
"prop": "shiftV",
"description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units"
},
{
"prop": "stacked",
"version": "2.3.0",
"description": "Set this prop to true when placing inside a BIconstack component"
},
{
"prop": "animation",
"version": "2.7.0",
"description": "Animate the icon. Supported built-in animations are 'cylon', 'fade', 'pulse', 'spin' and 'throb'"
}
]
},
{
"component": "BIconLayersHalf",
"auto-gen": "bootstrap-icons 1.2.2",
"props": [
{
"prop": "title",
"description": "Text content to place in the title",
"version": "2.17.0"
},
{
"prop": "variant",
"description": "Contextual color variant. By default the icon inherits the current text color"
},
{
"prop": "fontScale",
"description": "Scale the icons current font size"
},
{
"prop": "scale",
"description": "Scales the icon's SVG, without increasing the font size"
},
{
"prop": "rotate",
"description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise"
},
{
"prop": "flipH",
"description": "Flips the icon horizontally"
},
{
"prop": "flipV",
"description": "Flips the icon vertically"
},
{
"prop": "shiftH",
"description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units"
},
{
"prop": "shiftV",
"description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units"
},
{
"prop": "stacked",
"version": "2.3.0",
"description": "Set this prop to true when placing inside a BIconstack component"
},
{
"prop": "animation",
"version": "2.7.0",
"description": "Animate the icon. Supported built-in animations are 'cylon', 'fade', 'pulse', 'spin' and 'throb'"
}
]
},
{
"component": "BIconLayoutSidebar",
"auto-gen": "bootstrap-icons 1.2.2",
"props": [
{
"prop": "title",
"description": "Text content to place in the title",
"version": "2.17.0"
},
{
"prop": "variant",
"description": "Contextual color variant. By default the icon inherits the current text color"
},
{
"prop": "fontScale",
"description": "Scale the icons current font size"
},
{
"prop": "scale",
"description": "Scales the icon's SVG, without increasing the font size"
},
{
"prop": "rotate",
"description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise"
},
{
"prop": "flipH",
"description": "Flips the icon horizontally"
},
{
"prop": "flipV",
"description": "Flips the icon vertically"
},
{
"prop": "shiftH",
"description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units"
},
{
"prop": "shiftV",
"description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units"
},
{
"prop": "stacked",
"version": "2.3.0",
"description": "Set this prop to true when placing inside a BIconstack component"
},
{
"prop": "animation",
"version": "2.7.0",
"description": "Animate the icon. Supported built-in animations are 'cylon', 'fade', 'pulse', 'spin' and 'throb'"
}
]
},
{
"component": "BIconLayoutSidebarInset",
"auto-gen": "bootstrap-icons 1.2.2",
"props": [
{
"prop": "title",
"description": "Text content to place in the title",
"version": "2.17.0"
},
{
"prop": "variant",
"description": "Contextual color variant. By default the icon inherits the current text color"
},
{
"prop": "fontScale",
"description": "Scale the icons current font size"
},
{
"prop": "scale",
"description": "Scales the icon's SVG, without increasing the font size"
},
{
"prop": "rotate",
"description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise"
},
{
"prop": "flipH",
"description": "Flips the icon horizontally"
},
{
"prop": "flipV",
"description": "Flips the icon vertically"
},
{
"prop": "shiftH",
"description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units"
},
{
"prop": "shiftV",
"description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units"
},
{
"prop": "stacked",
"version": "2.3.0",
"description": "Set this prop to true when placing inside a BIconstack component"
},
{
"prop": "animation",
"version": "2.7.0",
"description": "Animate the icon. Supported built-in animations are 'cylon', 'fade', 'pulse', 'spin' and 'throb'"
}
]
},
{
"component": "BIconLayoutSidebarInsetReverse",
"auto-gen": "bootstrap-icons 1.2.2",
"props": [
{
"prop": "title",
"description": "Text content to place in the title",
"version": "2.17.0"
},
{
"prop": "variant",
"description": "Contextual color variant. By default the icon inherits the current text color"
},
{
"prop": "fontScale",
"description": "Scale the icons current font size"
},
{
"prop": "scale",
"description": "Scales the icon's SVG, without increasing the font size"
},
{
"prop": "rotate",
"description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise"
},
{
"prop": "flipH",
"description": "Flips the icon horizontally"
},
{
"prop": "flipV",
"description": "Flips the icon vertically"
},
{
"prop": "shiftH",
"description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units"
},
{
"prop": "shiftV",
"description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units"
},
{
"prop": "stacked",
"version": "2.3.0",
"description": "Set this prop to true when placing inside a BIconstack component"
},
{
"prop": "animation",
"version": "2.7.0",
"description": "Animate the icon. Supported built-in animations are 'cylon', 'fade', 'pulse', 'spin' and 'throb'"
}
]
},
{
"component": "BIconLayoutSidebarReverse",
"auto-gen": "bootstrap-icons 1.2.2",
"props": [
{
"prop": "title",
"description": "Text content to place in the title",
"version": "2.17.0"
},
{
"prop": "variant",
"description": "Contextual color variant. By default the icon inherits the current text color"
},
{
"prop": "fontScale",
"description": "Scale the icons current font size"
},
{
"prop": "scale",
"description": "Scales the icon's SVG, without increasing the font size"
},
{
"prop": "rotate",
"description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise"
},
{
"prop": "flipH",
"description": "Flips the icon horizontally"
},
{
"prop": "flipV",
"description": "Flips the icon vertically"
},
{
"prop": "shiftH",
"description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units"
},
{
"prop": "shiftV",
"description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units"
},
{
"prop": "stacked",
"version": "2.3.0",
"description": "Set this prop to true when placing inside a BIconstack component"
},
{
"prop": "animation",
"version": "2.7.0",
"description": "Animate the icon. Supported built-in animations are 'cylon', 'fade', 'pulse', 'spin' and 'throb'"
}
]
},
{
"component": "BIconLayoutSplit",
"auto-gen": "bootstrap-icons 1.2.2",
"props": [
{
"prop": "title",
"description": "Text content to place in the title",
"version": "2.17.0"
},
{
"prop": "variant",
"description": "Contextual color variant. By default the icon inherits the current text color"
},
{
"prop": "fontScale",
"description": "Scale the icons current font size"
},
{
"prop": "scale",
"description": "Scales the icon's SVG, without increasing the font size"
},
{
"prop": "rotate",
"description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise"
},
{
"prop": "flipH",
"description": "Flips the icon horizontally"
},
{
"prop": "flipV",
"description": "Flips the icon vertically"
},
{
"prop": "shiftH",
"description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units"
},
{
"prop": "shiftV",
"description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units"
},
{
"prop": "stacked",
"version": "2.3.0",
"description": "Set this prop to true when placing inside a BIconstack component"
},
{
"prop": "animation",
"version": "2.7.0",
"description": "Animate the icon. Supported built-in animations are 'cylon', 'fade', 'pulse', 'spin' and 'throb'"
}
]
},
{
"component": "BIconLayoutTextSidebar",
"auto-gen": "bootstrap-icons 1.2.2",
"props": [
{
"prop": "title",
"description": "Text content to place in the title",
"version": "2.17.0"
},
{
"prop": "variant",
"description": "Contextual color variant. By default the icon inherits the current text color"
},
{
"prop": "fontScale",
"description": "Scale the icons current font size"
},
{
"prop": "scale",
"description": "Scales the icon's SVG, without increasing the font size"
},
{
"prop": "rotate",
"description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise"
},
{
"prop": "flipH",
"description": "Flips the icon horizontally"
},
{
"prop": "flipV",
"description": "Flips the icon vertically"
},
{
"prop": "shiftH",
"description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units"
},
{
"prop": "shiftV",
"description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units"
},
{
"prop": "stacked",
"version": "2.3.0",
"description": "Set this prop to true when placing inside a BIconstack component"
},
{
"prop": "animation",
"version": "2.7.0",
"description": "Animate the icon. Supported built-in animations are 'cylon', 'fade', 'pulse', 'spin' and 'throb'"
}
]
},
{
"component": "BIconLayoutTextSidebarReverse",
"auto-gen": "bootstrap-icons 1.2.2",
"props": [
{
"prop": "title",
"description": "Text content to place in the title",
"version": "2.17.0"
},
{
"prop": "variant",
"description": "Contextual color variant. By default the icon inherits the current text color"
},
{
"prop": "fontScale",
"description": "Scale the icons current font size"
},
{
"prop": "scale",
"description": "Scales the icon's SVG, without increasing the font size"
},
{
"prop": "rotate",
"description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise"
},
{
"prop": "flipH",
"description": "Flips the icon horizontally"
},
{
"prop": "flipV",
"description": "Flips the icon vertically"
},
{
"prop": "shiftH",
"description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units"
},
{
"prop": "shiftV",
"description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units"
},
{
"prop": "stacked",
"version": "2.3.0",
"description": "Set this prop to true when placing inside a BIconstack component"
},
{
"prop": "animation",
"version": "2.7.0",
"description": "Animate the icon. Supported built-in animations are 'cylon', 'fade', 'pulse', 'spin' and 'throb'"
}
]
},
{
"component": "BIconLayoutTextWindow",
"auto-gen": "bootstrap-icons 1.2.2",
"props": [
{
"prop": "title",
"description": "Text content to place in the title",
"version": "2.17.0"
},
{
"prop": "variant",
"description": "Contextual color variant. By default the icon inherits the current text color"
},
{
"prop": "fontScale",
"description": "Scale the icons current font size"
},
{
"prop": "scale",
"description": "Scales the icon's SVG, without increasing the font size"
},
{
"prop": "rotate",
"description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise"
},
{
"prop": "flipH",
"description": "Flips the icon horizontally"
},
{
"prop": "flipV",
"description": "Flips the icon vertically"
},
{
"prop": "shiftH",
"description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units"
},
{
"prop": "shiftV",
"description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units"
},
{
"prop": "stacked",
"version": "2.3.0",
"description": "Set this prop to true when placing inside a BIconstack component"
},
{
"prop": "animation",
"version": "2.7.0",
"description": "Animate the icon. Supported built-in animations are 'cylon', 'fade', 'pulse', 'spin' and 'throb'"
}
]
},
{
"component": "BIconLayoutTextWindowReverse",
"auto-gen": "bootstrap-icons 1.2.2",
"props": [
{
"prop": "title",
"description": "Text content to place in the title",
"version": "2.17.0"
},
{
"prop": "variant",
"description": "Contextual color variant. By default the icon inherits the current text color"
},
{
"prop": "fontScale",
"description": "Scale the icons current font size"
},
{
"prop": "scale",
"description": "Scales the icon's SVG, without increasing the font size"
},
{
"prop": "rotate",
"description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise"
},
{
"prop": "flipH",
"description": "Flips the icon horizontally"
},
{
"prop": "flipV",
"description": "Flips the icon vertically"
},
{
"prop": "shiftH",
"description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units"
},
{
"prop": "shiftV",
"description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units"
},
{
"prop": "stacked",
"version": "2.3.0",
"description": "Set this prop to true when placing inside a BIconstack component"
},
{
"prop": "animation",
"version": "2.7.0",
"description": "Animate the icon. Supported built-in animations are 'cylon', 'fade', 'pulse', 'spin' and 'throb'"
}
]
},
{
"component": "BIconLayoutThreeColumns",
"auto-gen": "bootstrap-icons 1.2.2",
"props": [
{
"prop": "title",
"description": "Text content to place in the title",
"version": "2.17.0"
},
{
"prop": "variant",
"description": "Contextual color variant. By default the icon inherits the current text color"
},
{
"prop": "fontScale",
"description": "Scale the icons current font size"
},
{
"prop": "scale",
"description": "Scales the icon's SVG, without increasing the font size"
},
{
"prop": "rotate",
"description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise"
},
{
"prop": "flipH",
"description": "Flips the icon horizontally"
},
{
"prop": "flipV",
"description": "Flips the icon vertically"
},
{
"prop": "shiftH",
"description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units"
},
{
"prop": "shiftV",
"description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units"
},
{
"prop": "stacked",
"version": "2.3.0",
"description": "Set this prop to true when placing inside a BIconstack component"
},
{
"prop": "animation",
"version": "2.7.0",
"description": "Animate the icon. Supported built-in animations are 'cylon', 'fade', 'pulse', 'spin' and 'throb'"
}
]
},
{
"component": "BIconLayoutWtf",
"auto-gen": "bootstrap-icons 1.2.2",
"props": [
{
"prop": "title",
"description": "Text content to place in the title",
"version": "2.17.0"
},
{
"prop": "variant",
"description": "Contextual color variant. By default the icon inherits the current text color"
},
{
"prop": "fontScale",
"description": "Scale the icons current font size"
},
{
"prop": "scale",
"description": "Scales the icon's SVG, without increasing the font size"
},
{
"prop": "rotate",
"description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise"
},
{
"prop": "flipH",
"description": "Flips the icon horizontally"
},
{
"prop": "flipV",
"description": "Flips the icon vertically"
},
{
"prop": "shiftH",
"description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units"
},
{
"prop": "shiftV",
"description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units"
},
{
"prop": "stacked",
"version": "2.3.0",
"description": "Set this prop to true when placing inside a BIconstack component"
},
{
"prop": "animation",
"version": "2.7.0",
"description": "Animate the icon. Supported built-in animations are 'cylon', 'fade', 'pulse', 'spin' and 'throb'"
}
]
},
{
"component": "BIconLifePreserver",
"auto-gen": "bootstrap-icons 1.2.2",
"props": [
{
"prop": "title",
"description": "Text content to place in the title",
"version": "2.17.0"
},
{
"prop": "variant",
"description": "Contextual color variant. By default the icon inherits the current text color"
},
{
"prop": "fontScale",
"description": "Scale the icons current font size"
},
{
"prop": "scale",
"description": "Scales the icon's SVG, without increasing the font size"
},
{
"prop": "rotate",
"description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise"
},
{
"prop": "flipH",
"description": "Flips the icon horizontally"
},
{
"prop": "flipV",
"description": "Flips the icon vertically"
},
{
"prop": "shiftH",
"description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units"
},
{
"prop": "shiftV",
"description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units"
},
{
"prop": "stacked",
"version": "2.3.0",
"description": "Set this prop to true when placing inside a BIconstack component"
},
{
"prop": "animation",
"version": "2.7.0",
"description": "Animate the icon. Supported built-in animations are 'cylon', 'fade', 'pulse', 'spin' and 'throb'"
}
]
},
{
"component": "BIconLightning",
"auto-gen": "bootstrap-icons 1.2.2",
"props": [
{
"prop": "title",
"description": "Text content to place in the title",
"version": "2.17.0"
},
{
"prop": "variant",
"description": "Contextual color variant. By default the icon inherits the current text color"
},
{
"prop": "fontScale",
"description": "Scale the icons current font size"
},
{
"prop": "scale",
"description": "Scales the icon's SVG, without increasing the font size"
},
{
"prop": "rotate",
"description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise"
},
{
"prop": "flipH",
"description": "Flips the icon horizontally"
},
{
"prop": "flipV",
"description": "Flips the icon vertically"
},
{
"prop": "shiftH",
"description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units"
},
{
"prop": "shiftV",
"description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units"
},
{
"prop": "stacked",
"version": "2.3.0",
"description": "Set this prop to true when placing inside a BIconstack component"
},
{
"prop": "animation",
"version": "2.7.0",
"description": "Animate the icon. Supported built-in animations are 'cylon', 'fade', 'pulse', 'spin' and 'throb'"
}
]
},
{
"component": "BIconLightningFill",
"auto-gen": "bootstrap-icons 1.2.2",
"props": [
{
"prop": "title",
"description": "Text content to place in the title",
"version": "2.17.0"
},
{
"prop": "variant",
"description": "Contextual color variant. By default the icon inherits the current text color"
},
{
"prop": "fontScale",
"description": "Scale the icons current font size"
},
{
"prop": "scale",
"description": "Scales the icon's SVG, without increasing the font size"
},
{
"prop": "rotate",
"description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise"
},
{
"prop": "flipH",
"description": "Flips the icon horizontally"
},
{
"prop": "flipV",
"description": "Flips the icon vertically"
},
{
"prop": "shiftH",
"description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units"
},
{
"prop": "shiftV",
"description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units"
},
{
"prop": "stacked",
"version": "2.3.0",
"description": "Set this prop to true when placing inside a BIconstack component"
},
{
"prop": "animation",
"version": "2.7.0",
"description": "Animate the icon. Supported built-in animations are 'cylon', 'fade', 'pulse', 'spin' and 'throb'"
}
]
},
{
"component": "BIconLink",
"auto-gen": "bootstrap-icons 1.2.2",
"props": [
{
"prop": "title",
"description": "Text content to place in the title",
"version": "2.17.0"
},
{
"prop": "variant",
"description": "Contextual color variant. By default the icon inherits the current text color"
},
{
"prop": "fontScale",
"description": "Scale the icons current font size"
},
{
"prop": "scale",
"description": "Scales the icon's SVG, without increasing the font size"
},
{
"prop": "rotate",
"description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise"
},
{
"prop": "flipH",
"description": "Flips the icon horizontally"
},
{
"prop": "flipV",
"description": "Flips the icon vertically"
},
{
"prop": "shiftH",
"description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units"
},
{
"prop": "shiftV",
"description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units"
},
{
"prop": "stacked",
"version": "2.3.0",
"description": "Set this prop to true when placing inside a BIconstack component"
},
{
"prop": "animation",
"version": "2.7.0",
"description": "Animate the icon. Supported built-in animations are 'cylon', 'fade', 'pulse', 'spin' and 'throb'"
}
]
},
{
"component": "BIconLink45deg",
"auto-gen": "bootstrap-icons 1.2.2",
"props": [
{
"prop": "title",
"description": "Text content to place in the title",
"version": "2.17.0"
},
{
"prop": "variant",
"description": "Contextual color variant. By default the icon inherits the current text color"
},
{
"prop": "fontScale",
"description": "Scale the icons current font size"
},
{
"prop": "scale",
"description": "Scales the icon's SVG, without increasing the font size"
},
{
"prop": "rotate",
"description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise"
},
{
"prop": "flipH",
"description": "Flips the icon horizontally"
},
{
"prop": "flipV",
"description": "Flips the icon vertically"
},
{
"prop": "shiftH",
"description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units"
},
{
"prop": "shiftV",
"description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units"
},
{
"prop": "stacked",
"version": "2.3.0",
"description": "Set this prop to true when placing inside a BIconstack component"
},
{
"prop": "animation",
"version": "2.7.0",
"description": "Animate the icon. Supported built-in animations are 'cylon', 'fade', 'pulse', 'spin' and 'throb'"
}
]
},
{
"component": "BIconLinkedin",
"auto-gen": "bootstrap-icons 1.2.2",
"props": [
{
"prop": "title",
"description": "Text content to place in the title",
"version": "2.17.0"
},
{
"prop": "variant",
"description": "Contextual color variant. By default the icon inherits the current text color"
},
{
"prop": "fontScale",
"description": "Scale the icons current font size"
},
{
"prop": "scale",
"description": "Scales the icon's SVG, without increasing the font size"
},
{
"prop": "rotate",
"description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise"
},
{
"prop": "flipH",
"description": "Flips the icon horizontally"
},
{
"prop": "flipV",
"description": "Flips the icon vertically"
},
{
"prop": "shiftH",
"description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units"
},
{
"prop": "shiftV",
"description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units"
},
{
"prop": "stacked",
"version": "2.3.0",
"description": "Set this prop to true when placing inside a BIconstack component"
},
{
"prop": "animation",
"version": "2.7.0",
"description": "Animate the icon. Supported built-in animations are 'cylon', 'fade', 'pulse', 'spin' and 'throb'"
}
]
},
{
"component": "BIconList",
"auto-gen": "bootstrap-icons 1.2.2",
"props": [
{
"prop": "title",
"description": "Text content to place in the title",
"version": "2.17.0"
},
{
"prop": "variant",
"description": "Contextual color variant. By default the icon inherits the current text color"
},
{
"prop": "fontScale",
"description": "Scale the icons current font size"
},
{
"prop": "scale",
"description": "Scales the icon's SVG, without increasing the font size"
},
{
"prop": "rotate",
"description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise"
},
{
"prop": "flipH",
"description": "Flips the icon horizontally"
},
{
"prop": "flipV",
"description": "Flips the icon vertically"
},
{
"prop": "shiftH",
"description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units"
},
{
"prop": "shiftV",
"description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units"
},
{
"prop": "stacked",
"version": "2.3.0",
"description": "Set this prop to true when placing inside a BIconstack component"
},
{
"prop": "animation",
"version": "2.7.0",
"description": "Animate the icon. Supported built-in animations are 'cylon', 'fade', 'pulse', 'spin' and 'throb'"
}
]
},
{
"component": "BIconListCheck",
"auto-gen": "bootstrap-icons 1.2.2",
"props": [
{
"prop": "title",
"description": "Text content to place in the title",
"version": "2.17.0"
},
{
"prop": "variant",
"description": "Contextual color variant. By default the icon inherits the current text color"
},
{
"prop": "fontScale",
"description": "Scale the icons current font size"
},
{
"prop": "scale",
"description": "Scales the icon's SVG, without increasing the font size"
},
{
"prop": "rotate",
"description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise"
},
{
"prop": "flipH",
"description": "Flips the icon horizontally"
},
{
"prop": "flipV",
"description": "Flips the icon vertically"
},
{
"prop": "shiftH",
"description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units"
},
{
"prop": "shiftV",
"description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units"
},
{
"prop": "stacked",
"version": "2.3.0",
"description": "Set this prop to true when placing inside a BIconstack component"
},
{
"prop": "animation",
"version": "2.7.0",
"description": "Animate the icon. Supported built-in animations are 'cylon', 'fade', 'pulse', 'spin' and 'throb'"
}
]
},
{
"component": "BIconListNested",
"auto-gen": "bootstrap-icons 1.2.2",
"props": [
{
"prop": "title",
"description": "Text content to place in the title",
"version": "2.17.0"
},
{
"prop": "variant",
"description": "Contextual color variant. By default the icon inherits the current text color"
},
{
"prop": "fontScale",
"description": "Scale the icons current font size"
},
{
"prop": "scale",
"description": "Scales the icon's SVG, without increasing the font size"
},
{
"prop": "rotate",
"description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise"
},
{
"prop": "flipH",
"description": "Flips the icon horizontally"
},
{
"prop": "flipV",
"description": "Flips the icon vertically"
},
{
"prop": "shiftH",
"description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units"
},
{
"prop": "shiftV",
"description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units"
},
{
"prop": "stacked",
"version": "2.3.0",
"description": "Set this prop to true when placing inside a BIconstack component"
},
{
"prop": "animation",
"version": "2.7.0",
"description": "Animate the icon. Supported built-in animations are 'cylon', 'fade', 'pulse', 'spin' and 'throb'"
}
]
},
{
"component": "BIconListOl",
"auto-gen": "bootstrap-icons 1.2.2",
"props": [
{
"prop": "title",
"description": "Text content to place in the title",
"version": "2.17.0"
},
{
"prop": "variant",
"description": "Contextual color variant. By default the icon inherits the current text color"
},
{
"prop": "fontScale",
"description": "Scale the icons current font size"
},
{
"prop": "scale",
"description": "Scales the icon's SVG, without increasing the font size"
},
{
"prop": "rotate",
"description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise"
},
{
"prop": "flipH",
"description": "Flips the icon horizontally"
},
{
"prop": "flipV",
"description": "Flips the icon vertically"
},
{
"prop": "shiftH",
"description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units"
},
{
"prop": "shiftV",
"description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units"
},
{
"prop": "stacked",
"version": "2.3.0",
"description": "Set this prop to true when placing inside a BIconstack component"
},
{
"prop": "animation",
"version": "2.7.0",
"description": "Animate the icon. Supported built-in animations are 'cylon', 'fade', 'pulse', 'spin' and 'throb'"
}
]
},
{
"component": "BIconListStars",
"auto-gen": "bootstrap-icons 1.2.2",
"props": [
{
"prop": "title",
"description": "Text content to place in the title",
"version": "2.17.0"
},
{
"prop": "variant",
"description": "Contextual color variant. By default the icon inherits the current text color"
},
{
"prop": "fontScale",
"description": "Scale the icons current font size"
},
{
"prop": "scale",
"description": "Scales the icon's SVG, without increasing the font size"
},
{
"prop": "rotate",
"description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise"
},
{
"prop": "flipH",
"description": "Flips the icon horizontally"
},
{
"prop": "flipV",
"description": "Flips the icon vertically"
},
{
"prop": "shiftH",
"description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units"
},
{
"prop": "shiftV",
"description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units"
},
{
"prop": "stacked",
"version": "2.3.0",
"description": "Set this prop to true when placing inside a BIconstack component"
},
{
"prop": "animation",
"version": "2.7.0",
"description": "Animate the icon. Supported built-in animations are 'cylon', 'fade', 'pulse', 'spin' and 'throb'"
}
]
},
{
"component": "BIconListTask",
"auto-gen": "bootstrap-icons 1.2.2",
"props": [
{
"prop": "title",
"description": "Text content to place in the title",
"version": "2.17.0"
},
{
"prop": "variant",
"description": "Contextual color variant. By default the icon inherits the current text color"
},
{
"prop": "fontScale",
"description": "Scale the icons current font size"
},
{
"prop": "scale",
"description": "Scales the icon's SVG, without increasing the font size"
},
{
"prop": "rotate",
"description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise"
},
{
"prop": "flipH",
"description": "Flips the icon horizontally"
},
{
"prop": "flipV",
"description": "Flips the icon vertically"
},
{
"prop": "shiftH",
"description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units"
},
{
"prop": "shiftV",
"description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units"
},
{
"prop": "stacked",
"version": "2.3.0",
"description": "Set this prop to true when placing inside a BIconstack component"
},
{
"prop": "animation",
"version": "2.7.0",
"description": "Animate the icon. Supported built-in animations are 'cylon', 'fade', 'pulse', 'spin' and 'throb'"
}
]
},
{
"component": "BIconListUl",
"auto-gen": "bootstrap-icons 1.2.2",
"props": [
{
"prop": "title",
"description": "Text content to place in the title",
"version": "2.17.0"
},
{
"prop": "variant",
"description": "Contextual color variant. By default the icon inherits the current text color"
},
{
"prop": "fontScale",
"description": "Scale the icons current font size"
},
{
"prop": "scale",
"description": "Scales the icon's SVG, without increasing the font size"
},
{
"prop": "rotate",
"description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise"
},
{
"prop": "flipH",
"description": "Flips the icon horizontally"
},
{
"prop": "flipV",
"description": "Flips the icon vertically"
},
{
"prop": "shiftH",
"description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units"
},
{
"prop": "shiftV",
"description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units"
},
{
"prop": "stacked",
"version": "2.3.0",
"description": "Set this prop to true when placing inside a BIconstack component"
},
{
"prop": "animation",
"version": "2.7.0",
"description": "Animate the icon. Supported built-in animations are 'cylon', 'fade', 'pulse', 'spin' and 'throb'"
}
]
},
{
"component": "BIconLock",
"auto-gen": "bootstrap-icons 1.2.2",
"props": [
{
"prop": "title",
"description": "Text content to place in the title",
"version": "2.17.0"
},
{
"prop": "variant",
"description": "Contextual color variant. By default the icon inherits the current text color"
},
{
"prop": "fontScale",
"description": "Scale the icons current font size"
},
{
"prop": "scale",
"description": "Scales the icon's SVG, without increasing the font size"
},
{
"prop": "rotate",
"description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise"
},
{
"prop": "flipH",
"description": "Flips the icon horizontally"
},
{
"prop": "flipV",
"description": "Flips the icon vertically"
},
{
"prop": "shiftH",
"description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units"
},
{
"prop": "shiftV",
"description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units"
},
{
"prop": "stacked",
"version": "2.3.0",
"description": "Set this prop to true when placing inside a BIconstack component"
},
{
"prop": "animation",
"version": "2.7.0",
"description": "Animate the icon. Supported built-in animations are 'cylon', 'fade', 'pulse', 'spin' and 'throb'"
}
]
},
{
"component": "BIconLockFill",
"auto-gen": "bootstrap-icons 1.2.2",
"props": [
{
"prop": "title",
"description": "Text content to place in the title",
"version": "2.17.0"
},
{
"prop": "variant",
"description": "Contextual color variant. By default the icon inherits the current text color"
},
{
"prop": "fontScale",
"description": "Scale the icons current font size"
},
{
"prop": "scale",
"description": "Scales the icon's SVG, without increasing the font size"
},
{
"prop": "rotate",
"description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise"
},
{
"prop": "flipH",
"description": "Flips the icon horizontally"
},
{
"prop": "flipV",
"description": "Flips the icon vertically"
},
{
"prop": "shiftH",
"description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units"
},
{
"prop": "shiftV",
"description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units"
},
{
"prop": "stacked",
"version": "2.3.0",
"description": "Set this prop to true when placing inside a BIconstack component"
},
{
"prop": "animation",
"version": "2.7.0",
"description": "Animate the icon. Supported built-in animations are 'cylon', 'fade', 'pulse', 'spin' and 'throb'"
}
]
},
{
"component": "BIconMailbox",
"auto-gen": "bootstrap-icons 1.2.2",
"props": [
{
"prop": "title",
"description": "Text content to place in the title",
"version": "2.17.0"
},
{
"prop": "variant",
"description": "Contextual color variant. By default the icon inherits the current text color"
},
{
"prop": "fontScale",
"description": "Scale the icons current font size"
},
{
"prop": "scale",
"description": "Scales the icon's SVG, without increasing the font size"
},
{
"prop": "rotate",
"description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise"
},
{
"prop": "flipH",
"description": "Flips the icon horizontally"
},
{
"prop": "flipV",
"description": "Flips the icon vertically"
},
{
"prop": "shiftH",
"description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units"
},
{
"prop": "shiftV",
"description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units"
},
{
"prop": "stacked",
"version": "2.3.0",
"description": "Set this prop to true when placing inside a BIconstack component"
},
{
"prop": "animation",
"version": "2.7.0",
"description": "Animate the icon. Supported built-in animations are 'cylon', 'fade', 'pulse', 'spin' and 'throb'"
}
]
},
{
"component": "BIconMailbox2",
"auto-gen": "bootstrap-icons 1.2.2",
"props": [
{
"prop": "title",
"description": "Text content to place in the title",
"version": "2.17.0"
},
{
"prop": "variant",
"description": "Contextual color variant. By default the icon inherits the current text color"
},
{
"prop": "fontScale",
"description": "Scale the icons current font size"
},
{
"prop": "scale",
"description": "Scales the icon's SVG, without increasing the font size"
},
{
"prop": "rotate",
"description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise"
},
{
"prop": "flipH",
"description": "Flips the icon horizontally"
},
{
"prop": "flipV",
"description": "Flips the icon vertically"
},
{
"prop": "shiftH",
"description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units"
},
{
"prop": "shiftV",
"description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units"
},
{
"prop": "stacked",
"version": "2.3.0",
"description": "Set this prop to true when placing inside a BIconstack component"
},
{
"prop": "animation",
"version": "2.7.0",
"description": "Animate the icon. Supported built-in animations are 'cylon', 'fade', 'pulse', 'spin' and 'throb'"
}
]
},
{
"component": "BIconMap",
"auto-gen": "bootstrap-icons 1.2.2",
"props": [
{
"prop": "title",
"description": "Text content to place in the title",
"version": "2.17.0"
},
{
"prop": "variant",
"description": "Contextual color variant. By default the icon inherits the current text color"
},
{
"prop": "fontScale",
"description": "Scale the icons current font size"
},
{
"prop": "scale",
"description": "Scales the icon's SVG, without increasing the font size"
},
{
"prop": "rotate",
"description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise"
},
{
"prop": "flipH",
"description": "Flips the icon horizontally"
},
{
"prop": "flipV",
"description": "Flips the icon vertically"
},
{
"prop": "shiftH",
"description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units"
},
{
"prop": "shiftV",
"description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units"
},
{
"prop": "stacked",
"version": "2.3.0",
"description": "Set this prop to true when placing inside a BIconstack component"
},
{
"prop": "animation",
"version": "2.7.0",
"description": "Animate the icon. Supported built-in animations are 'cylon', 'fade', 'pulse', 'spin' and 'throb'"
}
]
},
{
"component": "BIconMapFill",
"auto-gen": "bootstrap-icons 1.2.2",
"props": [
{
"prop": "title",
"description": "Text content to place in the title",
"version": "2.17.0"
},
{
"prop": "variant",
"description": "Contextual color variant. By default the icon inherits the current text color"
},
{
"prop": "fontScale",
"description": "Scale the icons current font size"
},
{
"prop": "scale",
"description": "Scales the icon's SVG, without increasing the font size"
},
{
"prop": "rotate",
"description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise"
},
{
"prop": "flipH",
"description": "Flips the icon horizontally"
},
{
"prop": "flipV",
"description": "Flips the icon vertically"
},
{
"prop": "shiftH",
"description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units"
},
{
"prop": "shiftV",
"description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units"
},
{
"prop": "stacked",
"version": "2.3.0",
"description": "Set this prop to true when placing inside a BIconstack component"
},
{
"prop": "animation",
"version": "2.7.0",
"description": "Animate the icon. Supported built-in animations are 'cylon', 'fade', 'pulse', 'spin' and 'throb'"
}
]
},
{
"component": "BIconMarkdown",
"auto-gen": "bootstrap-icons 1.2.2",
"props": [
{
"prop": "title",
"description": "Text content to place in the title",
"version": "2.17.0"
},
{
"prop": "variant",
"description": "Contextual color variant. By default the icon inherits the current text color"
},
{
"prop": "fontScale",
"description": "Scale the icons current font size"
},
{
"prop": "scale",
"description": "Scales the icon's SVG, without increasing the font size"
},
{
"prop": "rotate",
"description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise"
},
{
"prop": "flipH",
"description": "Flips the icon horizontally"
},
{
"prop": "flipV",
"description": "Flips the icon vertically"
},
{
"prop": "shiftH",
"description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units"
},
{
"prop": "shiftV",
"description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units"
},
{
"prop": "stacked",
"version": "2.3.0",
"description": "Set this prop to true when placing inside a BIconstack component"
},
{
"prop": "animation",
"version": "2.7.0",
"description": "Animate the icon. Supported built-in animations are 'cylon', 'fade', 'pulse', 'spin' and 'throb'"
}
]
},
{
"component": "BIconMarkdownFill",
"auto-gen": "bootstrap-icons 1.2.2",
"props": [
{
"prop": "title",
"description": "Text content to place in the title",
"version": "2.17.0"
},
{
"prop": "variant",
"description": "Contextual color variant. By default the icon inherits the current text color"
},
{
"prop": "fontScale",
"description": "Scale the icons current font size"
},
{
"prop": "scale",
"description": "Scales the icon's SVG, without increasing the font size"
},
{
"prop": "rotate",
"description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise"
},
{
"prop": "flipH",
"description": "Flips the icon horizontally"
},
{
"prop": "flipV",
"description": "Flips the icon vertically"
},
{
"prop": "shiftH",
"description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units"
},
{
"prop": "shiftV",
"description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units"
},
{
"prop": "stacked",
"version": "2.3.0",
"description": "Set this prop to true when placing inside a BIconstack component"
},
{
"prop": "animation",
"version": "2.7.0",
"description": "Animate the icon. Supported built-in animations are 'cylon', 'fade', 'pulse', 'spin' and 'throb'"
}
]
},
{
"component": "BIconMenuApp",
"auto-gen": "bootstrap-icons 1.2.2",
"props": [
{
"prop": "title",
"description": "Text content to place in the title",
"version": "2.17.0"
},
{
"prop": "variant",
"description": "Contextual color variant. By default the icon inherits the current text color"
},
{
"prop": "fontScale",
"description": "Scale the icons current font size"
},
{
"prop": "scale",
"description": "Scales the icon's SVG, without increasing the font size"
},
{
"prop": "rotate",
"description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise"
},
{
"prop": "flipH",
"description": "Flips the icon horizontally"
},
{
"prop": "flipV",
"description": "Flips the icon vertically"
},
{
"prop": "shiftH",
"description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units"
},
{
"prop": "shiftV",
"description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units"
},
{
"prop": "stacked",
"version": "2.3.0",
"description": "Set this prop to true when placing inside a BIconstack component"
},
{
"prop": "animation",
"version": "2.7.0",
"description": "Animate the icon. Supported built-in animations are 'cylon', 'fade', 'pulse', 'spin' and 'throb'"
}
]
},
{
"component": "BIconMenuAppFill",
"auto-gen": "bootstrap-icons 1.2.2",
"props": [
{
"prop": "title",
"description": "Text content to place in the title",
"version": "2.17.0"
},
{
"prop": "variant",
"description": "Contextual color variant. By default the icon inherits the current text color"
},
{
"prop": "fontScale",
"description": "Scale the icons current font size"
},
{
"prop": "scale",
"description": "Scales the icon's SVG, without increasing the font size"
},
{
"prop": "rotate",
"description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise"
},
{
"prop": "flipH",
"description": "Flips the icon horizontally"
},
{
"prop": "flipV",
"description": "Flips the icon vertically"
},
{
"prop": "shiftH",
"description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units"
},
{
"prop": "shiftV",
"description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units"
},
{
"prop": "stacked",
"version": "2.3.0",
"description": "Set this prop to true when placing inside a BIconstack component"
},
{
"prop": "animation",
"version": "2.7.0",
"description": "Animate the icon. Supported built-in animations are 'cylon', 'fade', 'pulse', 'spin' and 'throb'"
}
]
},
{
"component": "BIconMenuButton",
"auto-gen": "bootstrap-icons 1.2.2",
"props": [
{
"prop": "title",
"description": "Text content to place in the title",
"version": "2.17.0"
},
{
"prop": "variant",
"description": "Contextual color variant. By default the icon inherits the current text color"
},
{
"prop": "fontScale",
"description": "Scale the icons current font size"
},
{
"prop": "scale",
"description": "Scales the icon's SVG, without increasing the font size"
},
{
"prop": "rotate",
"description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise"
},
{
"prop": "flipH",
"description": "Flips the icon horizontally"
},
{
"prop": "flipV",
"description": "Flips the icon vertically"
},
{
"prop": "shiftH",
"description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units"
},
{
"prop": "shiftV",
"description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units"
},
{
"prop": "stacked",
"version": "2.3.0",
"description": "Set this prop to true when placing inside a BIconstack component"
},
{
"prop": "animation",
"version": "2.7.0",
"description": "Animate the icon. Supported built-in animations are 'cylon', 'fade', 'pulse', 'spin' and 'throb'"
}
]
},
{
"component": "BIconMenuButtonFill",
"auto-gen": "bootstrap-icons 1.2.2",
"props": [
{
"prop": "title",
"description": "Text content to place in the title",
"version": "2.17.0"
},
{
"prop": "variant",
"description": "Contextual color variant. By default the icon inherits the current text color"
},
{
"prop": "fontScale",
"description": "Scale the icons current font size"
},
{
"prop": "scale",
"description": "Scales the icon's SVG, without increasing the font size"
},
{
"prop": "rotate",
"description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise"
},
{
"prop": "flipH",
"description": "Flips the icon horizontally"
},
{
"prop": "flipV",
"description": "Flips the icon vertically"
},
{
"prop": "shiftH",
"description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units"
},
{
"prop": "shiftV",
"description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units"
},
{
"prop": "stacked",
"version": "2.3.0",
"description": "Set this prop to true when placing inside a BIconstack component"
},
{
"prop": "animation",
"version": "2.7.0",
"description": "Animate the icon. Supported built-in animations are 'cylon', 'fade', 'pulse', 'spin' and 'throb'"
}
]
},
{
"component": "BIconMenuButtonWide",
"auto-gen": "bootstrap-icons 1.2.2",
"props": [
{
"prop": "title",
"description": "Text content to place in the title",
"version": "2.17.0"
},
{
"prop": "variant",
"description": "Contextual color variant. By default the icon inherits the current text color"
},
{
"prop": "fontScale",
"description": "Scale the icons current font size"
},
{
"prop": "scale",
"description": "Scales the icon's SVG, without increasing the font size"
},
{
"prop": "rotate",
"description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise"
},
{
"prop": "flipH",
"description": "Flips the icon horizontally"
},
{
"prop": "flipV",
"description": "Flips the icon vertically"
},
{
"prop": "shiftH",
"description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units"
},
{
"prop": "shiftV",
"description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units"
},
{
"prop": "stacked",
"version": "2.3.0",
"description": "Set this prop to true when placing inside a BIconstack component"
},
{
"prop": "animation",
"version": "2.7.0",
"description": "Animate the icon. Supported built-in animations are 'cylon', 'fade', 'pulse', 'spin' and 'throb'"
}
]
},
{
"component": "BIconMenuButtonWideFill",
"auto-gen": "bootstrap-icons 1.2.2",
"props": [
{
"prop": "title",
"description": "Text content to place in the title",
"version": "2.17.0"
},
{
"prop": "variant",
"description": "Contextual color variant. By default the icon inherits the current text color"
},
{
"prop": "fontScale",
"description": "Scale the icons current font size"
},
{
"prop": "scale",
"description": "Scales the icon's SVG, without increasing the font size"
},
{
"prop": "rotate",
"description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise"
},
{
"prop": "flipH",
"description": "Flips the icon horizontally"
},
{
"prop": "flipV",
"description": "Flips the icon vertically"
},
{
"prop": "shiftH",
"description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units"
},
{
"prop": "shiftV",
"description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units"
},
{
"prop": "stacked",
"version": "2.3.0",
"description": "Set this prop to true when placing inside a BIconstack component"
},
{
"prop": "animation",
"version": "2.7.0",
"description": "Animate the icon. Supported built-in animations are 'cylon', 'fade', 'pulse', 'spin' and 'throb'"
}
]
},
{
"component": "BIconMenuDown",
"auto-gen": "bootstrap-icons 1.2.2",
"props": [
{
"prop": "title",
"description": "Text content to place in the title",
"version": "2.17.0"
},
{
"prop": "variant",
"description": "Contextual color variant. By default the icon inherits the current text color"
},
{
"prop": "fontScale",
"description": "Scale the icons current font size"
},
{
"prop": "scale",
"description": "Scales the icon's SVG, without increasing the font size"
},
{
"prop": "rotate",
"description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise"
},
{
"prop": "flipH",
"description": "Flips the icon horizontally"
},
{
"prop": "flipV",
"description": "Flips the icon vertically"
},
{
"prop": "shiftH",
"description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units"
},
{
"prop": "shiftV",
"description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units"
},
{
"prop": "stacked",
"version": "2.3.0",
"description": "Set this prop to true when placing inside a BIconstack component"
},
{
"prop": "animation",
"version": "2.7.0",
"description": "Animate the icon. Supported built-in animations are 'cylon', 'fade', 'pulse', 'spin' and 'throb'"
}
]
},
{
"component": "BIconMenuUp",
"auto-gen": "bootstrap-icons 1.2.2",
"props": [
{
"prop": "title",
"description": "Text content to place in the title",
"version": "2.17.0"
},
{
"prop": "variant",
"description": "Contextual color variant. By default the icon inherits the current text color"
},
{
"prop": "fontScale",
"description": "Scale the icons current font size"
},
{
"prop": "scale",
"description": "Scales the icon's SVG, without increasing the font size"
},
{
"prop": "rotate",
"description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise"
},
{
"prop": "flipH",
"description": "Flips the icon horizontally"
},
{
"prop": "flipV",
"description": "Flips the icon vertically"
},
{
"prop": "shiftH",
"description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units"
},
{
"prop": "shiftV",
"description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units"
},
{
"prop": "stacked",
"version": "2.3.0",
"description": "Set this prop to true when placing inside a BIconstack component"
},
{
"prop": "animation",
"version": "2.7.0",
"description": "Animate the icon. Supported built-in animations are 'cylon', 'fade', 'pulse', 'spin' and 'throb'"
}
]
},
{
"component": "BIconMic",
"auto-gen": "bootstrap-icons 1.2.2",
"props": [
{
"prop": "title",
"description": "Text content to place in the title",
"version": "2.17.0"
},
{
"prop": "variant",
"description": "Contextual color variant. By default the icon inherits the current text color"
},
{
"prop": "fontScale",
"description": "Scale the icons current font size"
},
{
"prop": "scale",
"description": "Scales the icon's SVG, without increasing the font size"
},
{
"prop": "rotate",
"description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise"
},
{
"prop": "flipH",
"description": "Flips the icon horizontally"
},
{
"prop": "flipV",
"description": "Flips the icon vertically"
},
{
"prop": "shiftH",
"description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units"
},
{
"prop": "shiftV",
"description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units"
},
{
"prop": "stacked",
"version": "2.3.0",
"description": "Set this prop to true when placing inside a BIconstack component"
},
{
"prop": "animation",
"version": "2.7.0",
"description": "Animate the icon. Supported built-in animations are 'cylon', 'fade', 'pulse', 'spin' and 'throb'"
}
]
},
{
"component": "BIconMicFill",
"auto-gen": "bootstrap-icons 1.2.2",
"props": [
{
"prop": "title",
"description": "Text content to place in the title",
"version": "2.17.0"
},
{
"prop": "variant",
"description": "Contextual color variant. By default the icon inherits the current text color"
},
{
"prop": "fontScale",
"description": "Scale the icons current font size"
},
{
"prop": "scale",
"description": "Scales the icon's SVG, without increasing the font size"
},
{
"prop": "rotate",
"description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise"
},
{
"prop": "flipH",
"description": "Flips the icon horizontally"
},
{
"prop": "flipV",
"description": "Flips the icon vertically"
},
{
"prop": "shiftH",
"description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units"
},
{
"prop": "shiftV",
"description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units"
},
{
"prop": "stacked",
"version": "2.3.0",
"description": "Set this prop to true when placing inside a BIconstack component"
},
{
"prop": "animation",
"version": "2.7.0",
"description": "Animate the icon. Supported built-in animations are 'cylon', 'fade', 'pulse', 'spin' and 'throb'"
}
]
},
{
"component": "BIconMicMute",
"auto-gen": "bootstrap-icons 1.2.2",
"props": [
{
"prop": "title",
"description": "Text content to place in the title",
"version": "2.17.0"
},
{
"prop": "variant",
"description": "Contextual color variant. By default the icon inherits the current text color"
},
{
"prop": "fontScale",
"description": "Scale the icons current font size"
},
{
"prop": "scale",
"description": "Scales the icon's SVG, without increasing the font size"
},
{
"prop": "rotate",
"description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise"
},
{
"prop": "flipH",
"description": "Flips the icon horizontally"
},
{
"prop": "flipV",
"description": "Flips the icon vertically"
},
{
"prop": "shiftH",
"description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units"
},
{
"prop": "shiftV",
"description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units"
},
{
"prop": "stacked",
"version": "2.3.0",
"description": "Set this prop to true when placing inside a BIconstack component"
},
{
"prop": "animation",
"version": "2.7.0",
"description": "Animate the icon. Supported built-in animations are 'cylon', 'fade', 'pulse', 'spin' and 'throb'"
}
]
},
{
"component": "BIconMicMuteFill",
"auto-gen": "bootstrap-icons 1.2.2",
"props": [
{
"prop": "title",
"description": "Text content to place in the title",
"version": "2.17.0"
},
{
"prop": "variant",
"description": "Contextual color variant. By default the icon inherits the current text color"
},
{
"prop": "fontScale",
"description": "Scale the icons current font size"
},
{
"prop": "scale",
"description": "Scales the icon's SVG, without increasing the font size"
},
{
"prop": "rotate",
"description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise"
},
{
"prop": "flipH",
"description": "Flips the icon horizontally"
},
{
"prop": "flipV",
"description": "Flips the icon vertically"
},
{
"prop": "shiftH",
"description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units"
},
{
"prop": "shiftV",
"description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units"
},
{
"prop": "stacked",
"version": "2.3.0",
"description": "Set this prop to true when placing inside a BIconstack component"
},
{
"prop": "animation",
"version": "2.7.0",
"description": "Animate the icon. Supported built-in animations are 'cylon', 'fade', 'pulse', 'spin' and 'throb'"
}
]
},
{
"component": "BIconMinecart",
"auto-gen": "bootstrap-icons 1.2.2",
"props": [
{
"prop": "title",
"description": "Text content to place in the title",
"version": "2.17.0"
},
{
"prop": "variant",
"description": "Contextual color variant. By default the icon inherits the current text color"
},
{
"prop": "fontScale",
"description": "Scale the icons current font size"
},
{
"prop": "scale",
"description": "Scales the icon's SVG, without increasing the font size"
},
{
"prop": "rotate",
"description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise"
},
{
"prop": "flipH",
"description": "Flips the icon horizontally"
},
{
"prop": "flipV",
"description": "Flips the icon vertically"
},
{
"prop": "shiftH",
"description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units"
},
{
"prop": "shiftV",
"description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units"
},
{
"prop": "stacked",
"version": "2.3.0",
"description": "Set this prop to true when placing inside a BIconstack component"
},
{
"prop": "animation",
"version": "2.7.0",
"description": "Animate the icon. Supported built-in animations are 'cylon', 'fade', 'pulse', 'spin' and 'throb'"
}
]
},
{
"component": "BIconMinecartLoaded",
"auto-gen": "bootstrap-icons 1.2.2",
"props": [
{
"prop": "title",
"description": "Text content to place in the title",
"version": "2.17.0"
},
{
"prop": "variant",
"description": "Contextual color variant. By default the icon inherits the current text color"
},
{
"prop": "fontScale",
"description": "Scale the icons current font size"
},
{
"prop": "scale",
"description": "Scales the icon's SVG, without increasing the font size"
},
{
"prop": "rotate",
"description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise"
},
{
"prop": "flipH",
"description": "Flips the icon horizontally"
},
{
"prop": "flipV",
"description": "Flips the icon vertically"
},
{
"prop": "shiftH",
"description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units"
},
{
"prop": "shiftV",
"description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units"
},
{
"prop": "stacked",
"version": "2.3.0",
"description": "Set this prop to true when placing inside a BIconstack component"
},
{
"prop": "animation",
"version": "2.7.0",
"description": "Animate the icon. Supported built-in animations are 'cylon', 'fade', 'pulse', 'spin' and 'throb'"
}
]
},
{
"component": "BIconMoon",
"auto-gen": "bootstrap-icons 1.2.2",
"props": [
{
"prop": "title",
"description": "Text content to place in the title",
"version": "2.17.0"
},
{
"prop": "variant",
"description": "Contextual color variant. By default the icon inherits the current text color"
},
{
"prop": "fontScale",
"description": "Scale the icons current font size"
},
{
"prop": "scale",
"description": "Scales the icon's SVG, without increasing the font size"
},
{
"prop": "rotate",
"description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise"
},
{
"prop": "flipH",
"description": "Flips the icon horizontally"
},
{
"prop": "flipV",
"description": "Flips the icon vertically"
},
{
"prop": "shiftH",
"description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units"
},
{
"prop": "shiftV",
"description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units"
},
{
"prop": "stacked",
"version": "2.3.0",
"description": "Set this prop to true when placing inside a BIconstack component"
},
{
"prop": "animation",
"version": "2.7.0",
"description": "Animate the icon. Supported built-in animations are 'cylon', 'fade', 'pulse', 'spin' and 'throb'"
}
]
},
{
"component": "BIconMouse",
"auto-gen": "bootstrap-icons 1.2.2",
"props": [
{
"prop": "title",
"description": "Text content to place in the title",
"version": "2.17.0"
},
{
"prop": "variant",
"description": "Contextual color variant. By default the icon inherits the current text color"
},
{
"prop": "fontScale",
"description": "Scale the icons current font size"
},
{
"prop": "scale",
"description": "Scales the icon's SVG, without increasing the font size"
},
{
"prop": "rotate",
"description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise"
},
{
"prop": "flipH",
"description": "Flips the icon horizontally"
},
{
"prop": "flipV",
"description": "Flips the icon vertically"
},
{
"prop": "shiftH",
"description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units"
},
{
"prop": "shiftV",
"description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units"
},
{
"prop": "stacked",
"version": "2.3.0",
"description": "Set this prop to true when placing inside a BIconstack component"
},
{
"prop": "animation",
"version": "2.7.0",
"description": "Animate the icon. Supported built-in animations are 'cylon', 'fade', 'pulse', 'spin' and 'throb'"
}
]
},
{
"component": "BIconMouse2",
"auto-gen": "bootstrap-icons 1.2.2",
"props": [
{
"prop": "title",
"description": "Text content to place in the title",
"version": "2.17.0"
},
{
"prop": "variant",
"description": "Contextual color variant. By default the icon inherits the current text color"
},
{
"prop": "fontScale",
"description": "Scale the icons current font size"
},
{
"prop": "scale",
"description": "Scales the icon's SVG, without increasing the font size"
},
{
"prop": "rotate",
"description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise"
},
{
"prop": "flipH",
"description": "Flips the icon horizontally"
},
{
"prop": "flipV",
"description": "Flips the icon vertically"
},
{
"prop": "shiftH",
"description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units"
},
{
"prop": "shiftV",
"description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units"
},
{
"prop": "stacked",
"version": "2.3.0",
"description": "Set this prop to true when placing inside a BIconstack component"
},
{
"prop": "animation",
"version": "2.7.0",
"description": "Animate the icon. Supported built-in animations are 'cylon', 'fade', 'pulse', 'spin' and 'throb'"
}
]
},
{
"component": "BIconMouse3",
"auto-gen": "bootstrap-icons 1.2.2",
"props": [
{
"prop": "title",
"description": "Text content to place in the title",
"version": "2.17.0"
},
{
"prop": "variant",
"description": "Contextual color variant. By default the icon inherits the current text color"
},
{
"prop": "fontScale",
"description": "Scale the icons current font size"
},
{
"prop": "scale",
"description": "Scales the icon's SVG, without increasing the font size"
},
{
"prop": "rotate",
"description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise"
},
{
"prop": "flipH",
"description": "Flips the icon horizontally"
},
{
"prop": "flipV",
"description": "Flips the icon vertically"
},
{
"prop": "shiftH",
"description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units"
},
{
"prop": "shiftV",
"description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units"
},
{
"prop": "stacked",
"version": "2.3.0",
"description": "Set this prop to true when placing inside a BIconstack component"
},
{
"prop": "animation",
"version": "2.7.0",
"description": "Animate the icon. Supported built-in animations are 'cylon', 'fade', 'pulse', 'spin' and 'throb'"
}
]
},
{
"component": "BIconMusicNote",
"auto-gen": "bootstrap-icons 1.2.2",
"props": [
{
"prop": "title",
"description": "Text content to place in the title",
"version": "2.17.0"
},
{
"prop": "variant",
"description": "Contextual color variant. By default the icon inherits the current text color"
},
{
"prop": "fontScale",
"description": "Scale the icons current font size"
},
{
"prop": "scale",
"description": "Scales the icon's SVG, without increasing the font size"
},
{
"prop": "rotate",
"description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise"
},
{
"prop": "flipH",
"description": "Flips the icon horizontally"
},
{
"prop": "flipV",
"description": "Flips the icon vertically"
},
{
"prop": "shiftH",
"description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units"
},
{
"prop": "shiftV",
"description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units"
},
{
"prop": "stacked",
"version": "2.3.0",
"description": "Set this prop to true when placing inside a BIconstack component"
},
{
"prop": "animation",
"version": "2.7.0",
"description": "Animate the icon. Supported built-in animations are 'cylon', 'fade', 'pulse', 'spin' and 'throb'"
}
]
},
{
"component": "BIconMusicNoteBeamed",
"auto-gen": "bootstrap-icons 1.2.2",
"props": [
{
"prop": "title",
"description": "Text content to place in the title",
"version": "2.17.0"
},
{
"prop": "variant",
"description": "Contextual color variant. By default the icon inherits the current text color"
},
{
"prop": "fontScale",
"description": "Scale the icons current font size"
},
{
"prop": "scale",
"description": "Scales the icon's SVG, without increasing the font size"
},
{
"prop": "rotate",
"description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise"
},
{
"prop": "flipH",
"description": "Flips the icon horizontally"
},
{
"prop": "flipV",
"description": "Flips the icon vertically"
},
{
"prop": "shiftH",
"description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units"
},
{
"prop": "shiftV",
"description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units"
},
{
"prop": "stacked",
"version": "2.3.0",
"description": "Set this prop to true when placing inside a BIconstack component"
},
{
"prop": "animation",
"version": "2.7.0",
"description": "Animate the icon. Supported built-in animations are 'cylon', 'fade', 'pulse', 'spin' and 'throb'"
}
]
},
{
"component": "BIconMusicNoteList",
"auto-gen": "bootstrap-icons 1.2.2",
"props": [
{
"prop": "title",
"description": "Text content to place in the title",
"version": "2.17.0"
},
{
"prop": "variant",
"description": "Contextual color variant. By default the icon inherits the current text color"
},
{
"prop": "fontScale",
"description": "Scale the icons current font size"
},
{
"prop": "scale",
"description": "Scales the icon's SVG, without increasing the font size"
},
{
"prop": "rotate",
"description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise"
},
{
"prop": "flipH",
"description": "Flips the icon horizontally"
},
{
"prop": "flipV",
"description": "Flips the icon vertically"
},
{
"prop": "shiftH",
"description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units"
},
{
"prop": "shiftV",
"description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units"
},
{
"prop": "stacked",
"version": "2.3.0",
"description": "Set this prop to true when placing inside a BIconstack component"
},
{
"prop": "animation",
"version": "2.7.0",
"description": "Animate the icon. Supported built-in animations are 'cylon', 'fade', 'pulse', 'spin' and 'throb'"
}
]
},
{
"component": "BIconMusicPlayer",
"auto-gen": "bootstrap-icons 1.2.2",
"props": [
{
"prop": "title",
"description": "Text content to place in the title",
"version": "2.17.0"
},
{
"prop": "variant",
"description": "Contextual color variant. By default the icon inherits the current text color"
},
{
"prop": "fontScale",
"description": "Scale the icons current font size"
},
{
"prop": "scale",
"description": "Scales the icon's SVG, without increasing the font size"
},
{
"prop": "rotate",
"description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise"
},
{
"prop": "flipH",
"description": "Flips the icon horizontally"
},
{
"prop": "flipV",
"description": "Flips the icon vertically"
},
{
"prop": "shiftH",
"description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units"
},
{
"prop": "shiftV",
"description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units"
},
{
"prop": "stacked",
"version": "2.3.0",
"description": "Set this prop to true when placing inside a BIconstack component"
},
{
"prop": "animation",
"version": "2.7.0",
"description": "Animate the icon. Supported built-in animations are 'cylon', 'fade', 'pulse', 'spin' and 'throb'"
}
]
},
{
"component": "BIconMusicPlayerFill",
"auto-gen": "bootstrap-icons 1.2.2",
"props": [
{
"prop": "title",
"description": "Text content to place in the title",
"version": "2.17.0"
},
{
"prop": "variant",
"description": "Contextual color variant. By default the icon inherits the current text color"
},
{
"prop": "fontScale",
"description": "Scale the icons current font size"
},
{
"prop": "scale",
"description": "Scales the icon's SVG, without increasing the font size"
},
{
"prop": "rotate",
"description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise"
},
{
"prop": "flipH",
"description": "Flips the icon horizontally"
},
{
"prop": "flipV",
"description": "Flips the icon vertically"
},
{
"prop": "shiftH",
"description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units"
},
{
"prop": "shiftV",
"description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units"
},
{
"prop": "stacked",
"version": "2.3.0",
"description": "Set this prop to true when placing inside a BIconstack component"
},
{
"prop": "animation",
"version": "2.7.0",
"description": "Animate the icon. Supported built-in animations are 'cylon', 'fade', 'pulse', 'spin' and 'throb'"
}
]
},
{
"component": "BIconNewspaper",
"auto-gen": "bootstrap-icons 1.2.2",
"props": [
{
"prop": "title",
"description": "Text content to place in the title",
"version": "2.17.0"
},
{
"prop": "variant",
"description": "Contextual color variant. By default the icon inherits the current text color"
},
{
"prop": "fontScale",
"description": "Scale the icons current font size"
},
{
"prop": "scale",
"description": "Scales the icon's SVG, without increasing the font size"
},
{
"prop": "rotate",
"description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise"
},
{
"prop": "flipH",
"description": "Flips the icon horizontally"
},
{
"prop": "flipV",
"description": "Flips the icon vertically"
},
{
"prop": "shiftH",
"description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units"
},
{
"prop": "shiftV",
"description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units"
},
{
"prop": "stacked",
"version": "2.3.0",
"description": "Set this prop to true when placing inside a BIconstack component"
},
{
"prop": "animation",
"version": "2.7.0",
"description": "Animate the icon. Supported built-in animations are 'cylon', 'fade', 'pulse', 'spin' and 'throb'"
}
]
},
{
"component": "BIconNodeMinus",
"auto-gen": "bootstrap-icons 1.2.2",
"props": [
{
"prop": "title",
"description": "Text content to place in the title",
"version": "2.17.0"
},
{
"prop": "variant",
"description": "Contextual color variant. By default the icon inherits the current text color"
},
{
"prop": "fontScale",
"description": "Scale the icons current font size"
},
{
"prop": "scale",
"description": "Scales the icon's SVG, without increasing the font size"
},
{
"prop": "rotate",
"description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise"
},
{
"prop": "flipH",
"description": "Flips the icon horizontally"
},
{
"prop": "flipV",
"description": "Flips the icon vertically"
},
{
"prop": "shiftH",
"description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units"
},
{
"prop": "shiftV",
"description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units"
},
{
"prop": "stacked",
"version": "2.3.0",
"description": "Set this prop to true when placing inside a BIconstack component"
},
{
"prop": "animation",
"version": "2.7.0",
"description": "Animate the icon. Supported built-in animations are 'cylon', 'fade', 'pulse', 'spin' and 'throb'"
}
]
},
{
"component": "BIconNodeMinusFill",
"auto-gen": "bootstrap-icons 1.2.2",
"props": [
{
"prop": "title",
"description": "Text content to place in the title",
"version": "2.17.0"
},
{
"prop": "variant",
"description": "Contextual color variant. By default the icon inherits the current text color"
},
{
"prop": "fontScale",
"description": "Scale the icons current font size"
},
{
"prop": "scale",
"description": "Scales the icon's SVG, without increasing the font size"
},
{
"prop": "rotate",
"description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise"
},
{
"prop": "flipH",
"description": "Flips the icon horizontally"
},
{
"prop": "flipV",
"description": "Flips the icon vertically"
},
{
"prop": "shiftH",
"description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units"
},
{
"prop": "shiftV",
"description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units"
},
{
"prop": "stacked",
"version": "2.3.0",
"description": "Set this prop to true when placing inside a BIconstack component"
},
{
"prop": "animation",
"version": "2.7.0",
"description": "Animate the icon. Supported built-in animations are 'cylon', 'fade', 'pulse', 'spin' and 'throb'"
}
]
},
{
"component": "BIconNodePlus",
"auto-gen": "bootstrap-icons 1.2.2",
"props": [
{
"prop": "title",
"description": "Text content to place in the title",
"version": "2.17.0"
},
{
"prop": "variant",
"description": "Contextual color variant. By default the icon inherits the current text color"
},
{
"prop": "fontScale",
"description": "Scale the icons current font size"
},
{
"prop": "scale",
"description": "Scales the icon's SVG, without increasing the font size"
},
{
"prop": "rotate",
"description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise"
},
{
"prop": "flipH",
"description": "Flips the icon horizontally"
},
{
"prop": "flipV",
"description": "Flips the icon vertically"
},
{
"prop": "shiftH",
"description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units"
},
{
"prop": "shiftV",
"description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units"
},
{
"prop": "stacked",
"version": "2.3.0",
"description": "Set this prop to true when placing inside a BIconstack component"
},
{
"prop": "animation",
"version": "2.7.0",
"description": "Animate the icon. Supported built-in animations are 'cylon', 'fade', 'pulse', 'spin' and 'throb'"
}
]
},
{
"component": "BIconNodePlusFill",
"auto-gen": "bootstrap-icons 1.2.2",
"props": [
{
"prop": "title",
"description": "Text content to place in the title",
"version": "2.17.0"
},
{
"prop": "variant",
"description": "Contextual color variant. By default the icon inherits the current text color"
},
{
"prop": "fontScale",
"description": "Scale the icons current font size"
},
{
"prop": "scale",
"description": "Scales the icon's SVG, without increasing the font size"
},
{
"prop": "rotate",
"description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise"
},
{
"prop": "flipH",
"description": "Flips the icon horizontally"
},
{
"prop": "flipV",
"description": "Flips the icon vertically"
},
{
"prop": "shiftH",
"description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units"
},
{
"prop": "shiftV",
"description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units"
},
{
"prop": "stacked",
"version": "2.3.0",
"description": "Set this prop to true when placing inside a BIconstack component"
},
{
"prop": "animation",
"version": "2.7.0",
"description": "Animate the icon. Supported built-in animations are 'cylon', 'fade', 'pulse', 'spin' and 'throb'"
}
]
},
{
"component": "BIconNut",
"auto-gen": "bootstrap-icons 1.2.2",
"props": [
{
"prop": "title",
"description": "Text content to place in the title",
"version": "2.17.0"
},
{
"prop": "variant",
"description": "Contextual color variant. By default the icon inherits the current text color"
},
{
"prop": "fontScale",
"description": "Scale the icons current font size"
},
{
"prop": "scale",
"description": "Scales the icon's SVG, without increasing the font size"
},
{
"prop": "rotate",
"description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise"
},
{
"prop": "flipH",
"description": "Flips the icon horizontally"
},
{
"prop": "flipV",
"description": "Flips the icon vertically"
},
{
"prop": "shiftH",
"description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units"
},
{
"prop": "shiftV",
"description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units"
},
{
"prop": "stacked",
"version": "2.3.0",
"description": "Set this prop to true when placing inside a BIconstack component"
},
{
"prop": "animation",
"version": "2.7.0",
"description": "Animate the icon. Supported built-in animations are 'cylon', 'fade', 'pulse', 'spin' and 'throb'"
}
]
},
{
"component": "BIconNutFill",
"auto-gen": "bootstrap-icons 1.2.2",
"props": [
{
"prop": "title",
"description": "Text content to place in the title",
"version": "2.17.0"
},
{
"prop": "variant",
"description": "Contextual color variant. By default the icon inherits the current text color"
},
{
"prop": "fontScale",
"description": "Scale the icons current font size"
},
{
"prop": "scale",
"description": "Scales the icon's SVG, without increasing the font size"
},
{
"prop": "rotate",
"description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise"
},
{
"prop": "flipH",
"description": "Flips the icon horizontally"
},
{
"prop": "flipV",
"description": "Flips the icon vertically"
},
{
"prop": "shiftH",
"description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units"
},
{
"prop": "shiftV",
"description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units"
},
{
"prop": "stacked",
"version": "2.3.0",
"description": "Set this prop to true when placing inside a BIconstack component"
},
{
"prop": "animation",
"version": "2.7.0",
"description": "Animate the icon. Supported built-in animations are 'cylon', 'fade', 'pulse', 'spin' and 'throb'"
}
]
},
{
"component": "BIconOctagon",
"auto-gen": "bootstrap-icons 1.2.2",
"props": [
{
"prop": "title",
"description": "Text content to place in the title",
"version": "2.17.0"
},
{
"prop": "variant",
"description": "Contextual color variant. By default the icon inherits the current text color"
},
{
"prop": "fontScale",
"description": "Scale the icons current font size"
},
{
"prop": "scale",
"description": "Scales the icon's SVG, without increasing the font size"
},
{
"prop": "rotate",
"description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise"
},
{
"prop": "flipH",
"description": "Flips the icon horizontally"
},
{
"prop": "flipV",
"description": "Flips the icon vertically"
},
{
"prop": "shiftH",
"description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units"
},
{
"prop": "shiftV",
"description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units"
},
{
"prop": "stacked",
"version": "2.3.0",
"description": "Set this prop to true when placing inside a BIconstack component"
},
{
"prop": "animation",
"version": "2.7.0",
"description": "Animate the icon. Supported built-in animations are 'cylon', 'fade', 'pulse', 'spin' and 'throb'"
}
]
},
{
"component": "BIconOctagonFill",
"auto-gen": "bootstrap-icons 1.2.2",
"props": [
{
"prop": "title",
"description": "Text content to place in the title",
"version": "2.17.0"
},
{
"prop": "variant",
"description": "Contextual color variant. By default the icon inherits the current text color"
},
{
"prop": "fontScale",
"description": "Scale the icons current font size"
},
{
"prop": "scale",
"description": "Scales the icon's SVG, without increasing the font size"
},
{
"prop": "rotate",
"description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise"
},
{
"prop": "flipH",
"description": "Flips the icon horizontally"
},
{
"prop": "flipV",
"description": "Flips the icon vertically"
},
{
"prop": "shiftH",
"description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units"
},
{
"prop": "shiftV",
"description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units"
},
{
"prop": "stacked",
"version": "2.3.0",
"description": "Set this prop to true when placing inside a BIconstack component"
},
{
"prop": "animation",
"version": "2.7.0",
"description": "Animate the icon. Supported built-in animations are 'cylon', 'fade', 'pulse', 'spin' and 'throb'"
}
]
},
{
"component": "BIconOctagonHalf",
"auto-gen": "bootstrap-icons 1.2.2",
"props": [
{
"prop": "title",
"description": "Text content to place in the title",
"version": "2.17.0"
},
{
"prop": "variant",
"description": "Contextual color variant. By default the icon inherits the current text color"
},
{
"prop": "fontScale",
"description": "Scale the icons current font size"
},
{
"prop": "scale",
"description": "Scales the icon's SVG, without increasing the font size"
},
{
"prop": "rotate",
"description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise"
},
{
"prop": "flipH",
"description": "Flips the icon horizontally"
},
{
"prop": "flipV",
"description": "Flips the icon vertically"
},
{
"prop": "shiftH",
"description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units"
},
{
"prop": "shiftV",
"description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units"
},
{
"prop": "stacked",
"version": "2.3.0",
"description": "Set this prop to true when placing inside a BIconstack component"
},
{
"prop": "animation",
"version": "2.7.0",
"description": "Animate the icon. Supported built-in animations are 'cylon', 'fade', 'pulse', 'spin' and 'throb'"
}
]
},
{
"component": "BIconOption",
"auto-gen": "bootstrap-icons 1.2.2",
"props": [
{
"prop": "title",
"description": "Text content to place in the title",
"version": "2.17.0"
},
{
"prop": "variant",
"description": "Contextual color variant. By default the icon inherits the current text color"
},
{
"prop": "fontScale",
"description": "Scale the icons current font size"
},
{
"prop": "scale",
"description": "Scales the icon's SVG, without increasing the font size"
},
{
"prop": "rotate",
"description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise"
},
{
"prop": "flipH",
"description": "Flips the icon horizontally"
},
{
"prop": "flipV",
"description": "Flips the icon vertically"
},
{
"prop": "shiftH",
"description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units"
},
{
"prop": "shiftV",
"description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units"
},
{
"prop": "stacked",
"version": "2.3.0",
"description": "Set this prop to true when placing inside a BIconstack component"
},
{
"prop": "animation",
"version": "2.7.0",
"description": "Animate the icon. Supported built-in animations are 'cylon', 'fade', 'pulse', 'spin' and 'throb'"
}
]
},
{
"component": "BIconOutlet",
"auto-gen": "bootstrap-icons 1.2.2",
"props": [
{
"prop": "title",
"description": "Text content to place in the title",
"version": "2.17.0"
},
{
"prop": "variant",
"description": "Contextual color variant. By default the icon inherits the current text color"
},
{
"prop": "fontScale",
"description": "Scale the icons current font size"
},
{
"prop": "scale",
"description": "Scales the icon's SVG, without increasing the font size"
},
{
"prop": "rotate",
"description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise"
},
{
"prop": "flipH",
"description": "Flips the icon horizontally"
},
{
"prop": "flipV",
"description": "Flips the icon vertically"
},
{
"prop": "shiftH",
"description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units"
},
{
"prop": "shiftV",
"description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units"
},
{
"prop": "stacked",
"version": "2.3.0",
"description": "Set this prop to true when placing inside a BIconstack component"
},
{
"prop": "animation",
"version": "2.7.0",
"description": "Animate the icon. Supported built-in animations are 'cylon', 'fade', 'pulse', 'spin' and 'throb'"
}
]
},
{
"component": "BIconPaperclip",
"auto-gen": "bootstrap-icons 1.2.2",
"props": [
{
"prop": "title",
"description": "Text content to place in the title",
"version": "2.17.0"
},
{
"prop": "variant",
"description": "Contextual color variant. By default the icon inherits the current text color"
},
{
"prop": "fontScale",
"description": "Scale the icons current font size"
},
{
"prop": "scale",
"description": "Scales the icon's SVG, without increasing the font size"
},
{
"prop": "rotate",
"description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise"
},
{
"prop": "flipH",
"description": "Flips the icon horizontally"
},
{
"prop": "flipV",
"description": "Flips the icon vertically"
},
{
"prop": "shiftH",
"description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units"
},
{
"prop": "shiftV",
"description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units"
},
{
"prop": "stacked",
"version": "2.3.0",
"description": "Set this prop to true when placing inside a BIconstack component"
},
{
"prop": "animation",
"version": "2.7.0",
"description": "Animate the icon. Supported built-in animations are 'cylon', 'fade', 'pulse', 'spin' and 'throb'"
}
]
},
{
"component": "BIconParagraph",
"auto-gen": "bootstrap-icons 1.2.2",
"props": [
{
"prop": "title",
"description": "Text content to place in the title",
"version": "2.17.0"
},
{
"prop": "variant",
"description": "Contextual color variant. By default the icon inherits the current text color"
},
{
"prop": "fontScale",
"description": "Scale the icons current font size"
},
{
"prop": "scale",
"description": "Scales the icon's SVG, without increasing the font size"
},
{
"prop": "rotate",
"description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise"
},
{
"prop": "flipH",
"description": "Flips the icon horizontally"
},
{
"prop": "flipV",
"description": "Flips the icon vertically"
},
{
"prop": "shiftH",
"description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units"
},
{
"prop": "shiftV",
"description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units"
},
{
"prop": "stacked",
"version": "2.3.0",
"description": "Set this prop to true when placing inside a BIconstack component"
},
{
"prop": "animation",
"version": "2.7.0",
"description": "Animate the icon. Supported built-in animations are 'cylon', 'fade', 'pulse', 'spin' and 'throb'"
}
]
},
{
"component": "BIconPatchCheck",
"auto-gen": "bootstrap-icons 1.2.2",
"props": [
{
"prop": "title",
"description": "Text content to place in the title",
"version": "2.17.0"
},
{
"prop": "variant",
"description": "Contextual color variant. By default the icon inherits the current text color"
},
{
"prop": "fontScale",
"description": "Scale the icons current font size"
},
{
"prop": "scale",
"description": "Scales the icon's SVG, without increasing the font size"
},
{
"prop": "rotate",
"description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise"
},
{
"prop": "flipH",
"description": "Flips the icon horizontally"
},
{
"prop": "flipV",
"description": "Flips the icon vertically"
},
{
"prop": "shiftH",
"description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units"
},
{
"prop": "shiftV",
"description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units"
},
{
"prop": "stacked",
"version": "2.3.0",
"description": "Set this prop to true when placing inside a BIconstack component"
},
{
"prop": "animation",
"version": "2.7.0",
"description": "Animate the icon. Supported built-in animations are 'cylon', 'fade', 'pulse', 'spin' and 'throb'"
}
]
},
{
"component": "BIconPatchCheckFill",
"auto-gen": "bootstrap-icons 1.2.2",
"props": [
{
"prop": "title",
"description": "Text content to place in the title",
"version": "2.17.0"
},
{
"prop": "variant",
"description": "Contextual color variant. By default the icon inherits the current text color"
},
{
"prop": "fontScale",
"description": "Scale the icons current font size"
},
{
"prop": "scale",
"description": "Scales the icon's SVG, without increasing the font size"
},
{
"prop": "rotate",
"description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise"
},
{
"prop": "flipH",
"description": "Flips the icon horizontally"
},
{
"prop": "flipV",
"description": "Flips the icon vertically"
},
{
"prop": "shiftH",
"description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units"
},
{
"prop": "shiftV",
"description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units"
},
{
"prop": "stacked",
"version": "2.3.0",
"description": "Set this prop to true when placing inside a BIconstack component"
},
{
"prop": "animation",
"version": "2.7.0",
"description": "Animate the icon. Supported built-in animations are 'cylon', 'fade', 'pulse', 'spin' and 'throb'"
}
]
},
{
"component": "BIconPatchExclamation",
"auto-gen": "bootstrap-icons 1.2.2",
"props": [
{
"prop": "title",
"description": "Text content to place in the title",
"version": "2.17.0"
},
{
"prop": "variant",
"description": "Contextual color variant. By default the icon inherits the current text color"
},
{
"prop": "fontScale",
"description": "Scale the icons current font size"
},
{
"prop": "scale",
"description": "Scales the icon's SVG, without increasing the font size"
},
{
"prop": "rotate",
"description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise"
},
{
"prop": "flipH",
"description": "Flips the icon horizontally"
},
{
"prop": "flipV",
"description": "Flips the icon vertically"
},
{
"prop": "shiftH",
"description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units"
},
{
"prop": "shiftV",
"description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units"
},
{
"prop": "stacked",
"version": "2.3.0",
"description": "Set this prop to true when placing inside a BIconstack component"
},
{
"prop": "animation",
"version": "2.7.0",
"description": "Animate the icon. Supported built-in animations are 'cylon', 'fade', 'pulse', 'spin' and 'throb'"
}
]
},
{
"component": "BIconPatchExclamationFill",
"auto-gen": "bootstrap-icons 1.2.2",
"props": [
{
"prop": "title",
"description": "Text content to place in the title",
"version": "2.17.0"
},
{
"prop": "variant",
"description": "Contextual color variant. By default the icon inherits the current text color"
},
{
"prop": "fontScale",
"description": "Scale the icons current font size"
},
{
"prop": "scale",
"description": "Scales the icon's SVG, without increasing the font size"
},
{
"prop": "rotate",
"description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise"
},
{
"prop": "flipH",
"description": "Flips the icon horizontally"
},
{
"prop": "flipV",
"description": "Flips the icon vertically"
},
{
"prop": "shiftH",
"description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units"
},
{
"prop": "shiftV",
"description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units"
},
{
"prop": "stacked",
"version": "2.3.0",
"description": "Set this prop to true when placing inside a BIconstack component"
},
{
"prop": "animation",
"version": "2.7.0",
"description": "Animate the icon. Supported built-in animations are 'cylon', 'fade', 'pulse', 'spin' and 'throb'"
}
]
},
{
"component": "BIconPatchMinus",
"auto-gen": "bootstrap-icons 1.2.2",
"props": [
{
"prop": "title",
"description": "Text content to place in the title",
"version": "2.17.0"
},
{
"prop": "variant",
"description": "Contextual color variant. By default the icon inherits the current text color"
},
{
"prop": "fontScale",
"description": "Scale the icons current font size"
},
{
"prop": "scale",
"description": "Scales the icon's SVG, without increasing the font size"
},
{
"prop": "rotate",
"description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise"
},
{
"prop": "flipH",
"description": "Flips the icon horizontally"
},
{
"prop": "flipV",
"description": "Flips the icon vertically"
},
{
"prop": "shiftH",
"description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units"
},
{
"prop": "shiftV",
"description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units"
},
{
"prop": "stacked",
"version": "2.3.0",
"description": "Set this prop to true when placing inside a BIconstack component"
},
{
"prop": "animation",
"version": "2.7.0",
"description": "Animate the icon. Supported built-in animations are 'cylon', 'fade', 'pulse', 'spin' and 'throb'"
}
]
},
{
"component": "BIconPatchMinusFill",
"auto-gen": "bootstrap-icons 1.2.2",
"props": [
{
"prop": "title",
"description": "Text content to place in the title",
"version": "2.17.0"
},
{
"prop": "variant",
"description": "Contextual color variant. By default the icon inherits the current text color"
},
{
"prop": "fontScale",
"description": "Scale the icons current font size"
},
{
"prop": "scale",
"description": "Scales the icon's SVG, without increasing the font size"
},
{
"prop": "rotate",
"description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise"
},
{
"prop": "flipH",
"description": "Flips the icon horizontally"
},
{
"prop": "flipV",
"description": "Flips the icon vertically"
},
{
"prop": "shiftH",
"description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units"
},
{
"prop": "shiftV",
"description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units"
},
{
"prop": "stacked",
"version": "2.3.0",
"description": "Set this prop to true when placing inside a BIconstack component"
},
{
"prop": "animation",
"version": "2.7.0",
"description": "Animate the icon. Supported built-in animations are 'cylon', 'fade', 'pulse', 'spin' and 'throb'"
}
]
},
{
"component": "BIconPatchPlus",
"auto-gen": "bootstrap-icons 1.2.2",
"props": [
{
"prop": "title",
"description": "Text content to place in the title",
"version": "2.17.0"
},
{
"prop": "variant",
"description": "Contextual color variant. By default the icon inherits the current text color"
},
{
"prop": "fontScale",
"description": "Scale the icons current font size"
},
{
"prop": "scale",
"description": "Scales the icon's SVG, without increasing the font size"
},
{
"prop": "rotate",
"description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise"
},
{
"prop": "flipH",
"description": "Flips the icon horizontally"
},
{
"prop": "flipV",
"description": "Flips the icon vertically"
},
{
"prop": "shiftH",
"description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units"
},
{
"prop": "shiftV",
"description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units"
},
{
"prop": "stacked",
"version": "2.3.0",
"description": "Set this prop to true when placing inside a BIconstack component"
},
{
"prop": "animation",
"version": "2.7.0",
"description": "Animate the icon. Supported built-in animations are 'cylon', 'fade', 'pulse', 'spin' and 'throb'"
}
]
},
{
"component": "BIconPatchPlusFill",
"auto-gen": "bootstrap-icons 1.2.2",
"props": [
{
"prop": "title",
"description": "Text content to place in the title",
"version": "2.17.0"
},
{
"prop": "variant",
"description": "Contextual color variant. By default the icon inherits the current text color"
},
{
"prop": "fontScale",
"description": "Scale the icons current font size"
},
{
"prop": "scale",
"description": "Scales the icon's SVG, without increasing the font size"
},
{
"prop": "rotate",
"description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise"
},
{
"prop": "flipH",
"description": "Flips the icon horizontally"
},
{
"prop": "flipV",
"description": "Flips the icon vertically"
},
{
"prop": "shiftH",
"description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units"
},
{
"prop": "shiftV",
"description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units"
},
{
"prop": "stacked",
"version": "2.3.0",
"description": "Set this prop to true when placing inside a BIconstack component"
},
{
"prop": "animation",
"version": "2.7.0",
"description": "Animate the icon. Supported built-in animations are 'cylon', 'fade', 'pulse', 'spin' and 'throb'"
}
]
},
{
"component": "BIconPatchQuestion",
"auto-gen": "bootstrap-icons 1.2.2",
"props": [
{
"prop": "title",
"description": "Text content to place in the title",
"version": "2.17.0"
},
{
"prop": "variant",
"description": "Contextual color variant. By default the icon inherits the current text color"
},
{
"prop": "fontScale",
"description": "Scale the icons current font size"
},
{
"prop": "scale",
"description": "Scales the icon's SVG, without increasing the font size"
},
{
"prop": "rotate",
"description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise"
},
{
"prop": "flipH",
"description": "Flips the icon horizontally"
},
{
"prop": "flipV",
"description": "Flips the icon vertically"
},
{
"prop": "shiftH",
"description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units"
},
{
"prop": "shiftV",
"description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units"
},
{
"prop": "stacked",
"version": "2.3.0",
"description": "Set this prop to true when placing inside a BIconstack component"
},
{
"prop": "animation",
"version": "2.7.0",
"description": "Animate the icon. Supported built-in animations are 'cylon', 'fade', 'pulse', 'spin' and 'throb'"
}
]
},
{
"component": "BIconPatchQuestionFill",
"auto-gen": "bootstrap-icons 1.2.2",
"props": [
{
"prop": "title",
"description": "Text content to place in the title",
"version": "2.17.0"
},
{
"prop": "variant",
"description": "Contextual color variant. By default the icon inherits the current text color"
},
{
"prop": "fontScale",
"description": "Scale the icons current font size"
},
{
"prop": "scale",
"description": "Scales the icon's SVG, without increasing the font size"
},
{
"prop": "rotate",
"description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise"
},
{
"prop": "flipH",
"description": "Flips the icon horizontally"
},
{
"prop": "flipV",
"description": "Flips the icon vertically"
},
{
"prop": "shiftH",
"description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units"
},
{
"prop": "shiftV",
"description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units"
},
{
"prop": "stacked",
"version": "2.3.0",
"description": "Set this prop to true when placing inside a BIconstack component"
},
{
"prop": "animation",
"version": "2.7.0",
"description": "Animate the icon. Supported built-in animations are 'cylon', 'fade', 'pulse', 'spin' and 'throb'"
}
]
},
{
"component": "BIconPause",
"auto-gen": "bootstrap-icons 1.2.2",
"props": [
{
"prop": "title",
"description": "Text content to place in the title",
"version": "2.17.0"
},
{
"prop": "variant",
"description": "Contextual color variant. By default the icon inherits the current text color"
},
{
"prop": "fontScale",
"description": "Scale the icons current font size"
},
{
"prop": "scale",
"description": "Scales the icon's SVG, without increasing the font size"
},
{
"prop": "rotate",
"description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise"
},
{
"prop": "flipH",
"description": "Flips the icon horizontally"
},
{
"prop": "flipV",
"description": "Flips the icon vertically"
},
{
"prop": "shiftH",
"description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units"
},
{
"prop": "shiftV",
"description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units"
},
{
"prop": "stacked",
"version": "2.3.0",
"description": "Set this prop to true when placing inside a BIconstack component"
},
{
"prop": "animation",
"version": "2.7.0",
"description": "Animate the icon. Supported built-in animations are 'cylon', 'fade', 'pulse', 'spin' and 'throb'"
}
]
},
{
"component": "BIconPauseBtn",
"auto-gen": "bootstrap-icons 1.2.2",
"props": [
{
"prop": "title",
"description": "Text content to place in the title",
"version": "2.17.0"
},
{
"prop": "variant",
"description": "Contextual color variant. By default the icon inherits the current text color"
},
{
"prop": "fontScale",
"description": "Scale the icons current font size"
},
{
"prop": "scale",
"description": "Scales the icon's SVG, without increasing the font size"
},
{
"prop": "rotate",
"description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise"
},
{
"prop": "flipH",
"description": "Flips the icon horizontally"
},
{
"prop": "flipV",
"description": "Flips the icon vertically"
},
{
"prop": "shiftH",
"description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units"
},
{
"prop": "shiftV",
"description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units"
},
{
"prop": "stacked",
"version": "2.3.0",
"description": "Set this prop to true when placing inside a BIconstack component"
},
{
"prop": "animation",
"version": "2.7.0",
"description": "Animate the icon. Supported built-in animations are 'cylon', 'fade', 'pulse', 'spin' and 'throb'"
}
]
},
{
"component": "BIconPauseBtnFill",
"auto-gen": "bootstrap-icons 1.2.2",
"props": [
{
"prop": "title",
"description": "Text content to place in the title",
"version": "2.17.0"
},
{
"prop": "variant",
"description": "Contextual color variant. By default the icon inherits the current text color"
},
{
"prop": "fontScale",
"description": "Scale the icons current font size"
},
{
"prop": "scale",
"description": "Scales the icon's SVG, without increasing the font size"
},
{
"prop": "rotate",
"description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise"
},
{
"prop": "flipH",
"description": "Flips the icon horizontally"
},
{
"prop": "flipV",
"description": "Flips the icon vertically"
},
{
"prop": "shiftH",
"description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units"
},
{
"prop": "shiftV",
"description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units"
},
{
"prop": "stacked",
"version": "2.3.0",
"description": "Set this prop to true when placing inside a BIconstack component"
},
{
"prop": "animation",
"version": "2.7.0",
"description": "Animate the icon. Supported built-in animations are 'cylon', 'fade', 'pulse', 'spin' and 'throb'"
}
]
},
{
"component": "BIconPauseCircle",
"auto-gen": "bootstrap-icons 1.2.2",
"props": [
{
"prop": "title",
"description": "Text content to place in the title",
"version": "2.17.0"
},
{
"prop": "variant",
"description": "Contextual color variant. By default the icon inherits the current text color"
},
{
"prop": "fontScale",
"description": "Scale the icons current font size"
},
{
"prop": "scale",
"description": "Scales the icon's SVG, without increasing the font size"
},
{
"prop": "rotate",
"description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise"
},
{
"prop": "flipH",
"description": "Flips the icon horizontally"
},
{
"prop": "flipV",
"description": "Flips the icon vertically"
},
{
"prop": "shiftH",
"description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units"
},
{
"prop": "shiftV",
"description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units"
},
{
"prop": "stacked",
"version": "2.3.0",
"description": "Set this prop to true when placing inside a BIconstack component"
},
{
"prop": "animation",
"version": "2.7.0",
"description": "Animate the icon. Supported built-in animations are 'cylon', 'fade', 'pulse', 'spin' and 'throb'"
}
]
},
{
"component": "BIconPauseCircleFill",
"auto-gen": "bootstrap-icons 1.2.2",
"props": [
{
"prop": "title",
"description": "Text content to place in the title",
"version": "2.17.0"
},
{
"prop": "variant",
"description": "Contextual color variant. By default the icon inherits the current text color"
},
{
"prop": "fontScale",
"description": "Scale the icons current font size"
},
{
"prop": "scale",
"description": "Scales the icon's SVG, without increasing the font size"
},
{
"prop": "rotate",
"description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise"
},
{
"prop": "flipH",
"description": "Flips the icon horizontally"
},
{
"prop": "flipV",
"description": "Flips the icon vertically"
},
{
"prop": "shiftH",
"description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units"
},
{
"prop": "shiftV",
"description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units"
},
{
"prop": "stacked",
"version": "2.3.0",
"description": "Set this prop to true when placing inside a BIconstack component"
},
{
"prop": "animation",
"version": "2.7.0",
"description": "Animate the icon. Supported built-in animations are 'cylon', 'fade', 'pulse', 'spin' and 'throb'"
}
]
},
{
"component": "BIconPauseFill",
"auto-gen": "bootstrap-icons 1.2.2",
"props": [
{
"prop": "title",
"description": "Text content to place in the title",
"version": "2.17.0"
},
{
"prop": "variant",
"description": "Contextual color variant. By default the icon inherits the current text color"
},
{
"prop": "fontScale",
"description": "Scale the icons current font size"
},
{
"prop": "scale",
"description": "Scales the icon's SVG, without increasing the font size"
},
{
"prop": "rotate",
"description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise"
},
{
"prop": "flipH",
"description": "Flips the icon horizontally"
},
{
"prop": "flipV",
"description": "Flips the icon vertically"
},
{
"prop": "shiftH",
"description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units"
},
{
"prop": "shiftV",
"description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units"
},
{
"prop": "stacked",
"version": "2.3.0",
"description": "Set this prop to true when placing inside a BIconstack component"
},
{
"prop": "animation",
"version": "2.7.0",
"description": "Animate the icon. Supported built-in animations are 'cylon', 'fade', 'pulse', 'spin' and 'throb'"
}
]
},
{
"component": "BIconPeace",
"auto-gen": "bootstrap-icons 1.2.2",
"props": [
{
"prop": "title",
"description": "Text content to place in the title",
"version": "2.17.0"
},
{
"prop": "variant",
"description": "Contextual color variant. By default the icon inherits the current text color"
},
{
"prop": "fontScale",
"description": "Scale the icons current font size"
},
{
"prop": "scale",
"description": "Scales the icon's SVG, without increasing the font size"
},
{
"prop": "rotate",
"description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise"
},
{
"prop": "flipH",
"description": "Flips the icon horizontally"
},
{
"prop": "flipV",
"description": "Flips the icon vertically"
},
{
"prop": "shiftH",
"description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units"
},
{
"prop": "shiftV",
"description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units"
},
{
"prop": "stacked",
"version": "2.3.0",
"description": "Set this prop to true when placing inside a BIconstack component"
},
{
"prop": "animation",
"version": "2.7.0",
"description": "Animate the icon. Supported built-in animations are 'cylon', 'fade', 'pulse', 'spin' and 'throb'"
}
]
},
{
"component": "BIconPeaceFill",
"auto-gen": "bootstrap-icons 1.2.2",
"props": [
{
"prop": "title",
"description": "Text content to place in the title",
"version": "2.17.0"
},
{
"prop": "variant",
"description": "Contextual color variant. By default the icon inherits the current text color"
},
{
"prop": "fontScale",
"description": "Scale the icons current font size"
},
{
"prop": "scale",
"description": "Scales the icon's SVG, without increasing the font size"
},
{
"prop": "rotate",
"description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise"
},
{
"prop": "flipH",
"description": "Flips the icon horizontally"
},
{
"prop": "flipV",
"description": "Flips the icon vertically"
},
{
"prop": "shiftH",
"description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units"
},
{
"prop": "shiftV",
"description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units"
},
{
"prop": "stacked",
"version": "2.3.0",
"description": "Set this prop to true when placing inside a BIconstack component"
},
{
"prop": "animation",
"version": "2.7.0",
"description": "Animate the icon. Supported built-in animations are 'cylon', 'fade', 'pulse', 'spin' and 'throb'"
}
]
},
{
"component": "BIconPen",
"auto-gen": "bootstrap-icons 1.2.2",
"props": [
{
"prop": "title",
"description": "Text content to place in the title",
"version": "2.17.0"
},
{
"prop": "variant",
"description": "Contextual color variant. By default the icon inherits the current text color"
},
{
"prop": "fontScale",
"description": "Scale the icons current font size"
},
{
"prop": "scale",
"description": "Scales the icon's SVG, without increasing the font size"
},
{
"prop": "rotate",
"description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise"
},
{
"prop": "flipH",
"description": "Flips the icon horizontally"
},
{
"prop": "flipV",
"description": "Flips the icon vertically"
},
{
"prop": "shiftH",
"description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units"
},
{
"prop": "shiftV",
"description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units"
},
{
"prop": "stacked",
"version": "2.3.0",
"description": "Set this prop to true when placing inside a BIconstack component"
},
{
"prop": "animation",
"version": "2.7.0",
"description": "Animate the icon. Supported built-in animations are 'cylon', 'fade', 'pulse', 'spin' and 'throb'"
}
]
},
{
"component": "BIconPenFill",
"auto-gen": "bootstrap-icons 1.2.2",
"props": [
{
"prop": "title",
"description": "Text content to place in the title",
"version": "2.17.0"
},
{
"prop": "variant",
"description": "Contextual color variant. By default the icon inherits the current text color"
},
{
"prop": "fontScale",
"description": "Scale the icons current font size"
},
{
"prop": "scale",
"description": "Scales the icon's SVG, without increasing the font size"
},
{
"prop": "rotate",
"description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise"
},
{
"prop": "flipH",
"description": "Flips the icon horizontally"
},
{
"prop": "flipV",
"description": "Flips the icon vertically"
},
{
"prop": "shiftH",
"description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units"
},
{
"prop": "shiftV",
"description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units"
},
{
"prop": "stacked",
"version": "2.3.0",
"description": "Set this prop to true when placing inside a BIconstack component"
},
{
"prop": "animation",
"version": "2.7.0",
"description": "Animate the icon. Supported built-in animations are 'cylon', 'fade', 'pulse', 'spin' and 'throb'"
}
]
},
{
"component": "BIconPencil",
"auto-gen": "bootstrap-icons 1.2.2",
"props": [
{
"prop": "title",
"description": "Text content to place in the title",
"version": "2.17.0"
},
{
"prop": "variant",
"description": "Contextual color variant. By default the icon inherits the current text color"
},
{
"prop": "fontScale",
"description": "Scale the icons current font size"
},
{
"prop": "scale",
"description": "Scales the icon's SVG, without increasing the font size"
},
{
"prop": "rotate",
"description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise"
},
{
"prop": "flipH",
"description": "Flips the icon horizontally"
},
{
"prop": "flipV",
"description": "Flips the icon vertically"
},
{
"prop": "shiftH",
"description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units"
},
{
"prop": "shiftV",
"description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units"
},
{
"prop": "stacked",
"version": "2.3.0",
"description": "Set this prop to true when placing inside a BIconstack component"
},
{
"prop": "animation",
"version": "2.7.0",
"description": "Animate the icon. Supported built-in animations are 'cylon', 'fade', 'pulse', 'spin' and 'throb'"
}
]
},
{
"component": "BIconPencilFill",
"auto-gen": "bootstrap-icons 1.2.2",
"props": [
{
"prop": "title",
"description": "Text content to place in the title",
"version": "2.17.0"
},
{
"prop": "variant",
"description": "Contextual color variant. By default the icon inherits the current text color"
},
{
"prop": "fontScale",
"description": "Scale the icons current font size"
},
{
"prop": "scale",
"description": "Scales the icon's SVG, without increasing the font size"
},
{
"prop": "rotate",
"description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise"
},
{
"prop": "flipH",
"description": "Flips the icon horizontally"
},
{
"prop": "flipV",
"description": "Flips the icon vertically"
},
{
"prop": "shiftH",
"description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units"
},
{
"prop": "shiftV",
"description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units"
},
{
"prop": "stacked",
"version": "2.3.0",
"description": "Set this prop to true when placing inside a BIconstack component"
},
{
"prop": "animation",
"version": "2.7.0",
"description": "Animate the icon. Supported built-in animations are 'cylon', 'fade', 'pulse', 'spin' and 'throb'"
}
]
},
{
"component": "BIconPencilSquare",
"auto-gen": "bootstrap-icons 1.2.2",
"props": [
{
"prop": "title",
"description": "Text content to place in the title",
"version": "2.17.0"
},
{
"prop": "variant",
"description": "Contextual color variant. By default the icon inherits the current text color"
},
{
"prop": "fontScale",
"description": "Scale the icons current font size"
},
{
"prop": "scale",
"description": "Scales the icon's SVG, without increasing the font size"
},
{
"prop": "rotate",
"description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise"
},
{
"prop": "flipH",
"description": "Flips the icon horizontally"
},
{
"prop": "flipV",
"description": "Flips the icon vertically"
},
{
"prop": "shiftH",
"description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units"
},
{
"prop": "shiftV",
"description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units"
},
{
"prop": "stacked",
"version": "2.3.0",
"description": "Set this prop to true when placing inside a BIconstack component"
},
{
"prop": "animation",
"version": "2.7.0",
"description": "Animate the icon. Supported built-in animations are 'cylon', 'fade', 'pulse', 'spin' and 'throb'"
}
]
},
{
"component": "BIconPentagon",
"auto-gen": "bootstrap-icons 1.2.2",
"props": [
{
"prop": "title",
"description": "Text content to place in the title",
"version": "2.17.0"
},
{
"prop": "variant",
"description": "Contextual color variant. By default the icon inherits the current text color"
},
{
"prop": "fontScale",
"description": "Scale the icons current font size"
},
{
"prop": "scale",
"description": "Scales the icon's SVG, without increasing the font size"
},
{
"prop": "rotate",
"description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise"
},
{
"prop": "flipH",
"description": "Flips the icon horizontally"
},
{
"prop": "flipV",
"description": "Flips the icon vertically"
},
{
"prop": "shiftH",
"description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units"
},
{
"prop": "shiftV",
"description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units"
},
{
"prop": "stacked",
"version": "2.3.0",
"description": "Set this prop to true when placing inside a BIconstack component"
},
{
"prop": "animation",
"version": "2.7.0",
"description": "Animate the icon. Supported built-in animations are 'cylon', 'fade', 'pulse', 'spin' and 'throb'"
}
]
},
{
"component": "BIconPentagonFill",
"auto-gen": "bootstrap-icons 1.2.2",
"props": [
{
"prop": "title",
"description": "Text content to place in the title",
"version": "2.17.0"
},
{
"prop": "variant",
"description": "Contextual color variant. By default the icon inherits the current text color"
},
{
"prop": "fontScale",
"description": "Scale the icons current font size"
},
{
"prop": "scale",
"description": "Scales the icon's SVG, without increasing the font size"
},
{
"prop": "rotate",
"description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise"
},
{
"prop": "flipH",
"description": "Flips the icon horizontally"
},
{
"prop": "flipV",
"description": "Flips the icon vertically"
},
{
"prop": "shiftH",
"description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units"
},
{
"prop": "shiftV",
"description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units"
},
{
"prop": "stacked",
"version": "2.3.0",
"description": "Set this prop to true when placing inside a BIconstack component"
},
{
"prop": "animation",
"version": "2.7.0",
"description": "Animate the icon. Supported built-in animations are 'cylon', 'fade', 'pulse', 'spin' and 'throb'"
}
]
},
{
"component": "BIconPentagonHalf",
"auto-gen": "bootstrap-icons 1.2.2",
"props": [
{
"prop": "title",
"description": "Text content to place in the title",
"version": "2.17.0"
},
{
"prop": "variant",
"description": "Contextual color variant. By default the icon inherits the current text color"
},
{
"prop": "fontScale",
"description": "Scale the icons current font size"
},
{
"prop": "scale",
"description": "Scales the icon's SVG, without increasing the font size"
},
{
"prop": "rotate",
"description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise"
},
{
"prop": "flipH",
"description": "Flips the icon horizontally"
},
{
"prop": "flipV",
"description": "Flips the icon vertically"
},
{
"prop": "shiftH",
"description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units"
},
{
"prop": "shiftV",
"description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units"
},
{
"prop": "stacked",
"version": "2.3.0",
"description": "Set this prop to true when placing inside a BIconstack component"
},
{
"prop": "animation",
"version": "2.7.0",
"description": "Animate the icon. Supported built-in animations are 'cylon', 'fade', 'pulse', 'spin' and 'throb'"
}
]
},
{
"component": "BIconPeople",
"auto-gen": "bootstrap-icons 1.2.2",
"props": [
{
"prop": "title",
"description": "Text content to place in the title",
"version": "2.17.0"
},
{
"prop": "variant",
"description": "Contextual color variant. By default the icon inherits the current text color"
},
{
"prop": "fontScale",
"description": "Scale the icons current font size"
},
{
"prop": "scale",
"description": "Scales the icon's SVG, without increasing the font size"
},
{
"prop": "rotate",
"description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise"
},
{
"prop": "flipH",
"description": "Flips the icon horizontally"
},
{
"prop": "flipV",
"description": "Flips the icon vertically"
},
{
"prop": "shiftH",
"description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units"
},
{
"prop": "shiftV",
"description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units"
},
{
"prop": "stacked",
"version": "2.3.0",
"description": "Set this prop to true when placing inside a BIconstack component"
},
{
"prop": "animation",
"version": "2.7.0",
"description": "Animate the icon. Supported built-in animations are 'cylon', 'fade', 'pulse', 'spin' and 'throb'"
}
]
},
{
"component": "BIconPeopleFill",
"auto-gen": "bootstrap-icons 1.2.2",
"props": [
{
"prop": "title",
"description": "Text content to place in the title",
"version": "2.17.0"
},
{
"prop": "variant",
"description": "Contextual color variant. By default the icon inherits the current text color"
},
{
"prop": "fontScale",
"description": "Scale the icons current font size"
},
{
"prop": "scale",
"description": "Scales the icon's SVG, without increasing the font size"
},
{
"prop": "rotate",
"description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise"
},
{
"prop": "flipH",
"description": "Flips the icon horizontally"
},
{
"prop": "flipV",
"description": "Flips the icon vertically"
},
{
"prop": "shiftH",
"description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units"
},
{
"prop": "shiftV",
"description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units"
},
{
"prop": "stacked",
"version": "2.3.0",
"description": "Set this prop to true when placing inside a BIconstack component"
},
{
"prop": "animation",
"version": "2.7.0",
"description": "Animate the icon. Supported built-in animations are 'cylon', 'fade', 'pulse', 'spin' and 'throb'"
}
]
},
{
"component": "BIconPercent",
"auto-gen": "bootstrap-icons 1.2.2",
"props": [
{
"prop": "title",
"description": "Text content to place in the title",
"version": "2.17.0"
},
{
"prop": "variant",
"description": "Contextual color variant. By default the icon inherits the current text color"
},
{
"prop": "fontScale",
"description": "Scale the icons current font size"
},
{
"prop": "scale",
"description": "Scales the icon's SVG, without increasing the font size"
},
{
"prop": "rotate",
"description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise"
},
{
"prop": "flipH",
"description": "Flips the icon horizontally"
},
{
"prop": "flipV",
"description": "Flips the icon vertically"
},
{
"prop": "shiftH",
"description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units"
},
{
"prop": "shiftV",
"description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units"
},
{
"prop": "stacked",
"version": "2.3.0",
"description": "Set this prop to true when placing inside a BIconstack component"
},
{
"prop": "animation",
"version": "2.7.0",
"description": "Animate the icon. Supported built-in animations are 'cylon', 'fade', 'pulse', 'spin' and 'throb'"
}
]
},
{
"component": "BIconPerson",
"auto-gen": "bootstrap-icons 1.2.2",
"props": [
{
"prop": "title",
"description": "Text content to place in the title",
"version": "2.17.0"
},
{
"prop": "variant",
"description": "Contextual color variant. By default the icon inherits the current text color"
},
{
"prop": "fontScale",
"description": "Scale the icons current font size"
},
{
"prop": "scale",
"description": "Scales the icon's SVG, without increasing the font size"
},
{
"prop": "rotate",
"description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise"
},
{
"prop": "flipH",
"description": "Flips the icon horizontally"
},
{
"prop": "flipV",
"description": "Flips the icon vertically"
},
{
"prop": "shiftH",
"description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units"
},
{
"prop": "shiftV",
"description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units"
},
{
"prop": "stacked",
"version": "2.3.0",
"description": "Set this prop to true when placing inside a BIconstack component"
},
{
"prop": "animation",
"version": "2.7.0",
"description": "Animate the icon. Supported built-in animations are 'cylon', 'fade', 'pulse', 'spin' and 'throb'"
}
]
},
{
"component": "BIconPersonBadge",
"auto-gen": "bootstrap-icons 1.2.2",
"props": [
{
"prop": "title",
"description": "Text content to place in the title",
"version": "2.17.0"
},
{
"prop": "variant",
"description": "Contextual color variant. By default the icon inherits the current text color"
},
{
"prop": "fontScale",
"description": "Scale the icons current font size"
},
{
"prop": "scale",
"description": "Scales the icon's SVG, without increasing the font size"
},
{
"prop": "rotate",
"description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise"
},
{
"prop": "flipH",
"description": "Flips the icon horizontally"
},
{
"prop": "flipV",
"description": "Flips the icon vertically"
},
{
"prop": "shiftH",
"description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units"
},
{
"prop": "shiftV",
"description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units"
},
{
"prop": "stacked",
"version": "2.3.0",
"description": "Set this prop to true when placing inside a BIconstack component"
},
{
"prop": "animation",
"version": "2.7.0",
"description": "Animate the icon. Supported built-in animations are 'cylon', 'fade', 'pulse', 'spin' and 'throb'"
}
]
},
{
"component": "BIconPersonBadgeFill",
"auto-gen": "bootstrap-icons 1.2.2",
"props": [
{
"prop": "title",
"description": "Text content to place in the title",
"version": "2.17.0"
},
{
"prop": "variant",
"description": "Contextual color variant. By default the icon inherits the current text color"
},
{
"prop": "fontScale",
"description": "Scale the icons current font size"
},
{
"prop": "scale",
"description": "Scales the icon's SVG, without increasing the font size"
},
{
"prop": "rotate",
"description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise"
},
{
"prop": "flipH",
"description": "Flips the icon horizontally"
},
{
"prop": "flipV",
"description": "Flips the icon vertically"
},
{
"prop": "shiftH",
"description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units"
},
{
"prop": "shiftV",
"description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units"
},
{
"prop": "stacked",
"version": "2.3.0",
"description": "Set this prop to true when placing inside a BIconstack component"
},
{
"prop": "animation",
"version": "2.7.0",
"description": "Animate the icon. Supported built-in animations are 'cylon', 'fade', 'pulse', 'spin' and 'throb'"
}
]
},
{
"component": "BIconPersonBoundingBox",
"auto-gen": "bootstrap-icons 1.2.2",
"props": [
{
"prop": "title",
"description": "Text content to place in the title",
"version": "2.17.0"
},
{
"prop": "variant",
"description": "Contextual color variant. By default the icon inherits the current text color"
},
{
"prop": "fontScale",
"description": "Scale the icons current font size"
},
{
"prop": "scale",
"description": "Scales the icon's SVG, without increasing the font size"
},
{
"prop": "rotate",
"description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise"
},
{
"prop": "flipH",
"description": "Flips the icon horizontally"
},
{
"prop": "flipV",
"description": "Flips the icon vertically"
},
{
"prop": "shiftH",
"description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units"
},
{
"prop": "shiftV",
"description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units"
},
{
"prop": "stacked",
"version": "2.3.0",
"description": "Set this prop to true when placing inside a BIconstack component"
},
{
"prop": "animation",
"version": "2.7.0",
"description": "Animate the icon. Supported built-in animations are 'cylon', 'fade', 'pulse', 'spin' and 'throb'"
}
]
},
{
"component": "BIconPersonCheck",
"auto-gen": "bootstrap-icons 1.2.2",
"props": [
{
"prop": "title",
"description": "Text content to place in the title",
"version": "2.17.0"
},
{
"prop": "variant",
"description": "Contextual color variant. By default the icon inherits the current text color"
},
{
"prop": "fontScale",
"description": "Scale the icons current font size"
},
{
"prop": "scale",
"description": "Scales the icon's SVG, without increasing the font size"
},
{
"prop": "rotate",
"description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise"
},
{
"prop": "flipH",
"description": "Flips the icon horizontally"
},
{
"prop": "flipV",
"description": "Flips the icon vertically"
},
{
"prop": "shiftH",
"description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units"
},
{
"prop": "shiftV",
"description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units"
},
{
"prop": "stacked",
"version": "2.3.0",
"description": "Set this prop to true when placing inside a BIconstack component"
},
{
"prop": "animation",
"version": "2.7.0",
"description": "Animate the icon. Supported built-in animations are 'cylon', 'fade', 'pulse', 'spin' and 'throb'"
}
]
},
{
"component": "BIconPersonCheckFill",
"auto-gen": "bootstrap-icons 1.2.2",
"props": [
{
"prop": "title",
"description": "Text content to place in the title",
"version": "2.17.0"
},
{
"prop": "variant",
"description": "Contextual color variant. By default the icon inherits the current text color"
},
{
"prop": "fontScale",
"description": "Scale the icons current font size"
},
{
"prop": "scale",
"description": "Scales the icon's SVG, without increasing the font size"
},
{
"prop": "rotate",
"description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise"
},
{
"prop": "flipH",
"description": "Flips the icon horizontally"
},
{
"prop": "flipV",
"description": "Flips the icon vertically"
},
{
"prop": "shiftH",
"description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units"
},
{
"prop": "shiftV",
"description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units"
},
{
"prop": "stacked",
"version": "2.3.0",
"description": "Set this prop to true when placing inside a BIconstack component"
},
{
"prop": "animation",
"version": "2.7.0",
"description": "Animate the icon. Supported built-in animations are 'cylon', 'fade', 'pulse', 'spin' and 'throb'"
}
]
},
{
"component": "BIconPersonCircle",
"auto-gen": "bootstrap-icons 1.2.2",
"props": [
{
"prop": "title",
"description": "Text content to place in the title",
"version": "2.17.0"
},
{
"prop": "variant",
"description": "Contextual color variant. By default the icon inherits the current text color"
},
{
"prop": "fontScale",
"description": "Scale the icons current font size"
},
{
"prop": "scale",
"description": "Scales the icon's SVG, without increasing the font size"
},
{
"prop": "rotate",
"description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise"
},
{
"prop": "flipH",
"description": "Flips the icon horizontally"
},
{
"prop": "flipV",
"description": "Flips the icon vertically"
},
{
"prop": "shiftH",
"description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units"
},
{
"prop": "shiftV",
"description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units"
},
{
"prop": "stacked",
"version": "2.3.0",
"description": "Set this prop to true when placing inside a BIconstack component"
},
{
"prop": "animation",
"version": "2.7.0",
"description": "Animate the icon. Supported built-in animations are 'cylon', 'fade', 'pulse', 'spin' and 'throb'"
}
]
},
{
"component": "BIconPersonDash",
"auto-gen": "bootstrap-icons 1.2.2",
"props": [
{
"prop": "title",
"description": "Text content to place in the title",
"version": "2.17.0"
},
{
"prop": "variant",
"description": "Contextual color variant. By default the icon inherits the current text color"
},
{
"prop": "fontScale",
"description": "Scale the icons current font size"
},
{
"prop": "scale",
"description": "Scales the icon's SVG, without increasing the font size"
},
{
"prop": "rotate",
"description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise"
},
{
"prop": "flipH",
"description": "Flips the icon horizontally"
},
{
"prop": "flipV",
"description": "Flips the icon vertically"
},
{
"prop": "shiftH",
"description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units"
},
{
"prop": "shiftV",
"description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units"
},
{
"prop": "stacked",
"version": "2.3.0",
"description": "Set this prop to true when placing inside a BIconstack component"
},
{
"prop": "animation",
"version": "2.7.0",
"description": "Animate the icon. Supported built-in animations are 'cylon', 'fade', 'pulse', 'spin' and 'throb'"
}
]
},
{
"component": "BIconPersonDashFill",
"auto-gen": "bootstrap-icons 1.2.2",
"props": [
{
"prop": "title",
"description": "Text content to place in the title",
"version": "2.17.0"
},
{
"prop": "variant",
"description": "Contextual color variant. By default the icon inherits the current text color"
},
{
"prop": "fontScale",
"description": "Scale the icons current font size"
},
{
"prop": "scale",
"description": "Scales the icon's SVG, without increasing the font size"
},
{
"prop": "rotate",
"description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise"
},
{
"prop": "flipH",
"description": "Flips the icon horizontally"
},
{
"prop": "flipV",
"description": "Flips the icon vertically"
},
{
"prop": "shiftH",
"description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units"
},
{
"prop": "shiftV",
"description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units"
},
{
"prop": "stacked",
"version": "2.3.0",
"description": "Set this prop to true when placing inside a BIconstack component"
},
{
"prop": "animation",
"version": "2.7.0",
"description": "Animate the icon. Supported built-in animations are 'cylon', 'fade', 'pulse', 'spin' and 'throb'"
}
]
},
{
"component": "BIconPersonFill",
"auto-gen": "bootstrap-icons 1.2.2",
"props": [
{
"prop": "title",
"description": "Text content to place in the title",
"version": "2.17.0"
},
{
"prop": "variant",
"description": "Contextual color variant. By default the icon inherits the current text color"
},
{
"prop": "fontScale",
"description": "Scale the icons current font size"
},
{
"prop": "scale",
"description": "Scales the icon's SVG, without increasing the font size"
},
{
"prop": "rotate",
"description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise"
},
{
"prop": "flipH",
"description": "Flips the icon horizontally"
},
{
"prop": "flipV",
"description": "Flips the icon vertically"
},
{
"prop": "shiftH",
"description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units"
},
{
"prop": "shiftV",
"description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units"
},
{
"prop": "stacked",
"version": "2.3.0",
"description": "Set this prop to true when placing inside a BIconstack component"
},
{
"prop": "animation",
"version": "2.7.0",
"description": "Animate the icon. Supported built-in animations are 'cylon', 'fade', 'pulse', 'spin' and 'throb'"
}
]
},
{
"component": "BIconPersonLinesFill",
"auto-gen": "bootstrap-icons 1.2.2",
"props": [
{
"prop": "title",
"description": "Text content to place in the title",
"version": "2.17.0"
},
{
"prop": "variant",
"description": "Contextual color variant. By default the icon inherits the current text color"
},
{
"prop": "fontScale",
"description": "Scale the icons current font size"
},
{
"prop": "scale",
"description": "Scales the icon's SVG, without increasing the font size"
},
{
"prop": "rotate",
"description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise"
},
{
"prop": "flipH",
"description": "Flips the icon horizontally"
},
{
"prop": "flipV",
"description": "Flips the icon vertically"
},
{
"prop": "shiftH",
"description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units"
},
{
"prop": "shiftV",
"description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units"
},
{
"prop": "stacked",
"version": "2.3.0",
"description": "Set this prop to true when placing inside a BIconstack component"
},
{
"prop": "animation",
"version": "2.7.0",
"description": "Animate the icon. Supported built-in animations are 'cylon', 'fade', 'pulse', 'spin' and 'throb'"
}
]
},
{
"component": "BIconPersonPlus",
"auto-gen": "bootstrap-icons 1.2.2",
"props": [
{
"prop": "title",
"description": "Text content to place in the title",
"version": "2.17.0"
},
{
"prop": "variant",
"description": "Contextual color variant. By default the icon inherits the current text color"
},
{
"prop": "fontScale",
"description": "Scale the icons current font size"
},
{
"prop": "scale",
"description": "Scales the icon's SVG, without increasing the font size"
},
{
"prop": "rotate",
"description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise"
},
{
"prop": "flipH",
"description": "Flips the icon horizontally"
},
{
"prop": "flipV",
"description": "Flips the icon vertically"
},
{
"prop": "shiftH",
"description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units"
},
{
"prop": "shiftV",
"description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units"
},
{
"prop": "stacked",
"version": "2.3.0",
"description": "Set this prop to true when placing inside a BIconstack component"
},
{
"prop": "animation",
"version": "2.7.0",
"description": "Animate the icon. Supported built-in animations are 'cylon', 'fade', 'pulse', 'spin' and 'throb'"
}
]
},
{
"component": "BIconPersonPlusFill",
"auto-gen": "bootstrap-icons 1.2.2",
"props": [
{
"prop": "title",
"description": "Text content to place in the title",
"version": "2.17.0"
},
{
"prop": "variant",
"description": "Contextual color variant. By default the icon inherits the current text color"
},
{
"prop": "fontScale",
"description": "Scale the icons current font size"
},
{
"prop": "scale",
"description": "Scales the icon's SVG, without increasing the font size"
},
{
"prop": "rotate",
"description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise"
},
{
"prop": "flipH",
"description": "Flips the icon horizontally"
},
{
"prop": "flipV",
"description": "Flips the icon vertically"
},
{
"prop": "shiftH",
"description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units"
},
{
"prop": "shiftV",
"description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units"
},
{
"prop": "stacked",
"version": "2.3.0",
"description": "Set this prop to true when placing inside a BIconstack component"
},
{
"prop": "animation",
"version": "2.7.0",
"description": "Animate the icon. Supported built-in animations are 'cylon', 'fade', 'pulse', 'spin' and 'throb'"
}
]
},
{
"component": "BIconPersonSquare",
"auto-gen": "bootstrap-icons 1.2.2",
"props": [
{
"prop": "title",
"description": "Text content to place in the title",
"version": "2.17.0"
},
{
"prop": "variant",
"description": "Contextual color variant. By default the icon inherits the current text color"
},
{
"prop": "fontScale",
"description": "Scale the icons current font size"
},
{
"prop": "scale",
"description": "Scales the icon's SVG, without increasing the font size"
},
{
"prop": "rotate",
"description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise"
},
{
"prop": "flipH",
"description": "Flips the icon horizontally"
},
{
"prop": "flipV",
"description": "Flips the icon vertically"
},
{
"prop": "shiftH",
"description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units"
},
{
"prop": "shiftV",
"description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units"
},
{
"prop": "stacked",
"version": "2.3.0",
"description": "Set this prop to true when placing inside a BIconstack component"
},
{
"prop": "animation",
"version": "2.7.0",
"description": "Animate the icon. Supported built-in animations are 'cylon', 'fade', 'pulse', 'spin' and 'throb'"
}
]
},
{
"component": "BIconPersonX",
"auto-gen": "bootstrap-icons 1.2.2",
"props": [
{
"prop": "title",
"description": "Text content to place in the title",
"version": "2.17.0"
},
{
"prop": "variant",
"description": "Contextual color variant. By default the icon inherits the current text color"
},
{
"prop": "fontScale",
"description": "Scale the icons current font size"
},
{
"prop": "scale",
"description": "Scales the icon's SVG, without increasing the font size"
},
{
"prop": "rotate",
"description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise"
},
{
"prop": "flipH",
"description": "Flips the icon horizontally"
},
{
"prop": "flipV",
"description": "Flips the icon vertically"
},
{
"prop": "shiftH",
"description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units"
},
{
"prop": "shiftV",
"description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units"
},
{
"prop": "stacked",
"version": "2.3.0",
"description": "Set this prop to true when placing inside a BIconstack component"
},
{
"prop": "animation",
"version": "2.7.0",
"description": "Animate the icon. Supported built-in animations are 'cylon', 'fade', 'pulse', 'spin' and 'throb'"
}
]
},
{
"component": "BIconPersonXFill",
"auto-gen": "bootstrap-icons 1.2.2",
"props": [
{
"prop": "title",
"description": "Text content to place in the title",
"version": "2.17.0"
},
{
"prop": "variant",
"description": "Contextual color variant. By default the icon inherits the current text color"
},
{
"prop": "fontScale",
"description": "Scale the icons current font size"
},
{
"prop": "scale",
"description": "Scales the icon's SVG, without increasing the font size"
},
{
"prop": "rotate",
"description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise"
},
{
"prop": "flipH",
"description": "Flips the icon horizontally"
},
{
"prop": "flipV",
"description": "Flips the icon vertically"
},
{
"prop": "shiftH",
"description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units"
},
{
"prop": "shiftV",
"description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units"
},
{
"prop": "stacked",
"version": "2.3.0",
"description": "Set this prop to true when placing inside a BIconstack component"
},
{
"prop": "animation",
"version": "2.7.0",
"description": "Animate the icon. Supported built-in animations are 'cylon', 'fade', 'pulse', 'spin' and 'throb'"
}
]
},
{
"component": "BIconPhone",
"auto-gen": "bootstrap-icons 1.2.2",
"props": [
{
"prop": "title",
"description": "Text content to place in the title",
"version": "2.17.0"
},
{
"prop": "variant",
"description": "Contextual color variant. By default the icon inherits the current text color"
},
{
"prop": "fontScale",
"description": "Scale the icons current font size"
},
{
"prop": "scale",
"description": "Scales the icon's SVG, without increasing the font size"
},
{
"prop": "rotate",
"description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise"
},
{
"prop": "flipH",
"description": "Flips the icon horizontally"
},
{
"prop": "flipV",
"description": "Flips the icon vertically"
},
{
"prop": "shiftH",
"description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units"
},
{
"prop": "shiftV",
"description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units"
},
{
"prop": "stacked",
"version": "2.3.0",
"description": "Set this prop to true when placing inside a BIconstack component"
},
{
"prop": "animation",
"version": "2.7.0",
"description": "Animate the icon. Supported built-in animations are 'cylon', 'fade', 'pulse', 'spin' and 'throb'"
}
]
},
{
"component": "BIconPhoneFill",
"auto-gen": "bootstrap-icons 1.2.2",
"props": [
{
"prop": "title",
"description": "Text content to place in the title",
"version": "2.17.0"
},
{
"prop": "variant",
"description": "Contextual color variant. By default the icon inherits the current text color"
},
{
"prop": "fontScale",
"description": "Scale the icons current font size"
},
{
"prop": "scale",
"description": "Scales the icon's SVG, without increasing the font size"
},
{
"prop": "rotate",
"description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise"
},
{
"prop": "flipH",
"description": "Flips the icon horizontally"
},
{
"prop": "flipV",
"description": "Flips the icon vertically"
},
{
"prop": "shiftH",
"description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units"
},
{
"prop": "shiftV",
"description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units"
},
{
"prop": "stacked",
"version": "2.3.0",
"description": "Set this prop to true when placing inside a BIconstack component"
},
{
"prop": "animation",
"version": "2.7.0",
"description": "Animate the icon. Supported built-in animations are 'cylon', 'fade', 'pulse', 'spin' and 'throb'"
}
]
},
{
"component": "BIconPhoneLandscape",
"auto-gen": "bootstrap-icons 1.2.2",
"props": [
{
"prop": "title",
"description": "Text content to place in the title",
"version": "2.17.0"
},
{
"prop": "variant",
"description": "Contextual color variant. By default the icon inherits the current text color"
},
{
"prop": "fontScale",
"description": "Scale the icons current font size"
},
{
"prop": "scale",
"description": "Scales the icon's SVG, without increasing the font size"
},
{
"prop": "rotate",
"description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise"
},
{
"prop": "flipH",
"description": "Flips the icon horizontally"
},
{
"prop": "flipV",
"description": "Flips the icon vertically"
},
{
"prop": "shiftH",
"description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units"
},
{
"prop": "shiftV",
"description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units"
},
{
"prop": "stacked",
"version": "2.3.0",
"description": "Set this prop to true when placing inside a BIconstack component"
},
{
"prop": "animation",
"version": "2.7.0",
"description": "Animate the icon. Supported built-in animations are 'cylon', 'fade', 'pulse', 'spin' and 'throb'"
}
]
},
{
"component": "BIconPhoneLandscapeFill",
"auto-gen": "bootstrap-icons 1.2.2",
"props": [
{
"prop": "title",
"description": "Text content to place in the title",
"version": "2.17.0"
},
{
"prop": "variant",
"description": "Contextual color variant. By default the icon inherits the current text color"
},
{
"prop": "fontScale",
"description": "Scale the icons current font size"
},
{
"prop": "scale",
"description": "Scales the icon's SVG, without increasing the font size"
},
{
"prop": "rotate",
"description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise"
},
{
"prop": "flipH",
"description": "Flips the icon horizontally"
},
{
"prop": "flipV",
"description": "Flips the icon vertically"
},
{
"prop": "shiftH",
"description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units"
},
{
"prop": "shiftV",
"description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units"
},
{
"prop": "stacked",
"version": "2.3.0",
"description": "Set this prop to true when placing inside a BIconstack component"
},
{
"prop": "animation",
"version": "2.7.0",
"description": "Animate the icon. Supported built-in animations are 'cylon', 'fade', 'pulse', 'spin' and 'throb'"
}
]
},
{
"component": "BIconPhoneVibrate",
"auto-gen": "bootstrap-icons 1.2.2",
"props": [
{
"prop": "title",
"description": "Text content to place in the title",
"version": "2.17.0"
},
{
"prop": "variant",
"description": "Contextual color variant. By default the icon inherits the current text color"
},
{
"prop": "fontScale",
"description": "Scale the icons current font size"
},
{
"prop": "scale",
"description": "Scales the icon's SVG, without increasing the font size"
},
{
"prop": "rotate",
"description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise"
},
{
"prop": "flipH",
"description": "Flips the icon horizontally"
},
{
"prop": "flipV",
"description": "Flips the icon vertically"
},
{
"prop": "shiftH",
"description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units"
},
{
"prop": "shiftV",
"description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units"
},
{
"prop": "stacked",
"version": "2.3.0",
"description": "Set this prop to true when placing inside a BIconstack component"
},
{
"prop": "animation",
"version": "2.7.0",
"description": "Animate the icon. Supported built-in animations are 'cylon', 'fade', 'pulse', 'spin' and 'throb'"
}
]
},
{
"component": "BIconPieChart",
"auto-gen": "bootstrap-icons 1.2.2",
"props": [
{
"prop": "title",
"description": "Text content to place in the title",
"version": "2.17.0"
},
{
"prop": "variant",
"description": "Contextual color variant. By default the icon inherits the current text color"
},
{
"prop": "fontScale",
"description": "Scale the icons current font size"
},
{
"prop": "scale",
"description": "Scales the icon's SVG, without increasing the font size"
},
{
"prop": "rotate",
"description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise"
},
{
"prop": "flipH",
"description": "Flips the icon horizontally"
},
{
"prop": "flipV",
"description": "Flips the icon vertically"
},
{
"prop": "shiftH",
"description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units"
},
{
"prop": "shiftV",
"description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units"
},
{
"prop": "stacked",
"version": "2.3.0",
"description": "Set this prop to true when placing inside a BIconstack component"
},
{
"prop": "animation",
"version": "2.7.0",
"description": "Animate the icon. Supported built-in animations are 'cylon', 'fade', 'pulse', 'spin' and 'throb'"
}
]
},
{
"component": "BIconPieChartFill",
"auto-gen": "bootstrap-icons 1.2.2",
"props": [
{
"prop": "title",
"description": "Text content to place in the title",
"version": "2.17.0"
},
{
"prop": "variant",
"description": "Contextual color variant. By default the icon inherits the current text color"
},
{
"prop": "fontScale",
"description": "Scale the icons current font size"
},
{
"prop": "scale",
"description": "Scales the icon's SVG, without increasing the font size"
},
{
"prop": "rotate",
"description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise"
},
{
"prop": "flipH",
"description": "Flips the icon horizontally"
},
{
"prop": "flipV",
"description": "Flips the icon vertically"
},
{
"prop": "shiftH",
"description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units"
},
{
"prop": "shiftV",
"description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units"
},
{
"prop": "stacked",
"version": "2.3.0",
"description": "Set this prop to true when placing inside a BIconstack component"
},
{
"prop": "animation",
"version": "2.7.0",
"description": "Animate the icon. Supported built-in animations are 'cylon', 'fade', 'pulse', 'spin' and 'throb'"
}
]
},
{
"component": "BIconPip",
"auto-gen": "bootstrap-icons 1.2.2",
"props": [
{
"prop": "title",
"description": "Text content to place in the title",
"version": "2.17.0"
},
{
"prop": "variant",
"description": "Contextual color variant. By default the icon inherits the current text color"
},
{
"prop": "fontScale",
"description": "Scale the icons current font size"
},
{
"prop": "scale",
"description": "Scales the icon's SVG, without increasing the font size"
},
{
"prop": "rotate",
"description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise"
},
{
"prop": "flipH",
"description": "Flips the icon horizontally"
},
{
"prop": "flipV",
"description": "Flips the icon vertically"
},
{
"prop": "shiftH",
"description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units"
},
{
"prop": "shiftV",
"description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units"
},
{
"prop": "stacked",
"version": "2.3.0",
"description": "Set this prop to true when placing inside a BIconstack component"
},
{
"prop": "animation",
"version": "2.7.0",
"description": "Animate the icon. Supported built-in animations are 'cylon', 'fade', 'pulse', 'spin' and 'throb'"
}
]
},
{
"component": "BIconPipFill",
"auto-gen": "bootstrap-icons 1.2.2",
"props": [
{
"prop": "title",
"description": "Text content to place in the title",
"version": "2.17.0"
},
{
"prop": "variant",
"description": "Contextual color variant. By default the icon inherits the current text color"
},
{
"prop": "fontScale",
"description": "Scale the icons current font size"
},
{
"prop": "scale",
"description": "Scales the icon's SVG, without increasing the font size"
},
{
"prop": "rotate",
"description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise"
},
{
"prop": "flipH",
"description": "Flips the icon horizontally"
},
{
"prop": "flipV",
"description": "Flips the icon vertically"
},
{
"prop": "shiftH",
"description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units"
},
{
"prop": "shiftV",
"description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units"
},
{
"prop": "stacked",
"version": "2.3.0",
"description": "Set this prop to true when placing inside a BIconstack component"
},
{
"prop": "animation",
"version": "2.7.0",
"description": "Animate the icon. Supported built-in animations are 'cylon', 'fade', 'pulse', 'spin' and 'throb'"
}
]
},
{
"component": "BIconPlay",
"auto-gen": "bootstrap-icons 1.2.2",
"props": [
{
"prop": "title",
"description": "Text content to place in the title",
"version": "2.17.0"
},
{
"prop": "variant",
"description": "Contextual color variant. By default the icon inherits the current text color"
},
{
"prop": "fontScale",
"description": "Scale the icons current font size"
},
{
"prop": "scale",
"description": "Scales the icon's SVG, without increasing the font size"
},
{
"prop": "rotate",
"description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise"
},
{
"prop": "flipH",
"description": "Flips the icon horizontally"
},
{
"prop": "flipV",
"description": "Flips the icon vertically"
},
{
"prop": "shiftH",
"description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units"
},
{
"prop": "shiftV",
"description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units"
},
{
"prop": "stacked",
"version": "2.3.0",
"description": "Set this prop to true when placing inside a BIconstack component"
},
{
"prop": "animation",
"version": "2.7.0",
"description": "Animate the icon. Supported built-in animations are 'cylon', 'fade', 'pulse', 'spin' and 'throb'"
}
]
},
{
"component": "BIconPlayBtn",
"auto-gen": "bootstrap-icons 1.2.2",
"props": [
{
"prop": "title",
"description": "Text content to place in the title",
"version": "2.17.0"
},
{
"prop": "variant",
"description": "Contextual color variant. By default the icon inherits the current text color"
},
{
"prop": "fontScale",
"description": "Scale the icons current font size"
},
{
"prop": "scale",
"description": "Scales the icon's SVG, without increasing the font size"
},
{
"prop": "rotate",
"description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise"
},
{
"prop": "flipH",
"description": "Flips the icon horizontally"
},
{
"prop": "flipV",
"description": "Flips the icon vertically"
},
{
"prop": "shiftH",
"description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units"
},
{
"prop": "shiftV",
"description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units"
},
{
"prop": "stacked",
"version": "2.3.0",
"description": "Set this prop to true when placing inside a BIconstack component"
},
{
"prop": "animation",
"version": "2.7.0",
"description": "Animate the icon. Supported built-in animations are 'cylon', 'fade', 'pulse', 'spin' and 'throb'"
}
]
},
{
"component": "BIconPlayBtnFill",
"auto-gen": "bootstrap-icons 1.2.2",
"props": [
{
"prop": "title",
"description": "Text content to place in the title",
"version": "2.17.0"
},
{
"prop": "variant",
"description": "Contextual color variant. By default the icon inherits the current text color"
},
{
"prop": "fontScale",
"description": "Scale the icons current font size"
},
{
"prop": "scale",
"description": "Scales the icon's SVG, without increasing the font size"
},
{
"prop": "rotate",
"description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise"
},
{
"prop": "flipH",
"description": "Flips the icon horizontally"
},
{
"prop": "flipV",
"description": "Flips the icon vertically"
},
{
"prop": "shiftH",
"description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units"
},
{
"prop": "shiftV",
"description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units"
},
{
"prop": "stacked",
"version": "2.3.0",
"description": "Set this prop to true when placing inside a BIconstack component"
},
{
"prop": "animation",
"version": "2.7.0",
"description": "Animate the icon. Supported built-in animations are 'cylon', 'fade', 'pulse', 'spin' and 'throb'"
}
]
},
{
"component": "BIconPlayCircle",
"auto-gen": "bootstrap-icons 1.2.2",
"props": [
{
"prop": "title",
"description": "Text content to place in the title",
"version": "2.17.0"
},
{
"prop": "variant",
"description": "Contextual color variant. By default the icon inherits the current text color"
},
{
"prop": "fontScale",
"description": "Scale the icons current font size"
},
{
"prop": "scale",
"description": "Scales the icon's SVG, without increasing the font size"
},
{
"prop": "rotate",
"description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise"
},
{
"prop": "flipH",
"description": "Flips the icon horizontally"
},
{
"prop": "flipV",
"description": "Flips the icon vertically"
},
{
"prop": "shiftH",
"description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units"
},
{
"prop": "shiftV",
"description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units"
},
{
"prop": "stacked",
"version": "2.3.0",
"description": "Set this prop to true when placing inside a BIconstack component"
},
{
"prop": "animation",
"version": "2.7.0",
"description": "Animate the icon. Supported built-in animations are 'cylon', 'fade', 'pulse', 'spin' and 'throb'"
}
]
},
{
"component": "BIconPlayCircleFill",
"auto-gen": "bootstrap-icons 1.2.2",
"props": [
{
"prop": "title",
"description": "Text content to place in the title",
"version": "2.17.0"
},
{
"prop": "variant",
"description": "Contextual color variant. By default the icon inherits the current text color"
},
{
"prop": "fontScale",
"description": "Scale the icons current font size"
},
{
"prop": "scale",
"description": "Scales the icon's SVG, without increasing the font size"
},
{
"prop": "rotate",
"description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise"
},
{
"prop": "flipH",
"description": "Flips the icon horizontally"
},
{
"prop": "flipV",
"description": "Flips the icon vertically"
},
{
"prop": "shiftH",
"description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units"
},
{
"prop": "shiftV",
"description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units"
},
{
"prop": "stacked",
"version": "2.3.0",
"description": "Set this prop to true when placing inside a BIconstack component"
},
{
"prop": "animation",
"version": "2.7.0",
"description": "Animate the icon. Supported built-in animations are 'cylon', 'fade', 'pulse', 'spin' and 'throb'"
}
]
},
{
"component": "BIconPlayFill",
"auto-gen": "bootstrap-icons 1.2.2",
"props": [
{
"prop": "title",
"description": "Text content to place in the title",
"version": "2.17.0"
},
{
"prop": "variant",
"description": "Contextual color variant. By default the icon inherits the current text color"
},
{
"prop": "fontScale",
"description": "Scale the icons current font size"
},
{
"prop": "scale",
"description": "Scales the icon's SVG, without increasing the font size"
},
{
"prop": "rotate",
"description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise"
},
{
"prop": "flipH",
"description": "Flips the icon horizontally"
},
{
"prop": "flipV",
"description": "Flips the icon vertically"
},
{
"prop": "shiftH",
"description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units"
},
{
"prop": "shiftV",
"description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units"
},
{
"prop": "stacked",
"version": "2.3.0",
"description": "Set this prop to true when placing inside a BIconstack component"
},
{
"prop": "animation",
"version": "2.7.0",
"description": "Animate the icon. Supported built-in animations are 'cylon', 'fade', 'pulse', 'spin' and 'throb'"
}
]
},
{
"component": "BIconPlug",
"auto-gen": "bootstrap-icons 1.2.2",
"props": [
{
"prop": "title",
"description": "Text content to place in the title",
"version": "2.17.0"
},
{
"prop": "variant",
"description": "Contextual color variant. By default the icon inherits the current text color"
},
{
"prop": "fontScale",
"description": "Scale the icons current font size"
},
{
"prop": "scale",
"description": "Scales the icon's SVG, without increasing the font size"
},
{
"prop": "rotate",
"description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise"
},
{
"prop": "flipH",
"description": "Flips the icon horizontally"
},
{
"prop": "flipV",
"description": "Flips the icon vertically"
},
{
"prop": "shiftH",
"description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units"
},
{
"prop": "shiftV",
"description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units"
},
{
"prop": "stacked",
"version": "2.3.0",
"description": "Set this prop to true when placing inside a BIconstack component"
},
{
"prop": "animation",
"version": "2.7.0",
"description": "Animate the icon. Supported built-in animations are 'cylon', 'fade', 'pulse', 'spin' and 'throb'"
}
]
},
{
"component": "BIconPlugFill",
"auto-gen": "bootstrap-icons 1.2.2",
"props": [
{
"prop": "title",
"description": "Text content to place in the title",
"version": "2.17.0"
},
{
"prop": "variant",
"description": "Contextual color variant. By default the icon inherits the current text color"
},
{
"prop": "fontScale",
"description": "Scale the icons current font size"
},
{
"prop": "scale",
"description": "Scales the icon's SVG, without increasing the font size"
},
{
"prop": "rotate",
"description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise"
},
{
"prop": "flipH",
"description": "Flips the icon horizontally"
},
{
"prop": "flipV",
"description": "Flips the icon vertically"
},
{
"prop": "shiftH",
"description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units"
},
{
"prop": "shiftV",
"description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units"
},
{
"prop": "stacked",
"version": "2.3.0",
"description": "Set this prop to true when placing inside a BIconstack component"
},
{
"prop": "animation",
"version": "2.7.0",
"description": "Animate the icon. Supported built-in animations are 'cylon', 'fade', 'pulse', 'spin' and 'throb'"
}
]
},
{
"component": "BIconPlus",
"auto-gen": "bootstrap-icons 1.2.2",
"props": [
{
"prop": "title",
"description": "Text content to place in the title",
"version": "2.17.0"
},
{
"prop": "variant",
"description": "Contextual color variant. By default the icon inherits the current text color"
},
{
"prop": "fontScale",
"description": "Scale the icons current font size"
},
{
"prop": "scale",
"description": "Scales the icon's SVG, without increasing the font size"
},
{
"prop": "rotate",
"description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise"
},
{
"prop": "flipH",
"description": "Flips the icon horizontally"
},
{
"prop": "flipV",
"description": "Flips the icon vertically"
},
{
"prop": "shiftH",
"description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units"
},
{
"prop": "shiftV",
"description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units"
},
{
"prop": "stacked",
"version": "2.3.0",
"description": "Set this prop to true when placing inside a BIconstack component"
},
{
"prop": "animation",
"version": "2.7.0",
"description": "Animate the icon. Supported built-in animations are 'cylon', 'fade', 'pulse', 'spin' and 'throb'"
}
]
},
{
"component": "BIconPlusCircle",
"auto-gen": "bootstrap-icons 1.2.2",
"props": [
{
"prop": "title",
"description": "Text content to place in the title",
"version": "2.17.0"
},
{
"prop": "variant",
"description": "Contextual color variant. By default the icon inherits the current text color"
},
{
"prop": "fontScale",
"description": "Scale the icons current font size"
},
{
"prop": "scale",
"description": "Scales the icon's SVG, without increasing the font size"
},
{
"prop": "rotate",
"description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise"
},
{
"prop": "flipH",
"description": "Flips the icon horizontally"
},
{
"prop": "flipV",
"description": "Flips the icon vertically"
},
{
"prop": "shiftH",
"description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units"
},
{
"prop": "shiftV",
"description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units"
},
{
"prop": "stacked",
"version": "2.3.0",
"description": "Set this prop to true when placing inside a BIconstack component"
},
{
"prop": "animation",
"version": "2.7.0",
"description": "Animate the icon. Supported built-in animations are 'cylon', 'fade', 'pulse', 'spin' and 'throb'"
}
]
},
{
"component": "BIconPlusCircleFill",
"auto-gen": "bootstrap-icons 1.2.2",
"props": [
{
"prop": "title",
"description": "Text content to place in the title",
"version": "2.17.0"
},
{
"prop": "variant",
"description": "Contextual color variant. By default the icon inherits the current text color"
},
{
"prop": "fontScale",
"description": "Scale the icons current font size"
},
{
"prop": "scale",
"description": "Scales the icon's SVG, without increasing the font size"
},
{
"prop": "rotate",
"description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise"
},
{
"prop": "flipH",
"description": "Flips the icon horizontally"
},
{
"prop": "flipV",
"description": "Flips the icon vertically"
},
{
"prop": "shiftH",
"description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units"
},
{
"prop": "shiftV",
"description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units"
},
{
"prop": "stacked",
"version": "2.3.0",
"description": "Set this prop to true when placing inside a BIconstack component"
},
{
"prop": "animation",
"version": "2.7.0",
"description": "Animate the icon. Supported built-in animations are 'cylon', 'fade', 'pulse', 'spin' and 'throb'"
}
]
},
{
"component": "BIconPlusSquare",
"auto-gen": "bootstrap-icons 1.2.2",
"props": [
{
"prop": "title",
"description": "Text content to place in the title",
"version": "2.17.0"
},
{
"prop": "variant",
"description": "Contextual color variant. By default the icon inherits the current text color"
},
{
"prop": "fontScale",
"description": "Scale the icons current font size"
},
{
"prop": "scale",
"description": "Scales the icon's SVG, without increasing the font size"
},
{
"prop": "rotate",
"description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise"
},
{
"prop": "flipH",
"description": "Flips the icon horizontally"
},
{
"prop": "flipV",
"description": "Flips the icon vertically"
},
{
"prop": "shiftH",
"description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units"
},
{
"prop": "shiftV",
"description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units"
},
{
"prop": "stacked",
"version": "2.3.0",
"description": "Set this prop to true when placing inside a BIconstack component"
},
{
"prop": "animation",
"version": "2.7.0",
"description": "Animate the icon. Supported built-in animations are 'cylon', 'fade', 'pulse', 'spin' and 'throb'"
}
]
},
{
"component": "BIconPlusSquareFill",
"auto-gen": "bootstrap-icons 1.2.2",
"props": [
{
"prop": "title",
"description": "Text content to place in the title",
"version": "2.17.0"
},
{
"prop": "variant",
"description": "Contextual color variant. By default the icon inherits the current text color"
},
{
"prop": "fontScale",
"description": "Scale the icons current font size"
},
{
"prop": "scale",
"description": "Scales the icon's SVG, without increasing the font size"
},
{
"prop": "rotate",
"description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise"
},
{
"prop": "flipH",
"description": "Flips the icon horizontally"
},
{
"prop": "flipV",
"description": "Flips the icon vertically"
},
{
"prop": "shiftH",
"description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units"
},
{
"prop": "shiftV",
"description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units"
},
{
"prop": "stacked",
"version": "2.3.0",
"description": "Set this prop to true when placing inside a BIconstack component"
},
{
"prop": "animation",
"version": "2.7.0",
"description": "Animate the icon. Supported built-in animations are 'cylon', 'fade', 'pulse', 'spin' and 'throb'"
}
]
},
{
"component": "BIconPower",
"auto-gen": "bootstrap-icons 1.2.2",
"props": [
{
"prop": "title",
"description": "Text content to place in the title",
"version": "2.17.0"
},
{
"prop": "variant",
"description": "Contextual color variant. By default the icon inherits the current text color"
},
{
"prop": "fontScale",
"description": "Scale the icons current font size"
},
{
"prop": "scale",
"description": "Scales the icon's SVG, without increasing the font size"
},
{
"prop": "rotate",
"description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise"
},
{
"prop": "flipH",
"description": "Flips the icon horizontally"
},
{
"prop": "flipV",
"description": "Flips the icon vertically"
},
{
"prop": "shiftH",
"description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units"
},
{
"prop": "shiftV",
"description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units"
},
{
"prop": "stacked",
"version": "2.3.0",
"description": "Set this prop to true when placing inside a BIconstack component"
},
{
"prop": "animation",
"version": "2.7.0",
"description": "Animate the icon. Supported built-in animations are 'cylon', 'fade', 'pulse', 'spin' and 'throb'"
}
]
},
{
"component": "BIconPrinter",
"auto-gen": "bootstrap-icons 1.2.2",
"props": [
{
"prop": "title",
"description": "Text content to place in the title",
"version": "2.17.0"
},
{
"prop": "variant",
"description": "Contextual color variant. By default the icon inherits the current text color"
},
{
"prop": "fontScale",
"description": "Scale the icons current font size"
},
{
"prop": "scale",
"description": "Scales the icon's SVG, without increasing the font size"
},
{
"prop": "rotate",
"description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise"
},
{
"prop": "flipH",
"description": "Flips the icon horizontally"
},
{
"prop": "flipV",
"description": "Flips the icon vertically"
},
{
"prop": "shiftH",
"description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units"
},
{
"prop": "shiftV",
"description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units"
},
{
"prop": "stacked",
"version": "2.3.0",
"description": "Set this prop to true when placing inside a BIconstack component"
},
{
"prop": "animation",
"version": "2.7.0",
"description": "Animate the icon. Supported built-in animations are 'cylon', 'fade', 'pulse', 'spin' and 'throb'"
}
]
},
{
"component": "BIconPrinterFill",
"auto-gen": "bootstrap-icons 1.2.2",
"props": [
{
"prop": "title",
"description": "Text content to place in the title",
"version": "2.17.0"
},
{
"prop": "variant",
"description": "Contextual color variant. By default the icon inherits the current text color"
},
{
"prop": "fontScale",
"description": "Scale the icons current font size"
},
{
"prop": "scale",
"description": "Scales the icon's SVG, without increasing the font size"
},
{
"prop": "rotate",
"description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise"
},
{
"prop": "flipH",
"description": "Flips the icon horizontally"
},
{
"prop": "flipV",
"description": "Flips the icon vertically"
},
{
"prop": "shiftH",
"description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units"
},
{
"prop": "shiftV",
"description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units"
},
{
"prop": "stacked",
"version": "2.3.0",
"description": "Set this prop to true when placing inside a BIconstack component"
},
{
"prop": "animation",
"version": "2.7.0",
"description": "Animate the icon. Supported built-in animations are 'cylon', 'fade', 'pulse', 'spin' and 'throb'"
}
]
},
{
"component": "BIconPuzzle",
"auto-gen": "bootstrap-icons 1.2.2",
"props": [
{
"prop": "title",
"description": "Text content to place in the title",
"version": "2.17.0"
},
{
"prop": "variant",
"description": "Contextual color variant. By default the icon inherits the current text color"
},
{
"prop": "fontScale",
"description": "Scale the icons current font size"
},
{
"prop": "scale",
"description": "Scales the icon's SVG, without increasing the font size"
},
{
"prop": "rotate",
"description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise"
},
{
"prop": "flipH",
"description": "Flips the icon horizontally"
},
{
"prop": "flipV",
"description": "Flips the icon vertically"
},
{
"prop": "shiftH",
"description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units"
},
{
"prop": "shiftV",
"description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units"
},
{
"prop": "stacked",
"version": "2.3.0",
"description": "Set this prop to true when placing inside a BIconstack component"
},
{
"prop": "animation",
"version": "2.7.0",
"description": "Animate the icon. Supported built-in animations are 'cylon', 'fade', 'pulse', 'spin' and 'throb'"
}
]
},
{
"component": "BIconPuzzleFill",
"auto-gen": "bootstrap-icons 1.2.2",
"props": [
{
"prop": "title",
"description": "Text content to place in the title",
"version": "2.17.0"
},
{
"prop": "variant",
"description": "Contextual color variant. By default the icon inherits the current text color"
},
{
"prop": "fontScale",
"description": "Scale the icons current font size"
},
{
"prop": "scale",
"description": "Scales the icon's SVG, without increasing the font size"
},
{
"prop": "rotate",
"description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise"
},
{
"prop": "flipH",
"description": "Flips the icon horizontally"
},
{
"prop": "flipV",
"description": "Flips the icon vertically"
},
{
"prop": "shiftH",
"description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units"
},
{
"prop": "shiftV",
"description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units"
},
{
"prop": "stacked",
"version": "2.3.0",
"description": "Set this prop to true when placing inside a BIconstack component"
},
{
"prop": "animation",
"version": "2.7.0",
"description": "Animate the icon. Supported built-in animations are 'cylon', 'fade', 'pulse', 'spin' and 'throb'"
}
]
},
{
"component": "BIconQuestion",
"auto-gen": "bootstrap-icons 1.2.2",
"props": [
{
"prop": "title",
"description": "Text content to place in the title",
"version": "2.17.0"
},
{
"prop": "variant",
"description": "Contextual color variant. By default the icon inherits the current text color"
},
{
"prop": "fontScale",
"description": "Scale the icons current font size"
},
{
"prop": "scale",
"description": "Scales the icon's SVG, without increasing the font size"
},
{
"prop": "rotate",
"description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise"
},
{
"prop": "flipH",
"description": "Flips the icon horizontally"
},
{
"prop": "flipV",
"description": "Flips the icon vertically"
},
{
"prop": "shiftH",
"description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units"
},
{
"prop": "shiftV",
"description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units"
},
{
"prop": "stacked",
"version": "2.3.0",
"description": "Set this prop to true when placing inside a BIconstack component"
},
{
"prop": "animation",
"version": "2.7.0",
"description": "Animate the icon. Supported built-in animations are 'cylon', 'fade', 'pulse', 'spin' and 'throb'"
}
]
},
{
"component": "BIconQuestionCircle",
"auto-gen": "bootstrap-icons 1.2.2",
"props": [
{
"prop": "title",
"description": "Text content to place in the title",
"version": "2.17.0"
},
{
"prop": "variant",
"description": "Contextual color variant. By default the icon inherits the current text color"
},
{
"prop": "fontScale",
"description": "Scale the icons current font size"
},
{
"prop": "scale",
"description": "Scales the icon's SVG, without increasing the font size"
},
{
"prop": "rotate",
"description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise"
},
{
"prop": "flipH",
"description": "Flips the icon horizontally"
},
{
"prop": "flipV",
"description": "Flips the icon vertically"
},
{
"prop": "shiftH",
"description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units"
},
{
"prop": "shiftV",
"description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units"
},
{
"prop": "stacked",
"version": "2.3.0",
"description": "Set this prop to true when placing inside a BIconstack component"
},
{
"prop": "animation",
"version": "2.7.0",
"description": "Animate the icon. Supported built-in animations are 'cylon', 'fade', 'pulse', 'spin' and 'throb'"
}
]
},
{
"component": "BIconQuestionCircleFill",
"auto-gen": "bootstrap-icons 1.2.2",
"props": [
{
"prop": "title",
"description": "Text content to place in the title",
"version": "2.17.0"
},
{
"prop": "variant",
"description": "Contextual color variant. By default the icon inherits the current text color"
},
{
"prop": "fontScale",
"description": "Scale the icons current font size"
},
{
"prop": "scale",
"description": "Scales the icon's SVG, without increasing the font size"
},
{
"prop": "rotate",
"description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise"
},
{
"prop": "flipH",
"description": "Flips the icon horizontally"
},
{
"prop": "flipV",
"description": "Flips the icon vertically"
},
{
"prop": "shiftH",
"description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units"
},
{
"prop": "shiftV",
"description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units"
},
{
"prop": "stacked",
"version": "2.3.0",
"description": "Set this prop to true when placing inside a BIconstack component"
},
{
"prop": "animation",
"version": "2.7.0",
"description": "Animate the icon. Supported built-in animations are 'cylon', 'fade', 'pulse', 'spin' and 'throb'"
}
]
},
{
"component": "BIconQuestionDiamond",
"auto-gen": "bootstrap-icons 1.2.2",
"props": [
{
"prop": "title",
"description": "Text content to place in the title",
"version": "2.17.0"
},
{
"prop": "variant",
"description": "Contextual color variant. By default the icon inherits the current text color"
},
{
"prop": "fontScale",
"description": "Scale the icons current font size"
},
{
"prop": "scale",
"description": "Scales the icon's SVG, without increasing the font size"
},
{
"prop": "rotate",
"description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise"
},
{
"prop": "flipH",
"description": "Flips the icon horizontally"
},
{
"prop": "flipV",
"description": "Flips the icon vertically"
},
{
"prop": "shiftH",
"description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units"
},
{
"prop": "shiftV",
"description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units"
},
{
"prop": "stacked",
"version": "2.3.0",
"description": "Set this prop to true when placing inside a BIconstack component"
},
{
"prop": "animation",
"version": "2.7.0",
"description": "Animate the icon. Supported built-in animations are 'cylon', 'fade', 'pulse', 'spin' and 'throb'"
}
]
},
{
"component": "BIconQuestionDiamondFill",
"auto-gen": "bootstrap-icons 1.2.2",
"props": [
{
"prop": "title",
"description": "Text content to place in the title",
"version": "2.17.0"
},
{
"prop": "variant",
"description": "Contextual color variant. By default the icon inherits the current text color"
},
{
"prop": "fontScale",
"description": "Scale the icons current font size"
},
{
"prop": "scale",
"description": "Scales the icon's SVG, without increasing the font size"
},
{
"prop": "rotate",
"description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise"
},
{
"prop": "flipH",
"description": "Flips the icon horizontally"
},
{
"prop": "flipV",
"description": "Flips the icon vertically"
},
{
"prop": "shiftH",
"description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units"
},
{
"prop": "shiftV",
"description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units"
},
{
"prop": "stacked",
"version": "2.3.0",
"description": "Set this prop to true when placing inside a BIconstack component"
},
{
"prop": "animation",
"version": "2.7.0",
"description": "Animate the icon. Supported built-in animations are 'cylon', 'fade', 'pulse', 'spin' and 'throb'"
}
]
},
{
"component": "BIconQuestionOctagon",
"auto-gen": "bootstrap-icons 1.2.2",
"props": [
{
"prop": "title",
"description": "Text content to place in the title",
"version": "2.17.0"
},
{
"prop": "variant",
"description": "Contextual color variant. By default the icon inherits the current text color"
},
{
"prop": "fontScale",
"description": "Scale the icons current font size"
},
{
"prop": "scale",
"description": "Scales the icon's SVG, without increasing the font size"
},
{
"prop": "rotate",
"description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise"
},
{
"prop": "flipH",
"description": "Flips the icon horizontally"
},
{
"prop": "flipV",
"description": "Flips the icon vertically"
},
{
"prop": "shiftH",
"description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units"
},
{
"prop": "shiftV",
"description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units"
},
{
"prop": "stacked",
"version": "2.3.0",
"description": "Set this prop to true when placing inside a BIconstack component"
},
{
"prop": "animation",
"version": "2.7.0",
"description": "Animate the icon. Supported built-in animations are 'cylon', 'fade', 'pulse', 'spin' and 'throb'"
}
]
},
{
"component": "BIconQuestionOctagonFill",
"auto-gen": "bootstrap-icons 1.2.2",
"props": [
{
"prop": "title",
"description": "Text content to place in the title",
"version": "2.17.0"
},
{
"prop": "variant",
"description": "Contextual color variant. By default the icon inherits the current text color"
},
{
"prop": "fontScale",
"description": "Scale the icons current font size"
},
{
"prop": "scale",
"description": "Scales the icon's SVG, without increasing the font size"
},
{
"prop": "rotate",
"description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise"
},
{
"prop": "flipH",
"description": "Flips the icon horizontally"
},
{
"prop": "flipV",
"description": "Flips the icon vertically"
},
{
"prop": "shiftH",
"description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units"
},
{
"prop": "shiftV",
"description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units"
},
{
"prop": "stacked",
"version": "2.3.0",
"description": "Set this prop to true when placing inside a BIconstack component"
},
{
"prop": "animation",
"version": "2.7.0",
"description": "Animate the icon. Supported built-in animations are 'cylon', 'fade', 'pulse', 'spin' and 'throb'"
}
]
},
{
"component": "BIconQuestionSquare",
"auto-gen": "bootstrap-icons 1.2.2",
"props": [
{
"prop": "title",
"description": "Text content to place in the title",
"version": "2.17.0"
},
{
"prop": "variant",
"description": "Contextual color variant. By default the icon inherits the current text color"
},
{
"prop": "fontScale",
"description": "Scale the icons current font size"
},
{
"prop": "scale",
"description": "Scales the icon's SVG, without increasing the font size"
},
{
"prop": "rotate",
"description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise"
},
{
"prop": "flipH",
"description": "Flips the icon horizontally"
},
{
"prop": "flipV",
"description": "Flips the icon vertically"
},
{
"prop": "shiftH",
"description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units"
},
{
"prop": "shiftV",
"description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units"
},
{
"prop": "stacked",
"version": "2.3.0",
"description": "Set this prop to true when placing inside a BIconstack component"
},
{
"prop": "animation",
"version": "2.7.0",
"description": "Animate the icon. Supported built-in animations are 'cylon', 'fade', 'pulse', 'spin' and 'throb'"
}
]
},
{
"component": "BIconQuestionSquareFill",
"auto-gen": "bootstrap-icons 1.2.2",
"props": [
{
"prop": "title",
"description": "Text content to place in the title",
"version": "2.17.0"
},
{
"prop": "variant",
"description": "Contextual color variant. By default the icon inherits the current text color"
},
{
"prop": "fontScale",
"description": "Scale the icons current font size"
},
{
"prop": "scale",
"description": "Scales the icon's SVG, without increasing the font size"
},
{
"prop": "rotate",
"description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise"
},
{
"prop": "flipH",
"description": "Flips the icon horizontally"
},
{
"prop": "flipV",
"description": "Flips the icon vertically"
},
{
"prop": "shiftH",
"description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units"
},
{
"prop": "shiftV",
"description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units"
},
{
"prop": "stacked",
"version": "2.3.0",
"description": "Set this prop to true when placing inside a BIconstack component"
},
{
"prop": "animation",
"version": "2.7.0",
"description": "Animate the icon. Supported built-in animations are 'cylon', 'fade', 'pulse', 'spin' and 'throb'"
}
]
},
{
"component": "BIconReceipt",
"auto-gen": "bootstrap-icons 1.2.2",
"props": [
{
"prop": "title",
"description": "Text content to place in the title",
"version": "2.17.0"
},
{
"prop": "variant",
"description": "Contextual color variant. By default the icon inherits the current text color"
},
{
"prop": "fontScale",
"description": "Scale the icons current font size"
},
{
"prop": "scale",
"description": "Scales the icon's SVG, without increasing the font size"
},
{
"prop": "rotate",
"description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise"
},
{
"prop": "flipH",
"description": "Flips the icon horizontally"
},
{
"prop": "flipV",
"description": "Flips the icon vertically"
},
{
"prop": "shiftH",
"description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units"
},
{
"prop": "shiftV",
"description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units"
},
{
"prop": "stacked",
"version": "2.3.0",
"description": "Set this prop to true when placing inside a BIconstack component"
},
{
"prop": "animation",
"version": "2.7.0",
"description": "Animate the icon. Supported built-in animations are 'cylon', 'fade', 'pulse', 'spin' and 'throb'"
}
]
},
{
"component": "BIconReceiptCutoff",
"auto-gen": "bootstrap-icons 1.2.2",
"props": [
{
"prop": "title",
"description": "Text content to place in the title",
"version": "2.17.0"
},
{
"prop": "variant",
"description": "Contextual color variant. By default the icon inherits the current text color"
},
{
"prop": "fontScale",
"description": "Scale the icons current font size"
},
{
"prop": "scale",
"description": "Scales the icon's SVG, without increasing the font size"
},
{
"prop": "rotate",
"description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise"
},
{
"prop": "flipH",
"description": "Flips the icon horizontally"
},
{
"prop": "flipV",
"description": "Flips the icon vertically"
},
{
"prop": "shiftH",
"description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units"
},
{
"prop": "shiftV",
"description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units"
},
{
"prop": "stacked",
"version": "2.3.0",
"description": "Set this prop to true when placing inside a BIconstack component"
},
{
"prop": "animation",
"version": "2.7.0",
"description": "Animate the icon. Supported built-in animations are 'cylon', 'fade', 'pulse', 'spin' and 'throb'"
}
]
},
{
"component": "BIconReception0",
"auto-gen": "bootstrap-icons 1.2.2",
"props": [
{
"prop": "title",
"description": "Text content to place in the title",
"version": "2.17.0"
},
{
"prop": "variant",
"description": "Contextual color variant. By default the icon inherits the current text color"
},
{
"prop": "fontScale",
"description": "Scale the icons current font size"
},
{
"prop": "scale",
"description": "Scales the icon's SVG, without increasing the font size"
},
{
"prop": "rotate",
"description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise"
},
{
"prop": "flipH",
"description": "Flips the icon horizontally"
},
{
"prop": "flipV",
"description": "Flips the icon vertically"
},
{
"prop": "shiftH",
"description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units"
},
{
"prop": "shiftV",
"description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units"
},
{
"prop": "stacked",
"version": "2.3.0",
"description": "Set this prop to true when placing inside a BIconstack component"
},
{
"prop": "animation",
"version": "2.7.0",
"description": "Animate the icon. Supported built-in animations are 'cylon', 'fade', 'pulse', 'spin' and 'throb'"
}
]
},
{
"component": "BIconReception1",
"auto-gen": "bootstrap-icons 1.2.2",
"props": [
{
"prop": "title",
"description": "Text content to place in the title",
"version": "2.17.0"
},
{
"prop": "variant",
"description": "Contextual color variant. By default the icon inherits the current text color"
},
{
"prop": "fontScale",
"description": "Scale the icons current font size"
},
{
"prop": "scale",
"description": "Scales the icon's SVG, without increasing the font size"
},
{
"prop": "rotate",
"description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise"
},
{
"prop": "flipH",
"description": "Flips the icon horizontally"
},
{
"prop": "flipV",
"description": "Flips the icon vertically"
},
{
"prop": "shiftH",
"description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units"
},
{
"prop": "shiftV",
"description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units"
},
{
"prop": "stacked",
"version": "2.3.0",
"description": "Set this prop to true when placing inside a BIconstack component"
},
{
"prop": "animation",
"version": "2.7.0",
"description": "Animate the icon. Supported built-in animations are 'cylon', 'fade', 'pulse', 'spin' and 'throb'"
}
]
},
{
"component": "BIconReception2",
"auto-gen": "bootstrap-icons 1.2.2",
"props": [
{
"prop": "title",
"description": "Text content to place in the title",
"version": "2.17.0"
},
{
"prop": "variant",
"description": "Contextual color variant. By default the icon inherits the current text color"
},
{
"prop": "fontScale",
"description": "Scale the icons current font size"
},
{
"prop": "scale",
"description": "Scales the icon's SVG, without increasing the font size"
},
{
"prop": "rotate",
"description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise"
},
{
"prop": "flipH",
"description": "Flips the icon horizontally"
},
{
"prop": "flipV",
"description": "Flips the icon vertically"
},
{
"prop": "shiftH",
"description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units"
},
{
"prop": "shiftV",
"description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units"
},
{
"prop": "stacked",
"version": "2.3.0",
"description": "Set this prop to true when placing inside a BIconstack component"
},
{
"prop": "animation",
"version": "2.7.0",
"description": "Animate the icon. Supported built-in animations are 'cylon', 'fade', 'pulse', 'spin' and 'throb'"
}
]
},
{
"component": "BIconReception3",
"auto-gen": "bootstrap-icons 1.2.2",
"props": [
{
"prop": "title",
"description": "Text content to place in the title",
"version": "2.17.0"
},
{
"prop": "variant",
"description": "Contextual color variant. By default the icon inherits the current text color"
},
{
"prop": "fontScale",
"description": "Scale the icons current font size"
},
{
"prop": "scale",
"description": "Scales the icon's SVG, without increasing the font size"
},
{
"prop": "rotate",
"description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise"
},
{
"prop": "flipH",
"description": "Flips the icon horizontally"
},
{
"prop": "flipV",
"description": "Flips the icon vertically"
},
{
"prop": "shiftH",
"description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units"
},
{
"prop": "shiftV",
"description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units"
},
{
"prop": "stacked",
"version": "2.3.0",
"description": "Set this prop to true when placing inside a BIconstack component"
},
{
"prop": "animation",
"version": "2.7.0",
"description": "Animate the icon. Supported built-in animations are 'cylon', 'fade', 'pulse', 'spin' and 'throb'"
}
]
},
{
"component": "BIconReception4",
"auto-gen": "bootstrap-icons 1.2.2",
"props": [
{
"prop": "title",
"description": "Text content to place in the title",
"version": "2.17.0"
},
{
"prop": "variant",
"description": "Contextual color variant. By default the icon inherits the current text color"
},
{
"prop": "fontScale",
"description": "Scale the icons current font size"
},
{
"prop": "scale",
"description": "Scales the icon's SVG, without increasing the font size"
},
{
"prop": "rotate",
"description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise"
},
{
"prop": "flipH",
"description": "Flips the icon horizontally"
},
{
"prop": "flipV",
"description": "Flips the icon vertically"
},
{
"prop": "shiftH",
"description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units"
},
{
"prop": "shiftV",
"description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units"
},
{
"prop": "stacked",
"version": "2.3.0",
"description": "Set this prop to true when placing inside a BIconstack component"
},
{
"prop": "animation",
"version": "2.7.0",
"description": "Animate the icon. Supported built-in animations are 'cylon', 'fade', 'pulse', 'spin' and 'throb'"
}
]
},
{
"component": "BIconRecord",
"auto-gen": "bootstrap-icons 1.2.2",
"props": [
{
"prop": "title",
"description": "Text content to place in the title",
"version": "2.17.0"
},
{
"prop": "variant",
"description": "Contextual color variant. By default the icon inherits the current text color"
},
{
"prop": "fontScale",
"description": "Scale the icons current font size"
},
{
"prop": "scale",
"description": "Scales the icon's SVG, without increasing the font size"
},
{
"prop": "rotate",
"description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise"
},
{
"prop": "flipH",
"description": "Flips the icon horizontally"
},
{
"prop": "flipV",
"description": "Flips the icon vertically"
},
{
"prop": "shiftH",
"description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units"
},
{
"prop": "shiftV",
"description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units"
},
{
"prop": "stacked",
"version": "2.3.0",
"description": "Set this prop to true when placing inside a BIconstack component"
},
{
"prop": "animation",
"version": "2.7.0",
"description": "Animate the icon. Supported built-in animations are 'cylon', 'fade', 'pulse', 'spin' and 'throb'"
}
]
},
{
"component": "BIconRecord2",
"auto-gen": "bootstrap-icons 1.2.2",
"props": [
{
"prop": "title",
"description": "Text content to place in the title",
"version": "2.17.0"
},
{
"prop": "variant",
"description": "Contextual color variant. By default the icon inherits the current text color"
},
{
"prop": "fontScale",
"description": "Scale the icons current font size"
},
{
"prop": "scale",
"description": "Scales the icon's SVG, without increasing the font size"
},
{
"prop": "rotate",
"description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise"
},
{
"prop": "flipH",
"description": "Flips the icon horizontally"
},
{
"prop": "flipV",
"description": "Flips the icon vertically"
},
{
"prop": "shiftH",
"description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units"
},
{
"prop": "shiftV",
"description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units"
},
{
"prop": "stacked",
"version": "2.3.0",
"description": "Set this prop to true when placing inside a BIconstack component"
},
{
"prop": "animation",
"version": "2.7.0",
"description": "Animate the icon. Supported built-in animations are 'cylon', 'fade', 'pulse', 'spin' and 'throb'"
}
]
},
{
"component": "BIconRecord2Fill",
"auto-gen": "bootstrap-icons 1.2.2",
"props": [
{
"prop": "title",
"description": "Text content to place in the title",
"version": "2.17.0"
},
{
"prop": "variant",
"description": "Contextual color variant. By default the icon inherits the current text color"
},
{
"prop": "fontScale",
"description": "Scale the icons current font size"
},
{
"prop": "scale",
"description": "Scales the icon's SVG, without increasing the font size"
},
{
"prop": "rotate",
"description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise"
},
{
"prop": "flipH",
"description": "Flips the icon horizontally"
},
{
"prop": "flipV",
"description": "Flips the icon vertically"
},
{
"prop": "shiftH",
"description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units"
},
{
"prop": "shiftV",
"description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units"
},
{
"prop": "stacked",
"version": "2.3.0",
"description": "Set this prop to true when placing inside a BIconstack component"
},
{
"prop": "animation",
"version": "2.7.0",
"description": "Animate the icon. Supported built-in animations are 'cylon', 'fade', 'pulse', 'spin' and 'throb'"
}
]
},
{
"component": "BIconRecordBtn",
"auto-gen": "bootstrap-icons 1.2.2",
"props": [
{
"prop": "title",
"description": "Text content to place in the title",
"version": "2.17.0"
},
{
"prop": "variant",
"description": "Contextual color variant. By default the icon inherits the current text color"
},
{
"prop": "fontScale",
"description": "Scale the icons current font size"
},
{
"prop": "scale",
"description": "Scales the icon's SVG, without increasing the font size"
},
{
"prop": "rotate",
"description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise"
},
{
"prop": "flipH",
"description": "Flips the icon horizontally"
},
{
"prop": "flipV",
"description": "Flips the icon vertically"
},
{
"prop": "shiftH",
"description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units"
},
{
"prop": "shiftV",
"description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units"
},
{
"prop": "stacked",
"version": "2.3.0",
"description": "Set this prop to true when placing inside a BIconstack component"
},
{
"prop": "animation",
"version": "2.7.0",
"description": "Animate the icon. Supported built-in animations are 'cylon', 'fade', 'pulse', 'spin' and 'throb'"
}
]
},
{
"component": "BIconRecordBtnFill",
"auto-gen": "bootstrap-icons 1.2.2",
"props": [
{
"prop": "title",
"description": "Text content to place in the title",
"version": "2.17.0"
},
{
"prop": "variant",
"description": "Contextual color variant. By default the icon inherits the current text color"
},
{
"prop": "fontScale",
"description": "Scale the icons current font size"
},
{
"prop": "scale",
"description": "Scales the icon's SVG, without increasing the font size"
},
{
"prop": "rotate",
"description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise"
},
{
"prop": "flipH",
"description": "Flips the icon horizontally"
},
{
"prop": "flipV",
"description": "Flips the icon vertically"
},
{
"prop": "shiftH",
"description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units"
},
{
"prop": "shiftV",
"description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units"
},
{
"prop": "stacked",
"version": "2.3.0",
"description": "Set this prop to true when placing inside a BIconstack component"
},
{
"prop": "animation",
"version": "2.7.0",
"description": "Animate the icon. Supported built-in animations are 'cylon', 'fade', 'pulse', 'spin' and 'throb'"
}
]
},
{
"component": "BIconRecordCircle",
"auto-gen": "bootstrap-icons 1.2.2",
"props": [
{
"prop": "title",
"description": "Text content to place in the title",
"version": "2.17.0"
},
{
"prop": "variant",
"description": "Contextual color variant. By default the icon inherits the current text color"
},
{
"prop": "fontScale",
"description": "Scale the icons current font size"
},
{
"prop": "scale",
"description": "Scales the icon's SVG, without increasing the font size"
},
{
"prop": "rotate",
"description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise"
},
{
"prop": "flipH",
"description": "Flips the icon horizontally"
},
{
"prop": "flipV",
"description": "Flips the icon vertically"
},
{
"prop": "shiftH",
"description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units"
},
{
"prop": "shiftV",
"description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units"
},
{
"prop": "stacked",
"version": "2.3.0",
"description": "Set this prop to true when placing inside a BIconstack component"
},
{
"prop": "animation",
"version": "2.7.0",
"description": "Animate the icon. Supported built-in animations are 'cylon', 'fade', 'pulse', 'spin' and 'throb'"
}
]
},
{
"component": "BIconRecordCircleFill",
"auto-gen": "bootstrap-icons 1.2.2",
"props": [
{
"prop": "title",
"description": "Text content to place in the title",
"version": "2.17.0"
},
{
"prop": "variant",
"description": "Contextual color variant. By default the icon inherits the current text color"
},
{
"prop": "fontScale",
"description": "Scale the icons current font size"
},
{
"prop": "scale",
"description": "Scales the icon's SVG, without increasing the font size"
},
{
"prop": "rotate",
"description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise"
},
{
"prop": "flipH",
"description": "Flips the icon horizontally"
},
{
"prop": "flipV",
"description": "Flips the icon vertically"
},
{
"prop": "shiftH",
"description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units"
},
{
"prop": "shiftV",
"description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units"
},
{
"prop": "stacked",
"version": "2.3.0",
"description": "Set this prop to true when placing inside a BIconstack component"
},
{
"prop": "animation",
"version": "2.7.0",
"description": "Animate the icon. Supported built-in animations are 'cylon', 'fade', 'pulse', 'spin' and 'throb'"
}
]
},
{
"component": "BIconRecordFill",
"auto-gen": "bootstrap-icons 1.2.2",
"props": [
{
"prop": "title",
"description": "Text content to place in the title",
"version": "2.17.0"
},
{
"prop": "variant",
"description": "Contextual color variant. By default the icon inherits the current text color"
},
{
"prop": "fontScale",
"description": "Scale the icons current font size"
},
{
"prop": "scale",
"description": "Scales the icon's SVG, without increasing the font size"
},
{
"prop": "rotate",
"description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise"
},
{
"prop": "flipH",
"description": "Flips the icon horizontally"
},
{
"prop": "flipV",
"description": "Flips the icon vertically"
},
{
"prop": "shiftH",
"description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units"
},
{
"prop": "shiftV",
"description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units"
},
{
"prop": "stacked",
"version": "2.3.0",
"description": "Set this prop to true when placing inside a BIconstack component"
},
{
"prop": "animation",
"version": "2.7.0",
"description": "Animate the icon. Supported built-in animations are 'cylon', 'fade', 'pulse', 'spin' and 'throb'"
}
]
},
{
"component": "BIconReply",
"auto-gen": "bootstrap-icons 1.2.2",
"props": [
{
"prop": "title",
"description": "Text content to place in the title",
"version": "2.17.0"
},
{
"prop": "variant",
"description": "Contextual color variant. By default the icon inherits the current text color"
},
{
"prop": "fontScale",
"description": "Scale the icons current font size"
},
{
"prop": "scale",
"description": "Scales the icon's SVG, without increasing the font size"
},
{
"prop": "rotate",
"description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise"
},
{
"prop": "flipH",
"description": "Flips the icon horizontally"
},
{
"prop": "flipV",
"description": "Flips the icon vertically"
},
{
"prop": "shiftH",
"description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units"
},
{
"prop": "shiftV",
"description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units"
},
{
"prop": "stacked",
"version": "2.3.0",
"description": "Set this prop to true when placing inside a BIconstack component"
},
{
"prop": "animation",
"version": "2.7.0",
"description": "Animate the icon. Supported built-in animations are 'cylon', 'fade', 'pulse', 'spin' and 'throb'"
}
]
},
{
"component": "BIconReplyAll",
"auto-gen": "bootstrap-icons 1.2.2",
"props": [
{
"prop": "title",
"description": "Text content to place in the title",
"version": "2.17.0"
},
{
"prop": "variant",
"description": "Contextual color variant. By default the icon inherits the current text color"
},
{
"prop": "fontScale",
"description": "Scale the icons current font size"
},
{
"prop": "scale",
"description": "Scales the icon's SVG, without increasing the font size"
},
{
"prop": "rotate",
"description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise"
},
{
"prop": "flipH",
"description": "Flips the icon horizontally"
},
{
"prop": "flipV",
"description": "Flips the icon vertically"
},
{
"prop": "shiftH",
"description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units"
},
{
"prop": "shiftV",
"description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units"
},
{
"prop": "stacked",
"version": "2.3.0",
"description": "Set this prop to true when placing inside a BIconstack component"
},
{
"prop": "animation",
"version": "2.7.0",
"description": "Animate the icon. Supported built-in animations are 'cylon', 'fade', 'pulse', 'spin' and 'throb'"
}
]
},
{
"component": "BIconReplyAllFill",
"auto-gen": "bootstrap-icons 1.2.2",
"props": [
{
"prop": "title",
"description": "Text content to place in the title",
"version": "2.17.0"
},
{
"prop": "variant",
"description": "Contextual color variant. By default the icon inherits the current text color"
},
{
"prop": "fontScale",
"description": "Scale the icons current font size"
},
{
"prop": "scale",
"description": "Scales the icon's SVG, without increasing the font size"
},
{
"prop": "rotate",
"description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise"
},
{
"prop": "flipH",
"description": "Flips the icon horizontally"
},
{
"prop": "flipV",
"description": "Flips the icon vertically"
},
{
"prop": "shiftH",
"description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units"
},
{
"prop": "shiftV",
"description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units"
},
{
"prop": "stacked",
"version": "2.3.0",
"description": "Set this prop to true when placing inside a BIconstack component"
},
{
"prop": "animation",
"version": "2.7.0",
"description": "Animate the icon. Supported built-in animations are 'cylon', 'fade', 'pulse', 'spin' and 'throb'"
}
]
},
{
"component": "BIconReplyFill",
"auto-gen": "bootstrap-icons 1.2.2",
"props": [
{
"prop": "title",
"description": "Text content to place in the title",
"version": "2.17.0"
},
{
"prop": "variant",
"description": "Contextual color variant. By default the icon inherits the current text color"
},
{
"prop": "fontScale",
"description": "Scale the icons current font size"
},
{
"prop": "scale",
"description": "Scales the icon's SVG, without increasing the font size"
},
{
"prop": "rotate",
"description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise"
},
{
"prop": "flipH",
"description": "Flips the icon horizontally"
},
{
"prop": "flipV",
"description": "Flips the icon vertically"
},
{
"prop": "shiftH",
"description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units"
},
{
"prop": "shiftV",
"description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units"
},
{
"prop": "stacked",
"version": "2.3.0",
"description": "Set this prop to true when placing inside a BIconstack component"
},
{
"prop": "animation",
"version": "2.7.0",
"description": "Animate the icon. Supported built-in animations are 'cylon', 'fade', 'pulse', 'spin' and 'throb'"
}
]
},
{
"component": "BIconRss",
"auto-gen": "bootstrap-icons 1.2.2",
"props": [
{
"prop": "title",
"description": "Text content to place in the title",
"version": "2.17.0"
},
{
"prop": "variant",
"description": "Contextual color variant. By default the icon inherits the current text color"
},
{
"prop": "fontScale",
"description": "Scale the icons current font size"
},
{
"prop": "scale",
"description": "Scales the icon's SVG, without increasing the font size"
},
{
"prop": "rotate",
"description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise"
},
{
"prop": "flipH",
"description": "Flips the icon horizontally"
},
{
"prop": "flipV",
"description": "Flips the icon vertically"
},
{
"prop": "shiftH",
"description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units"
},
{
"prop": "shiftV",
"description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units"
},
{
"prop": "stacked",
"version": "2.3.0",
"description": "Set this prop to true when placing inside a BIconstack component"
},
{
"prop": "animation",
"version": "2.7.0",
"description": "Animate the icon. Supported built-in animations are 'cylon', 'fade', 'pulse', 'spin' and 'throb'"
}
]
},
{
"component": "BIconRssFill",
"auto-gen": "bootstrap-icons 1.2.2",
"props": [
{
"prop": "title",
"description": "Text content to place in the title",
"version": "2.17.0"
},
{
"prop": "variant",
"description": "Contextual color variant. By default the icon inherits the current text color"
},
{
"prop": "fontScale",
"description": "Scale the icons current font size"
},
{
"prop": "scale",
"description": "Scales the icon's SVG, without increasing the font size"
},
{
"prop": "rotate",
"description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise"
},
{
"prop": "flipH",
"description": "Flips the icon horizontally"
},
{
"prop": "flipV",
"description": "Flips the icon vertically"
},
{
"prop": "shiftH",
"description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units"
},
{
"prop": "shiftV",
"description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units"
},
{
"prop": "stacked",
"version": "2.3.0",
"description": "Set this prop to true when placing inside a BIconstack component"
},
{
"prop": "animation",
"version": "2.7.0",
"description": "Animate the icon. Supported built-in animations are 'cylon', 'fade', 'pulse', 'spin' and 'throb'"
}
]
},
{
"component": "BIconScissors",
"auto-gen": "bootstrap-icons 1.2.2",
"props": [
{
"prop": "title",
"description": "Text content to place in the title",
"version": "2.17.0"
},
{
"prop": "variant",
"description": "Contextual color variant. By default the icon inherits the current text color"
},
{
"prop": "fontScale",
"description": "Scale the icons current font size"
},
{
"prop": "scale",
"description": "Scales the icon's SVG, without increasing the font size"
},
{
"prop": "rotate",
"description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise"
},
{
"prop": "flipH",
"description": "Flips the icon horizontally"
},
{
"prop": "flipV",
"description": "Flips the icon vertically"
},
{
"prop": "shiftH",
"description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units"
},
{
"prop": "shiftV",
"description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units"
},
{
"prop": "stacked",
"version": "2.3.0",
"description": "Set this prop to true when placing inside a BIconstack component"
},
{
"prop": "animation",
"version": "2.7.0",
"description": "Animate the icon. Supported built-in animations are 'cylon', 'fade', 'pulse', 'spin' and 'throb'"
}
]
},
{
"component": "BIconScrewdriver",
"auto-gen": "bootstrap-icons 1.2.2",
"props": [
{
"prop": "title",
"description": "Text content to place in the title",
"version": "2.17.0"
},
{
"prop": "variant",
"description": "Contextual color variant. By default the icon inherits the current text color"
},
{
"prop": "fontScale",
"description": "Scale the icons current font size"
},
{
"prop": "scale",
"description": "Scales the icon's SVG, without increasing the font size"
},
{
"prop": "rotate",
"description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise"
},
{
"prop": "flipH",
"description": "Flips the icon horizontally"
},
{
"prop": "flipV",
"description": "Flips the icon vertically"
},
{
"prop": "shiftH",
"description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units"
},
{
"prop": "shiftV",
"description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units"
},
{
"prop": "stacked",
"version": "2.3.0",
"description": "Set this prop to true when placing inside a BIconstack component"
},
{
"prop": "animation",
"version": "2.7.0",
"description": "Animate the icon. Supported built-in animations are 'cylon', 'fade', 'pulse', 'spin' and 'throb'"
}
]
},
{
"component": "BIconSearch",
"auto-gen": "bootstrap-icons 1.2.2",
"props": [
{
"prop": "title",
"description": "Text content to place in the title",
"version": "2.17.0"
},
{
"prop": "variant",
"description": "Contextual color variant. By default the icon inherits the current text color"
},
{
"prop": "fontScale",
"description": "Scale the icons current font size"
},
{
"prop": "scale",
"description": "Scales the icon's SVG, without increasing the font size"
},
{
"prop": "rotate",
"description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise"
},
{
"prop": "flipH",
"description": "Flips the icon horizontally"
},
{
"prop": "flipV",
"description": "Flips the icon vertically"
},
{
"prop": "shiftH",
"description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units"
},
{
"prop": "shiftV",
"description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units"
},
{
"prop": "stacked",
"version": "2.3.0",
"description": "Set this prop to true when placing inside a BIconstack component"
},
{
"prop": "animation",
"version": "2.7.0",
"description": "Animate the icon. Supported built-in animations are 'cylon', 'fade', 'pulse', 'spin' and 'throb'"
}
]
},
{
"component": "BIconSegmentedNav",
"auto-gen": "bootstrap-icons 1.2.2",
"props": [
{
"prop": "title",
"description": "Text content to place in the title",
"version": "2.17.0"
},
{
"prop": "variant",
"description": "Contextual color variant. By default the icon inherits the current text color"
},
{
"prop": "fontScale",
"description": "Scale the icons current font size"
},
{
"prop": "scale",
"description": "Scales the icon's SVG, without increasing the font size"
},
{
"prop": "rotate",
"description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise"
},
{
"prop": "flipH",
"description": "Flips the icon horizontally"
},
{
"prop": "flipV",
"description": "Flips the icon vertically"
},
{
"prop": "shiftH",
"description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units"
},
{
"prop": "shiftV",
"description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units"
},
{
"prop": "stacked",
"version": "2.3.0",
"description": "Set this prop to true when placing inside a BIconstack component"
},
{
"prop": "animation",
"version": "2.7.0",
"description": "Animate the icon. Supported built-in animations are 'cylon', 'fade', 'pulse', 'spin' and 'throb'"
}
]
},
{
"component": "BIconServer",
"auto-gen": "bootstrap-icons 1.2.2",
"props": [
{
"prop": "title",
"description": "Text content to place in the title",
"version": "2.17.0"
},
{
"prop": "variant",
"description": "Contextual color variant. By default the icon inherits the current text color"
},
{
"prop": "fontScale",
"description": "Scale the icons current font size"
},
{
"prop": "scale",
"description": "Scales the icon's SVG, without increasing the font size"
},
{
"prop": "rotate",
"description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise"
},
{
"prop": "flipH",
"description": "Flips the icon horizontally"
},
{
"prop": "flipV",
"description": "Flips the icon vertically"
},
{
"prop": "shiftH",
"description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units"
},
{
"prop": "shiftV",
"description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units"
},
{
"prop": "stacked",
"version": "2.3.0",
"description": "Set this prop to true when placing inside a BIconstack component"
},
{
"prop": "animation",
"version": "2.7.0",
"description": "Animate the icon. Supported built-in animations are 'cylon', 'fade', 'pulse', 'spin' and 'throb'"
}
]
},
{
"component": "BIconShare",
"auto-gen": "bootstrap-icons 1.2.2",
"props": [
{
"prop": "title",
"description": "Text content to place in the title",
"version": "2.17.0"
},
{
"prop": "variant",
"description": "Contextual color variant. By default the icon inherits the current text color"
},
{
"prop": "fontScale",
"description": "Scale the icons current font size"
},
{
"prop": "scale",
"description": "Scales the icon's SVG, without increasing the font size"
},
{
"prop": "rotate",
"description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise"
},
{
"prop": "flipH",
"description": "Flips the icon horizontally"
},
{
"prop": "flipV",
"description": "Flips the icon vertically"
},
{
"prop": "shiftH",
"description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units"
},
{
"prop": "shiftV",
"description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units"
},
{
"prop": "stacked",
"version": "2.3.0",
"description": "Set this prop to true when placing inside a BIconstack component"
},
{
"prop": "animation",
"version": "2.7.0",
"description": "Animate the icon. Supported built-in animations are 'cylon', 'fade', 'pulse', 'spin' and 'throb'"
}
]
},
{
"component": "BIconShareFill",
"auto-gen": "bootstrap-icons 1.2.2",
"props": [
{
"prop": "title",
"description": "Text content to place in the title",
"version": "2.17.0"
},
{
"prop": "variant",
"description": "Contextual color variant. By default the icon inherits the current text color"
},
{
"prop": "fontScale",
"description": "Scale the icons current font size"
},
{
"prop": "scale",
"description": "Scales the icon's SVG, without increasing the font size"
},
{
"prop": "rotate",
"description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise"
},
{
"prop": "flipH",
"description": "Flips the icon horizontally"
},
{
"prop": "flipV",
"description": "Flips the icon vertically"
},
{
"prop": "shiftH",
"description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units"
},
{
"prop": "shiftV",
"description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units"
},
{
"prop": "stacked",
"version": "2.3.0",
"description": "Set this prop to true when placing inside a BIconstack component"
},
{
"prop": "animation",
"version": "2.7.0",
"description": "Animate the icon. Supported built-in animations are 'cylon', 'fade', 'pulse', 'spin' and 'throb'"
}
]
},
{
"component": "BIconShield",
"auto-gen": "bootstrap-icons 1.2.2",
"props": [
{
"prop": "title",
"description": "Text content to place in the title",
"version": "2.17.0"
},
{
"prop": "variant",
"description": "Contextual color variant. By default the icon inherits the current text color"
},
{
"prop": "fontScale",
"description": "Scale the icons current font size"
},
{
"prop": "scale",
"description": "Scales the icon's SVG, without increasing the font size"
},
{
"prop": "rotate",
"description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise"
},
{
"prop": "flipH",
"description": "Flips the icon horizontally"
},
{
"prop": "flipV",
"description": "Flips the icon vertically"
},
{
"prop": "shiftH",
"description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units"
},
{
"prop": "shiftV",
"description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units"
},
{
"prop": "stacked",
"version": "2.3.0",
"description": "Set this prop to true when placing inside a BIconstack component"
},
{
"prop": "animation",
"version": "2.7.0",
"description": "Animate the icon. Supported built-in animations are 'cylon', 'fade', 'pulse', 'spin' and 'throb'"
}
]
},
{
"component": "BIconShieldCheck",
"auto-gen": "bootstrap-icons 1.2.2",
"props": [
{
"prop": "title",
"description": "Text content to place in the title",
"version": "2.17.0"
},
{
"prop": "variant",
"description": "Contextual color variant. By default the icon inherits the current text color"
},
{
"prop": "fontScale",
"description": "Scale the icons current font size"
},
{
"prop": "scale",
"description": "Scales the icon's SVG, without increasing the font size"
},
{
"prop": "rotate",
"description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise"
},
{
"prop": "flipH",
"description": "Flips the icon horizontally"
},
{
"prop": "flipV",
"description": "Flips the icon vertically"
},
{
"prop": "shiftH",
"description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units"
},
{
"prop": "shiftV",
"description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units"
},
{
"prop": "stacked",
"version": "2.3.0",
"description": "Set this prop to true when placing inside a BIconstack component"
},
{
"prop": "animation",
"version": "2.7.0",
"description": "Animate the icon. Supported built-in animations are 'cylon', 'fade', 'pulse', 'spin' and 'throb'"
}
]
},
{
"component": "BIconShieldExclamation",
"auto-gen": "bootstrap-icons 1.2.2",
"props": [
{
"prop": "title",
"description": "Text content to place in the title",
"version": "2.17.0"
},
{
"prop": "variant",
"description": "Contextual color variant. By default the icon inherits the current text color"
},
{
"prop": "fontScale",
"description": "Scale the icons current font size"
},
{
"prop": "scale",
"description": "Scales the icon's SVG, without increasing the font size"
},
{
"prop": "rotate",
"description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise"
},
{
"prop": "flipH",
"description": "Flips the icon horizontally"
},
{
"prop": "flipV",
"description": "Flips the icon vertically"
},
{
"prop": "shiftH",
"description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units"
},
{
"prop": "shiftV",
"description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units"
},
{
"prop": "stacked",
"version": "2.3.0",
"description": "Set this prop to true when placing inside a BIconstack component"
},
{
"prop": "animation",
"version": "2.7.0",
"description": "Animate the icon. Supported built-in animations are 'cylon', 'fade', 'pulse', 'spin' and 'throb'"
}
]
},
{
"component": "BIconShieldFill",
"auto-gen": "bootstrap-icons 1.2.2",
"props": [
{
"prop": "title",
"description": "Text content to place in the title",
"version": "2.17.0"
},
{
"prop": "variant",
"description": "Contextual color variant. By default the icon inherits the current text color"
},
{
"prop": "fontScale",
"description": "Scale the icons current font size"
},
{
"prop": "scale",
"description": "Scales the icon's SVG, without increasing the font size"
},
{
"prop": "rotate",
"description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise"
},
{
"prop": "flipH",
"description": "Flips the icon horizontally"
},
{
"prop": "flipV",
"description": "Flips the icon vertically"
},
{
"prop": "shiftH",
"description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units"
},
{
"prop": "shiftV",
"description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units"
},
{
"prop": "stacked",
"version": "2.3.0",
"description": "Set this prop to true when placing inside a BIconstack component"
},
{
"prop": "animation",
"version": "2.7.0",
"description": "Animate the icon. Supported built-in animations are 'cylon', 'fade', 'pulse', 'spin' and 'throb'"
}
]
},
{
"component": "BIconShieldFillCheck",
"auto-gen": "bootstrap-icons 1.2.2",
"props": [
{
"prop": "title",
"description": "Text content to place in the title",
"version": "2.17.0"
},
{
"prop": "variant",
"description": "Contextual color variant. By default the icon inherits the current text color"
},
{
"prop": "fontScale",
"description": "Scale the icons current font size"
},
{
"prop": "scale",
"description": "Scales the icon's SVG, without increasing the font size"
},
{
"prop": "rotate",
"description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise"
},
{
"prop": "flipH",
"description": "Flips the icon horizontally"
},
{
"prop": "flipV",
"description": "Flips the icon vertically"
},
{
"prop": "shiftH",
"description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units"
},
{
"prop": "shiftV",
"description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units"
},
{
"prop": "stacked",
"version": "2.3.0",
"description": "Set this prop to true when placing inside a BIconstack component"
},
{
"prop": "animation",
"version": "2.7.0",
"description": "Animate the icon. Supported built-in animations are 'cylon', 'fade', 'pulse', 'spin' and 'throb'"
}
]
},
{
"component": "BIconShieldFillExclamation",
"auto-gen": "bootstrap-icons 1.2.2",
"props": [
{
"prop": "title",
"description": "Text content to place in the title",
"version": "2.17.0"
},
{
"prop": "variant",
"description": "Contextual color variant. By default the icon inherits the current text color"
},
{
"prop": "fontScale",
"description": "Scale the icons current font size"
},
{
"prop": "scale",
"description": "Scales the icon's SVG, without increasing the font size"
},
{
"prop": "rotate",
"description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise"
},
{
"prop": "flipH",
"description": "Flips the icon horizontally"
},
{
"prop": "flipV",
"description": "Flips the icon vertically"
},
{
"prop": "shiftH",
"description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units"
},
{
"prop": "shiftV",
"description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units"
},
{
"prop": "stacked",
"version": "2.3.0",
"description": "Set this prop to true when placing inside a BIconstack component"
},
{
"prop": "animation",
"version": "2.7.0",
"description": "Animate the icon. Supported built-in animations are 'cylon', 'fade', 'pulse', 'spin' and 'throb'"
}
]
},
{
"component": "BIconShieldFillMinus",
"auto-gen": "bootstrap-icons 1.2.2",
"props": [
{
"prop": "title",
"description": "Text content to place in the title",
"version": "2.17.0"
},
{
"prop": "variant",
"description": "Contextual color variant. By default the icon inherits the current text color"
},
{
"prop": "fontScale",
"description": "Scale the icons current font size"
},
{
"prop": "scale",
"description": "Scales the icon's SVG, without increasing the font size"
},
{
"prop": "rotate",
"description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise"
},
{
"prop": "flipH",
"description": "Flips the icon horizontally"
},
{
"prop": "flipV",
"description": "Flips the icon vertically"
},
{
"prop": "shiftH",
"description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units"
},
{
"prop": "shiftV",
"description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units"
},
{
"prop": "stacked",
"version": "2.3.0",
"description": "Set this prop to true when placing inside a BIconstack component"
},
{
"prop": "animation",
"version": "2.7.0",
"description": "Animate the icon. Supported built-in animations are 'cylon', 'fade', 'pulse', 'spin' and 'throb'"
}
]
},
{
"component": "BIconShieldFillPlus",
"auto-gen": "bootstrap-icons 1.2.2",
"props": [
{
"prop": "title",
"description": "Text content to place in the title",
"version": "2.17.0"
},
{
"prop": "variant",
"description": "Contextual color variant. By default the icon inherits the current text color"
},
{
"prop": "fontScale",
"description": "Scale the icons current font size"
},
{
"prop": "scale",
"description": "Scales the icon's SVG, without increasing the font size"
},
{
"prop": "rotate",
"description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise"
},
{
"prop": "flipH",
"description": "Flips the icon horizontally"
},
{
"prop": "flipV",
"description": "Flips the icon vertically"
},
{
"prop": "shiftH",
"description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units"
},
{
"prop": "shiftV",
"description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units"
},
{
"prop": "stacked",
"version": "2.3.0",
"description": "Set this prop to true when placing inside a BIconstack component"
},
{
"prop": "animation",
"version": "2.7.0",
"description": "Animate the icon. Supported built-in animations are 'cylon', 'fade', 'pulse', 'spin' and 'throb'"
}
]
},
{
"component": "BIconShieldFillX",
"auto-gen": "bootstrap-icons 1.2.2",
"props": [
{
"prop": "title",
"description": "Text content to place in the title",
"version": "2.17.0"
},
{
"prop": "variant",
"description": "Contextual color variant. By default the icon inherits the current text color"
},
{
"prop": "fontScale",
"description": "Scale the icons current font size"
},
{
"prop": "scale",
"description": "Scales the icon's SVG, without increasing the font size"
},
{
"prop": "rotate",
"description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise"
},
{
"prop": "flipH",
"description": "Flips the icon horizontally"
},
{
"prop": "flipV",
"description": "Flips the icon vertically"
},
{
"prop": "shiftH",
"description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units"
},
{
"prop": "shiftV",
"description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units"
},
{
"prop": "stacked",
"version": "2.3.0",
"description": "Set this prop to true when placing inside a BIconstack component"
},
{
"prop": "animation",
"version": "2.7.0",
"description": "Animate the icon. Supported built-in animations are 'cylon', 'fade', 'pulse', 'spin' and 'throb'"
}
]
},
{
"component": "BIconShieldLock",
"auto-gen": "bootstrap-icons 1.2.2",
"props": [
{
"prop": "title",
"description": "Text content to place in the title",
"version": "2.17.0"
},
{
"prop": "variant",
"description": "Contextual color variant. By default the icon inherits the current text color"
},
{
"prop": "fontScale",
"description": "Scale the icons current font size"
},
{
"prop": "scale",
"description": "Scales the icon's SVG, without increasing the font size"
},
{
"prop": "rotate",
"description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise"
},
{
"prop": "flipH",
"description": "Flips the icon horizontally"
},
{
"prop": "flipV",
"description": "Flips the icon vertically"
},
{
"prop": "shiftH",
"description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units"
},
{
"prop": "shiftV",
"description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units"
},
{
"prop": "stacked",
"version": "2.3.0",
"description": "Set this prop to true when placing inside a BIconstack component"
},
{
"prop": "animation",
"version": "2.7.0",
"description": "Animate the icon. Supported built-in animations are 'cylon', 'fade', 'pulse', 'spin' and 'throb'"
}
]
},
{
"component": "BIconShieldLockFill",
"auto-gen": "bootstrap-icons 1.2.2",
"props": [
{
"prop": "title",
"description": "Text content to place in the title",
"version": "2.17.0"
},
{
"prop": "variant",
"description": "Contextual color variant. By default the icon inherits the current text color"
},
{
"prop": "fontScale",
"description": "Scale the icons current font size"
},
{
"prop": "scale",
"description": "Scales the icon's SVG, without increasing the font size"
},
{
"prop": "rotate",
"description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise"
},
{
"prop": "flipH",
"description": "Flips the icon horizontally"
},
{
"prop": "flipV",
"description": "Flips the icon vertically"
},
{
"prop": "shiftH",
"description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units"
},
{
"prop": "shiftV",
"description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units"
},
{
"prop": "stacked",
"version": "2.3.0",
"description": "Set this prop to true when placing inside a BIconstack component"
},
{
"prop": "animation",
"version": "2.7.0",
"description": "Animate the icon. Supported built-in animations are 'cylon', 'fade', 'pulse', 'spin' and 'throb'"
}
]
},
{
"component": "BIconShieldMinus",
"auto-gen": "bootstrap-icons 1.2.2",
"props": [
{
"prop": "title",
"description": "Text content to place in the title",
"version": "2.17.0"
},
{
"prop": "variant",
"description": "Contextual color variant. By default the icon inherits the current text color"
},
{
"prop": "fontScale",
"description": "Scale the icons current font size"
},
{
"prop": "scale",
"description": "Scales the icon's SVG, without increasing the font size"
},
{
"prop": "rotate",
"description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise"
},
{
"prop": "flipH",
"description": "Flips the icon horizontally"
},
{
"prop": "flipV",
"description": "Flips the icon vertically"
},
{
"prop": "shiftH",
"description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units"
},
{
"prop": "shiftV",
"description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units"
},
{
"prop": "stacked",
"version": "2.3.0",
"description": "Set this prop to true when placing inside a BIconstack component"
},
{
"prop": "animation",
"version": "2.7.0",
"description": "Animate the icon. Supported built-in animations are 'cylon', 'fade', 'pulse', 'spin' and 'throb'"
}
]
},
{
"component": "BIconShieldPlus",
"auto-gen": "bootstrap-icons 1.2.2",
"props": [
{
"prop": "title",
"description": "Text content to place in the title",
"version": "2.17.0"
},
{
"prop": "variant",
"description": "Contextual color variant. By default the icon inherits the current text color"
},
{
"prop": "fontScale",
"description": "Scale the icons current font size"
},
{
"prop": "scale",
"description": "Scales the icon's SVG, without increasing the font size"
},
{
"prop": "rotate",
"description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise"
},
{
"prop": "flipH",
"description": "Flips the icon horizontally"
},
{
"prop": "flipV",
"description": "Flips the icon vertically"
},
{
"prop": "shiftH",
"description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units"
},
{
"prop": "shiftV",
"description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units"
},
{
"prop": "stacked",
"version": "2.3.0",
"description": "Set this prop to true when placing inside a BIconstack component"
},
{
"prop": "animation",
"version": "2.7.0",
"description": "Animate the icon. Supported built-in animations are 'cylon', 'fade', 'pulse', 'spin' and 'throb'"
}
]
},
{
"component": "BIconShieldShaded",
"auto-gen": "bootstrap-icons 1.2.2",
"props": [
{
"prop": "title",
"description": "Text content to place in the title",
"version": "2.17.0"
},
{
"prop": "variant",
"description": "Contextual color variant. By default the icon inherits the current text color"
},
{
"prop": "fontScale",
"description": "Scale the icons current font size"
},
{
"prop": "scale",
"description": "Scales the icon's SVG, without increasing the font size"
},
{
"prop": "rotate",
"description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise"
},
{
"prop": "flipH",
"description": "Flips the icon horizontally"
},
{
"prop": "flipV",
"description": "Flips the icon vertically"
},
{
"prop": "shiftH",
"description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units"
},
{
"prop": "shiftV",
"description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units"
},
{
"prop": "stacked",
"version": "2.3.0",
"description": "Set this prop to true when placing inside a BIconstack component"
},
{
"prop": "animation",
"version": "2.7.0",
"description": "Animate the icon. Supported built-in animations are 'cylon', 'fade', 'pulse', 'spin' and 'throb'"
}
]
},
{
"component": "BIconShieldSlash",
"auto-gen": "bootstrap-icons 1.2.2",
"props": [
{
"prop": "title",
"description": "Text content to place in the title",
"version": "2.17.0"
},
{
"prop": "variant",
"description": "Contextual color variant. By default the icon inherits the current text color"
},
{
"prop": "fontScale",
"description": "Scale the icons current font size"
},
{
"prop": "scale",
"description": "Scales the icon's SVG, without increasing the font size"
},
{
"prop": "rotate",
"description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise"
},
{
"prop": "flipH",
"description": "Flips the icon horizontally"
},
{
"prop": "flipV",
"description": "Flips the icon vertically"
},
{
"prop": "shiftH",
"description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units"
},
{
"prop": "shiftV",
"description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units"
},
{
"prop": "stacked",
"version": "2.3.0",
"description": "Set this prop to true when placing inside a BIconstack component"
},
{
"prop": "animation",
"version": "2.7.0",
"description": "Animate the icon. Supported built-in animations are 'cylon', 'fade', 'pulse', 'spin' and 'throb'"
}
]
},
{
"component": "BIconShieldSlashFill",
"auto-gen": "bootstrap-icons 1.2.2",
"props": [
{
"prop": "title",
"description": "Text content to place in the title",
"version": "2.17.0"
},
{
"prop": "variant",
"description": "Contextual color variant. By default the icon inherits the current text color"
},
{
"prop": "fontScale",
"description": "Scale the icons current font size"
},
{
"prop": "scale",
"description": "Scales the icon's SVG, without increasing the font size"
},
{
"prop": "rotate",
"description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise"
},
{
"prop": "flipH",
"description": "Flips the icon horizontally"
},
{
"prop": "flipV",
"description": "Flips the icon vertically"
},
{
"prop": "shiftH",
"description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units"
},
{
"prop": "shiftV",
"description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units"
},
{
"prop": "stacked",
"version": "2.3.0",
"description": "Set this prop to true when placing inside a BIconstack component"
},
{
"prop": "animation",
"version": "2.7.0",
"description": "Animate the icon. Supported built-in animations are 'cylon', 'fade', 'pulse', 'spin' and 'throb'"
}
]
},
{
"component": "BIconShieldX",
"auto-gen": "bootstrap-icons 1.2.2",
"props": [
{
"prop": "title",
"description": "Text content to place in the title",
"version": "2.17.0"
},
{
"prop": "variant",
"description": "Contextual color variant. By default the icon inherits the current text color"
},
{
"prop": "fontScale",
"description": "Scale the icons current font size"
},
{
"prop": "scale",
"description": "Scales the icon's SVG, without increasing the font size"
},
{
"prop": "rotate",
"description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise"
},
{
"prop": "flipH",
"description": "Flips the icon horizontally"
},
{
"prop": "flipV",
"description": "Flips the icon vertically"
},
{
"prop": "shiftH",
"description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units"
},
{
"prop": "shiftV",
"description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units"
},
{
"prop": "stacked",
"version": "2.3.0",
"description": "Set this prop to true when placing inside a BIconstack component"
},
{
"prop": "animation",
"version": "2.7.0",
"description": "Animate the icon. Supported built-in animations are 'cylon', 'fade', 'pulse', 'spin' and 'throb'"
}
]
},
{
"component": "BIconShift",
"auto-gen": "bootstrap-icons 1.2.2",
"props": [
{
"prop": "title",
"description": "Text content to place in the title",
"version": "2.17.0"
},
{
"prop": "variant",
"description": "Contextual color variant. By default the icon inherits the current text color"
},
{
"prop": "fontScale",
"description": "Scale the icons current font size"
},
{
"prop": "scale",
"description": "Scales the icon's SVG, without increasing the font size"
},
{
"prop": "rotate",
"description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise"
},
{
"prop": "flipH",
"description": "Flips the icon horizontally"
},
{
"prop": "flipV",
"description": "Flips the icon vertically"
},
{
"prop": "shiftH",
"description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units"
},
{
"prop": "shiftV",
"description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units"
},
{
"prop": "stacked",
"version": "2.3.0",
"description": "Set this prop to true when placing inside a BIconstack component"
},
{
"prop": "animation",
"version": "2.7.0",
"description": "Animate the icon. Supported built-in animations are 'cylon', 'fade', 'pulse', 'spin' and 'throb'"
}
]
},
{
"component": "BIconShiftFill",
"auto-gen": "bootstrap-icons 1.2.2",
"props": [
{
"prop": "title",
"description": "Text content to place in the title",
"version": "2.17.0"
},
{
"prop": "variant",
"description": "Contextual color variant. By default the icon inherits the current text color"
},
{
"prop": "fontScale",
"description": "Scale the icons current font size"
},
{
"prop": "scale",
"description": "Scales the icon's SVG, without increasing the font size"
},
{
"prop": "rotate",
"description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise"
},
{
"prop": "flipH",
"description": "Flips the icon horizontally"
},
{
"prop": "flipV",
"description": "Flips the icon vertically"
},
{
"prop": "shiftH",
"description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units"
},
{
"prop": "shiftV",
"description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units"
},
{
"prop": "stacked",
"version": "2.3.0",
"description": "Set this prop to true when placing inside a BIconstack component"
},
{
"prop": "animation",
"version": "2.7.0",
"description": "Animate the icon. Supported built-in animations are 'cylon', 'fade', 'pulse', 'spin' and 'throb'"
}
]
},
{
"component": "BIconShop",
"auto-gen": "bootstrap-icons 1.2.2",
"props": [
{
"prop": "title",
"description": "Text content to place in the title",
"version": "2.17.0"
},
{
"prop": "variant",
"description": "Contextual color variant. By default the icon inherits the current text color"
},
{
"prop": "fontScale",
"description": "Scale the icons current font size"
},
{
"prop": "scale",
"description": "Scales the icon's SVG, without increasing the font size"
},
{
"prop": "rotate",
"description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise"
},
{
"prop": "flipH",
"description": "Flips the icon horizontally"
},
{
"prop": "flipV",
"description": "Flips the icon vertically"
},
{
"prop": "shiftH",
"description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units"
},
{
"prop": "shiftV",
"description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units"
},
{
"prop": "stacked",
"version": "2.3.0",
"description": "Set this prop to true when placing inside a BIconstack component"
},
{
"prop": "animation",
"version": "2.7.0",
"description": "Animate the icon. Supported built-in animations are 'cylon', 'fade', 'pulse', 'spin' and 'throb'"
}
]
},
{
"component": "BIconShopWindow",
"auto-gen": "bootstrap-icons 1.2.2",
"props": [
{
"prop": "title",
"description": "Text content to place in the title",
"version": "2.17.0"
},
{
"prop": "variant",
"description": "Contextual color variant. By default the icon inherits the current text color"
},
{
"prop": "fontScale",
"description": "Scale the icons current font size"
},
{
"prop": "scale",
"description": "Scales the icon's SVG, without increasing the font size"
},
{
"prop": "rotate",
"description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise"
},
{
"prop": "flipH",
"description": "Flips the icon horizontally"
},
{
"prop": "flipV",
"description": "Flips the icon vertically"
},
{
"prop": "shiftH",
"description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units"
},
{
"prop": "shiftV",
"description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units"
},
{
"prop": "stacked",
"version": "2.3.0",
"description": "Set this prop to true when placing inside a BIconstack component"
},
{
"prop": "animation",
"version": "2.7.0",
"description": "Animate the icon. Supported built-in animations are 'cylon', 'fade', 'pulse', 'spin' and 'throb'"
}
]
},
{
"component": "BIconShuffle",
"auto-gen": "bootstrap-icons 1.2.2",
"props": [
{
"prop": "title",
"description": "Text content to place in the title",
"version": "2.17.0"
},
{
"prop": "variant",
"description": "Contextual color variant. By default the icon inherits the current text color"
},
{
"prop": "fontScale",
"description": "Scale the icons current font size"
},
{
"prop": "scale",
"description": "Scales the icon's SVG, without increasing the font size"
},
{
"prop": "rotate",
"description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise"
},
{
"prop": "flipH",
"description": "Flips the icon horizontally"
},
{
"prop": "flipV",
"description": "Flips the icon vertically"
},
{
"prop": "shiftH",
"description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units"
},
{
"prop": "shiftV",
"description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units"
},
{
"prop": "stacked",
"version": "2.3.0",
"description": "Set this prop to true when placing inside a BIconstack component"
},
{
"prop": "animation",
"version": "2.7.0",
"description": "Animate the icon. Supported built-in animations are 'cylon', 'fade', 'pulse', 'spin' and 'throb'"
}
]
},
{
"component": "BIconSignpost",
"auto-gen": "bootstrap-icons 1.2.2",
"props": [
{
"prop": "title",
"description": "Text content to place in the title",
"version": "2.17.0"
},
{
"prop": "variant",
"description": "Contextual color variant. By default the icon inherits the current text color"
},
{
"prop": "fontScale",
"description": "Scale the icons current font size"
},
{
"prop": "scale",
"description": "Scales the icon's SVG, without increasing the font size"
},
{
"prop": "rotate",
"description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise"
},
{
"prop": "flipH",
"description": "Flips the icon horizontally"
},
{
"prop": "flipV",
"description": "Flips the icon vertically"
},
{
"prop": "shiftH",
"description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units"
},
{
"prop": "shiftV",
"description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units"
},
{
"prop": "stacked",
"version": "2.3.0",
"description": "Set this prop to true when placing inside a BIconstack component"
},
{
"prop": "animation",
"version": "2.7.0",
"description": "Animate the icon. Supported built-in animations are 'cylon', 'fade', 'pulse', 'spin' and 'throb'"
}
]
},
{
"component": "BIconSignpost2",
"auto-gen": "bootstrap-icons 1.2.2",
"props": [
{
"prop": "title",
"description": "Text content to place in the title",
"version": "2.17.0"
},
{
"prop": "variant",
"description": "Contextual color variant. By default the icon inherits the current text color"
},
{
"prop": "fontScale",
"description": "Scale the icons current font size"
},
{
"prop": "scale",
"description": "Scales the icon's SVG, without increasing the font size"
},
{
"prop": "rotate",
"description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise"
},
{
"prop": "flipH",
"description": "Flips the icon horizontally"
},
{
"prop": "flipV",
"description": "Flips the icon vertically"
},
{
"prop": "shiftH",
"description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units"
},
{
"prop": "shiftV",
"description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units"
},
{
"prop": "stacked",
"version": "2.3.0",
"description": "Set this prop to true when placing inside a BIconstack component"
},
{
"prop": "animation",
"version": "2.7.0",
"description": "Animate the icon. Supported built-in animations are 'cylon', 'fade', 'pulse', 'spin' and 'throb'"
}
]
},
{
"component": "BIconSignpost2Fill",
"auto-gen": "bootstrap-icons 1.2.2",
"props": [
{
"prop": "title",
"description": "Text content to place in the title",
"version": "2.17.0"
},
{
"prop": "variant",
"description": "Contextual color variant. By default the icon inherits the current text color"
},
{
"prop": "fontScale",
"description": "Scale the icons current font size"
},
{
"prop": "scale",
"description": "Scales the icon's SVG, without increasing the font size"
},
{
"prop": "rotate",
"description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise"
},
{
"prop": "flipH",
"description": "Flips the icon horizontally"
},
{
"prop": "flipV",
"description": "Flips the icon vertically"
},
{
"prop": "shiftH",
"description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units"
},
{
"prop": "shiftV",
"description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units"
},
{
"prop": "stacked",
"version": "2.3.0",
"description": "Set this prop to true when placing inside a BIconstack component"
},
{
"prop": "animation",
"version": "2.7.0",
"description": "Animate the icon. Supported built-in animations are 'cylon', 'fade', 'pulse', 'spin' and 'throb'"
}
]
},
{
"component": "BIconSignpostFill",
"auto-gen": "bootstrap-icons 1.2.2",
"props": [
{
"prop": "title",
"description": "Text content to place in the title",
"version": "2.17.0"
},
{
"prop": "variant",
"description": "Contextual color variant. By default the icon inherits the current text color"
},
{
"prop": "fontScale",
"description": "Scale the icons current font size"
},
{
"prop": "scale",
"description": "Scales the icon's SVG, without increasing the font size"
},
{
"prop": "rotate",
"description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise"
},
{
"prop": "flipH",
"description": "Flips the icon horizontally"
},
{
"prop": "flipV",
"description": "Flips the icon vertically"
},
{
"prop": "shiftH",
"description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units"
},
{
"prop": "shiftV",
"description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units"
},
{
"prop": "stacked",
"version": "2.3.0",
"description": "Set this prop to true when placing inside a BIconstack component"
},
{
"prop": "animation",
"version": "2.7.0",
"description": "Animate the icon. Supported built-in animations are 'cylon', 'fade', 'pulse', 'spin' and 'throb'"
}
]
},
{
"component": "BIconSignpostSplit",
"auto-gen": "bootstrap-icons 1.2.2",
"props": [
{
"prop": "title",
"description": "Text content to place in the title",
"version": "2.17.0"
},
{
"prop": "variant",
"description": "Contextual color variant. By default the icon inherits the current text color"
},
{
"prop": "fontScale",
"description": "Scale the icons current font size"
},
{
"prop": "scale",
"description": "Scales the icon's SVG, without increasing the font size"
},
{
"prop": "rotate",
"description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise"
},
{
"prop": "flipH",
"description": "Flips the icon horizontally"
},
{
"prop": "flipV",
"description": "Flips the icon vertically"
},
{
"prop": "shiftH",
"description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units"
},
{
"prop": "shiftV",
"description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units"
},
{
"prop": "stacked",
"version": "2.3.0",
"description": "Set this prop to true when placing inside a BIconstack component"
},
{
"prop": "animation",
"version": "2.7.0",
"description": "Animate the icon. Supported built-in animations are 'cylon', 'fade', 'pulse', 'spin' and 'throb'"
}
]
},
{
"component": "BIconSignpostSplitFill",
"auto-gen": "bootstrap-icons 1.2.2",
"props": [
{
"prop": "title",
"description": "Text content to place in the title",
"version": "2.17.0"
},
{
"prop": "variant",
"description": "Contextual color variant. By default the icon inherits the current text color"
},
{
"prop": "fontScale",
"description": "Scale the icons current font size"
},
{
"prop": "scale",
"description": "Scales the icon's SVG, without increasing the font size"
},
{
"prop": "rotate",
"description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise"
},
{
"prop": "flipH",
"description": "Flips the icon horizontally"
},
{
"prop": "flipV",
"description": "Flips the icon vertically"
},
{
"prop": "shiftH",
"description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units"
},
{
"prop": "shiftV",
"description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units"
},
{
"prop": "stacked",
"version": "2.3.0",
"description": "Set this prop to true when placing inside a BIconstack component"
},
{
"prop": "animation",
"version": "2.7.0",
"description": "Animate the icon. Supported built-in animations are 'cylon', 'fade', 'pulse', 'spin' and 'throb'"
}
]
},
{
"component": "BIconSim",
"auto-gen": "bootstrap-icons 1.2.2",
"props": [
{
"prop": "title",
"description": "Text content to place in the title",
"version": "2.17.0"
},
{
"prop": "variant",
"description": "Contextual color variant. By default the icon inherits the current text color"
},
{
"prop": "fontScale",
"description": "Scale the icons current font size"
},
{
"prop": "scale",
"description": "Scales the icon's SVG, without increasing the font size"
},
{
"prop": "rotate",
"description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise"
},
{
"prop": "flipH",
"description": "Flips the icon horizontally"
},
{
"prop": "flipV",
"description": "Flips the icon vertically"
},
{
"prop": "shiftH",
"description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units"
},
{
"prop": "shiftV",
"description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units"
},
{
"prop": "stacked",
"version": "2.3.0",
"description": "Set this prop to true when placing inside a BIconstack component"
},
{
"prop": "animation",
"version": "2.7.0",
"description": "Animate the icon. Supported built-in animations are 'cylon', 'fade', 'pulse', 'spin' and 'throb'"
}
]
},
{
"component": "BIconSimFill",
"auto-gen": "bootstrap-icons 1.2.2",
"props": [
{
"prop": "title",
"description": "Text content to place in the title",
"version": "2.17.0"
},
{
"prop": "variant",
"description": "Contextual color variant. By default the icon inherits the current text color"
},
{
"prop": "fontScale",
"description": "Scale the icons current font size"
},
{
"prop": "scale",
"description": "Scales the icon's SVG, without increasing the font size"
},
{
"prop": "rotate",
"description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise"
},
{
"prop": "flipH",
"description": "Flips the icon horizontally"
},
{
"prop": "flipV",
"description": "Flips the icon vertically"
},
{
"prop": "shiftH",
"description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units"
},
{
"prop": "shiftV",
"description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units"
},
{
"prop": "stacked",
"version": "2.3.0",
"description": "Set this prop to true when placing inside a BIconstack component"
},
{
"prop": "animation",
"version": "2.7.0",
"description": "Animate the icon. Supported built-in animations are 'cylon', 'fade', 'pulse', 'spin' and 'throb'"
}
]
},
{
"component": "BIconSkipBackward",
"auto-gen": "bootstrap-icons 1.2.2",
"props": [
{
"prop": "title",
"description": "Text content to place in the title",
"version": "2.17.0"
},
{
"prop": "variant",
"description": "Contextual color variant. By default the icon inherits the current text color"
},
{
"prop": "fontScale",
"description": "Scale the icons current font size"
},
{
"prop": "scale",
"description": "Scales the icon's SVG, without increasing the font size"
},
{
"prop": "rotate",
"description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise"
},
{
"prop": "flipH",
"description": "Flips the icon horizontally"
},
{
"prop": "flipV",
"description": "Flips the icon vertically"
},
{
"prop": "shiftH",
"description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units"
},
{
"prop": "shiftV",
"description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units"
},
{
"prop": "stacked",
"version": "2.3.0",
"description": "Set this prop to true when placing inside a BIconstack component"
},
{
"prop": "animation",
"version": "2.7.0",
"description": "Animate the icon. Supported built-in animations are 'cylon', 'fade', 'pulse', 'spin' and 'throb'"
}
]
},
{
"component": "BIconSkipBackwardBtn",
"auto-gen": "bootstrap-icons 1.2.2",
"props": [
{
"prop": "title",
"description": "Text content to place in the title",
"version": "2.17.0"
},
{
"prop": "variant",
"description": "Contextual color variant. By default the icon inherits the current text color"
},
{
"prop": "fontScale",
"description": "Scale the icons current font size"
},
{
"prop": "scale",
"description": "Scales the icon's SVG, without increasing the font size"
},
{
"prop": "rotate",
"description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise"
},
{
"prop": "flipH",
"description": "Flips the icon horizontally"
},
{
"prop": "flipV",
"description": "Flips the icon vertically"
},
{
"prop": "shiftH",
"description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units"
},
{
"prop": "shiftV",
"description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units"
},
{
"prop": "stacked",
"version": "2.3.0",
"description": "Set this prop to true when placing inside a BIconstack component"
},
{
"prop": "animation",
"version": "2.7.0",
"description": "Animate the icon. Supported built-in animations are 'cylon', 'fade', 'pulse', 'spin' and 'throb'"
}
]
},
{
"component": "BIconSkipBackwardBtnFill",
"auto-gen": "bootstrap-icons 1.2.2",
"props": [
{
"prop": "title",
"description": "Text content to place in the title",
"version": "2.17.0"
},
{
"prop": "variant",
"description": "Contextual color variant. By default the icon inherits the current text color"
},
{
"prop": "fontScale",
"description": "Scale the icons current font size"
},
{
"prop": "scale",
"description": "Scales the icon's SVG, without increasing the font size"
},
{
"prop": "rotate",
"description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise"
},
{
"prop": "flipH",
"description": "Flips the icon horizontally"
},
{
"prop": "flipV",
"description": "Flips the icon vertically"
},
{
"prop": "shiftH",
"description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units"
},
{
"prop": "shiftV",
"description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units"
},
{
"prop": "stacked",
"version": "2.3.0",
"description": "Set this prop to true when placing inside a BIconstack component"
},
{
"prop": "animation",
"version": "2.7.0",
"description": "Animate the icon. Supported built-in animations are 'cylon', 'fade', 'pulse', 'spin' and 'throb'"
}
]
},
{
"component": "BIconSkipBackwardCircle",
"auto-gen": "bootstrap-icons 1.2.2",
"props": [
{
"prop": "title",
"description": "Text content to place in the title",
"version": "2.17.0"
},
{
"prop": "variant",
"description": "Contextual color variant. By default the icon inherits the current text color"
},
{
"prop": "fontScale",
"description": "Scale the icons current font size"
},
{
"prop": "scale",
"description": "Scales the icon's SVG, without increasing the font size"
},
{
"prop": "rotate",
"description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise"
},
{
"prop": "flipH",
"description": "Flips the icon horizontally"
},
{
"prop": "flipV",
"description": "Flips the icon vertically"
},
{
"prop": "shiftH",
"description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units"
},
{
"prop": "shiftV",
"description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units"
},
{
"prop": "stacked",
"version": "2.3.0",
"description": "Set this prop to true when placing inside a BIconstack component"
},
{
"prop": "animation",
"version": "2.7.0",
"description": "Animate the icon. Supported built-in animations are 'cylon', 'fade', 'pulse', 'spin' and 'throb'"
}
]
},
{
"component": "BIconSkipBackwardCircleFill",
"auto-gen": "bootstrap-icons 1.2.2",
"props": [
{
"prop": "title",
"description": "Text content to place in the title",
"version": "2.17.0"
},
{
"prop": "variant",
"description": "Contextual color variant. By default the icon inherits the current text color"
},
{
"prop": "fontScale",
"description": "Scale the icons current font size"
},
{
"prop": "scale",
"description": "Scales the icon's SVG, without increasing the font size"
},
{
"prop": "rotate",
"description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise"
},
{
"prop": "flipH",
"description": "Flips the icon horizontally"
},
{
"prop": "flipV",
"description": "Flips the icon vertically"
},
{
"prop": "shiftH",
"description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units"
},
{
"prop": "shiftV",
"description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units"
},
{
"prop": "stacked",
"version": "2.3.0",
"description": "Set this prop to true when placing inside a BIconstack component"
},
{
"prop": "animation",
"version": "2.7.0",
"description": "Animate the icon. Supported built-in animations are 'cylon', 'fade', 'pulse', 'spin' and 'throb'"
}
]
},
{
"component": "BIconSkipBackwardFill",
"auto-gen": "bootstrap-icons 1.2.2",
"props": [
{
"prop": "title",
"description": "Text content to place in the title",
"version": "2.17.0"
},
{
"prop": "variant",
"description": "Contextual color variant. By default the icon inherits the current text color"
},
{
"prop": "fontScale",
"description": "Scale the icons current font size"
},
{
"prop": "scale",
"description": "Scales the icon's SVG, without increasing the font size"
},
{
"prop": "rotate",
"description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise"
},
{
"prop": "flipH",
"description": "Flips the icon horizontally"
},
{
"prop": "flipV",
"description": "Flips the icon vertically"
},
{
"prop": "shiftH",
"description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units"
},
{
"prop": "shiftV",
"description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units"
},
{
"prop": "stacked",
"version": "2.3.0",
"description": "Set this prop to true when placing inside a BIconstack component"
},
{
"prop": "animation",
"version": "2.7.0",
"description": "Animate the icon. Supported built-in animations are 'cylon', 'fade', 'pulse', 'spin' and 'throb'"
}
]
},
{
"component": "BIconSkipEnd",
"auto-gen": "bootstrap-icons 1.2.2",
"props": [
{
"prop": "title",
"description": "Text content to place in the title",
"version": "2.17.0"
},
{
"prop": "variant",
"description": "Contextual color variant. By default the icon inherits the current text color"
},
{
"prop": "fontScale",
"description": "Scale the icons current font size"
},
{
"prop": "scale",
"description": "Scales the icon's SVG, without increasing the font size"
},
{
"prop": "rotate",
"description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise"
},
{
"prop": "flipH",
"description": "Flips the icon horizontally"
},
{
"prop": "flipV",
"description": "Flips the icon vertically"
},
{
"prop": "shiftH",
"description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units"
},
{
"prop": "shiftV",
"description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units"
},
{
"prop": "stacked",
"version": "2.3.0",
"description": "Set this prop to true when placing inside a BIconstack component"
},
{
"prop": "animation",
"version": "2.7.0",
"description": "Animate the icon. Supported built-in animations are 'cylon', 'fade', 'pulse', 'spin' and 'throb'"
}
]
},
{
"component": "BIconSkipEndBtn",
"auto-gen": "bootstrap-icons 1.2.2",
"props": [
{
"prop": "title",
"description": "Text content to place in the title",
"version": "2.17.0"
},
{
"prop": "variant",
"description": "Contextual color variant. By default the icon inherits the current text color"
},
{
"prop": "fontScale",
"description": "Scale the icons current font size"
},
{
"prop": "scale",
"description": "Scales the icon's SVG, without increasing the font size"
},
{
"prop": "rotate",
"description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise"
},
{
"prop": "flipH",
"description": "Flips the icon horizontally"
},
{
"prop": "flipV",
"description": "Flips the icon vertically"
},
{
"prop": "shiftH",
"description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units"
},
{
"prop": "shiftV",
"description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units"
},
{
"prop": "stacked",
"version": "2.3.0",
"description": "Set this prop to true when placing inside a BIconstack component"
},
{
"prop": "animation",
"version": "2.7.0",
"description": "Animate the icon. Supported built-in animations are 'cylon', 'fade', 'pulse', 'spin' and 'throb'"
}
]
},
{
"component": "BIconSkipEndBtnFill",
"auto-gen": "bootstrap-icons 1.2.2",
"props": [
{
"prop": "title",
"description": "Text content to place in the title",
"version": "2.17.0"
},
{
"prop": "variant",
"description": "Contextual color variant. By default the icon inherits the current text color"
},
{
"prop": "fontScale",
"description": "Scale the icons current font size"
},
{
"prop": "scale",
"description": "Scales the icon's SVG, without increasing the font size"
},
{
"prop": "rotate",
"description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise"
},
{
"prop": "flipH",
"description": "Flips the icon horizontally"
},
{
"prop": "flipV",
"description": "Flips the icon vertically"
},
{
"prop": "shiftH",
"description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units"
},
{
"prop": "shiftV",
"description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units"
},
{
"prop": "stacked",
"version": "2.3.0",
"description": "Set this prop to true when placing inside a BIconstack component"
},
{
"prop": "animation",
"version": "2.7.0",
"description": "Animate the icon. Supported built-in animations are 'cylon', 'fade', 'pulse', 'spin' and 'throb'"
}
]
},
{
"component": "BIconSkipEndCircle",
"auto-gen": "bootstrap-icons 1.2.2",
"props": [
{
"prop": "title",
"description": "Text content to place in the title",
"version": "2.17.0"
},
{
"prop": "variant",
"description": "Contextual color variant. By default the icon inherits the current text color"
},
{
"prop": "fontScale",
"description": "Scale the icons current font size"
},
{
"prop": "scale",
"description": "Scales the icon's SVG, without increasing the font size"
},
{
"prop": "rotate",
"description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise"
},
{
"prop": "flipH",
"description": "Flips the icon horizontally"
},
{
"prop": "flipV",
"description": "Flips the icon vertically"
},
{
"prop": "shiftH",
"description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units"
},
{
"prop": "shiftV",
"description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units"
},
{
"prop": "stacked",
"version": "2.3.0",
"description": "Set this prop to true when placing inside a BIconstack component"
},
{
"prop": "animation",
"version": "2.7.0",
"description": "Animate the icon. Supported built-in animations are 'cylon', 'fade', 'pulse', 'spin' and 'throb'"
}
]
},
{
"component": "BIconSkipEndCircleFill",
"auto-gen": "bootstrap-icons 1.2.2",
"props": [
{
"prop": "title",
"description": "Text content to place in the title",
"version": "2.17.0"
},
{
"prop": "variant",
"description": "Contextual color variant. By default the icon inherits the current text color"
},
{
"prop": "fontScale",
"description": "Scale the icons current font size"
},
{
"prop": "scale",
"description": "Scales the icon's SVG, without increasing the font size"
},
{
"prop": "rotate",
"description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise"
},
{
"prop": "flipH",
"description": "Flips the icon horizontally"
},
{
"prop": "flipV",
"description": "Flips the icon vertically"
},
{
"prop": "shiftH",
"description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units"
},
{
"prop": "shiftV",
"description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units"
},
{
"prop": "stacked",
"version": "2.3.0",
"description": "Set this prop to true when placing inside a BIconstack component"
},
{
"prop": "animation",
"version": "2.7.0",
"description": "Animate the icon. Supported built-in animations are 'cylon', 'fade', 'pulse', 'spin' and 'throb'"
}
]
},
{
"component": "BIconSkipEndFill",
"auto-gen": "bootstrap-icons 1.2.2",
"props": [
{
"prop": "title",
"description": "Text content to place in the title",
"version": "2.17.0"
},
{
"prop": "variant",
"description": "Contextual color variant. By default the icon inherits the current text color"
},
{
"prop": "fontScale",
"description": "Scale the icons current font size"
},
{
"prop": "scale",
"description": "Scales the icon's SVG, without increasing the font size"
},
{
"prop": "rotate",
"description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise"
},
{
"prop": "flipH",
"description": "Flips the icon horizontally"
},
{
"prop": "flipV",
"description": "Flips the icon vertically"
},
{
"prop": "shiftH",
"description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units"
},
{
"prop": "shiftV",
"description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units"
},
{
"prop": "stacked",
"version": "2.3.0",
"description": "Set this prop to true when placing inside a BIconstack component"
},
{
"prop": "animation",
"version": "2.7.0",
"description": "Animate the icon. Supported built-in animations are 'cylon', 'fade', 'pulse', 'spin' and 'throb'"
}
]
},
{
"component": "BIconSkipForward",
"auto-gen": "bootstrap-icons 1.2.2",
"props": [
{
"prop": "title",
"description": "Text content to place in the title",
"version": "2.17.0"
},
{
"prop": "variant",
"description": "Contextual color variant. By default the icon inherits the current text color"
},
{
"prop": "fontScale",
"description": "Scale the icons current font size"
},
{
"prop": "scale",
"description": "Scales the icon's SVG, without increasing the font size"
},
{
"prop": "rotate",
"description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise"
},
{
"prop": "flipH",
"description": "Flips the icon horizontally"
},
{
"prop": "flipV",
"description": "Flips the icon vertically"
},
{
"prop": "shiftH",
"description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units"
},
{
"prop": "shiftV",
"description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units"
},
{
"prop": "stacked",
"version": "2.3.0",
"description": "Set this prop to true when placing inside a BIconstack component"
},
{
"prop": "animation",
"version": "2.7.0",
"description": "Animate the icon. Supported built-in animations are 'cylon', 'fade', 'pulse', 'spin' and 'throb'"
}
]
},
{
"component": "BIconSkipForwardBtn",
"auto-gen": "bootstrap-icons 1.2.2",
"props": [
{
"prop": "title",
"description": "Text content to place in the title",
"version": "2.17.0"
},
{
"prop": "variant",
"description": "Contextual color variant. By default the icon inherits the current text color"
},
{
"prop": "fontScale",
"description": "Scale the icons current font size"
},
{
"prop": "scale",
"description": "Scales the icon's SVG, without increasing the font size"
},
{
"prop": "rotate",
"description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise"
},
{
"prop": "flipH",
"description": "Flips the icon horizontally"
},
{
"prop": "flipV",
"description": "Flips the icon vertically"
},
{
"prop": "shiftH",
"description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units"
},
{
"prop": "shiftV",
"description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units"
},
{
"prop": "stacked",
"version": "2.3.0",
"description": "Set this prop to true when placing inside a BIconstack component"
},
{
"prop": "animation",
"version": "2.7.0",
"description": "Animate the icon. Supported built-in animations are 'cylon', 'fade', 'pulse', 'spin' and 'throb'"
}
]
},
{
"component": "BIconSkipForwardBtnFill",
"auto-gen": "bootstrap-icons 1.2.2",
"props": [
{
"prop": "title",
"description": "Text content to place in the title",
"version": "2.17.0"
},
{
"prop": "variant",
"description": "Contextual color variant. By default the icon inherits the current text color"
},
{
"prop": "fontScale",
"description": "Scale the icons current font size"
},
{
"prop": "scale",
"description": "Scales the icon's SVG, without increasing the font size"
},
{
"prop": "rotate",
"description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise"
},
{
"prop": "flipH",
"description": "Flips the icon horizontally"
},
{
"prop": "flipV",
"description": "Flips the icon vertically"
},
{
"prop": "shiftH",
"description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units"
},
{
"prop": "shiftV",
"description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units"
},
{
"prop": "stacked",
"version": "2.3.0",
"description": "Set this prop to true when placing inside a BIconstack component"
},
{
"prop": "animation",
"version": "2.7.0",
"description": "Animate the icon. Supported built-in animations are 'cylon', 'fade', 'pulse', 'spin' and 'throb'"
}
]
},
{
"component": "BIconSkipForwardCircle",
"auto-gen": "bootstrap-icons 1.2.2",
"props": [
{
"prop": "title",
"description": "Text content to place in the title",
"version": "2.17.0"
},
{
"prop": "variant",
"description": "Contextual color variant. By default the icon inherits the current text color"
},
{
"prop": "fontScale",
"description": "Scale the icons current font size"
},
{
"prop": "scale",
"description": "Scales the icon's SVG, without increasing the font size"
},
{
"prop": "rotate",
"description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise"
},
{
"prop": "flipH",
"description": "Flips the icon horizontally"
},
{
"prop": "flipV",
"description": "Flips the icon vertically"
},
{
"prop": "shiftH",
"description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units"
},
{
"prop": "shiftV",
"description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units"
},
{
"prop": "stacked",
"version": "2.3.0",
"description": "Set this prop to true when placing inside a BIconstack component"
},
{
"prop": "animation",
"version": "2.7.0",
"description": "Animate the icon. Supported built-in animations are 'cylon', 'fade', 'pulse', 'spin' and 'throb'"
}
]
},
{
"component": "BIconSkipForwardCircleFill",
"auto-gen": "bootstrap-icons 1.2.2",
"props": [
{
"prop": "title",
"description": "Text content to place in the title",
"version": "2.17.0"
},
{
"prop": "variant",
"description": "Contextual color variant. By default the icon inherits the current text color"
},
{
"prop": "fontScale",
"description": "Scale the icons current font size"
},
{
"prop": "scale",
"description": "Scales the icon's SVG, without increasing the font size"
},
{
"prop": "rotate",
"description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise"
},
{
"prop": "flipH",
"description": "Flips the icon horizontally"
},
{
"prop": "flipV",
"description": "Flips the icon vertically"
},
{
"prop": "shiftH",
"description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units"
},
{
"prop": "shiftV",
"description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units"
},
{
"prop": "stacked",
"version": "2.3.0",
"description": "Set this prop to true when placing inside a BIconstack component"
},
{
"prop": "animation",
"version": "2.7.0",
"description": "Animate the icon. Supported built-in animations are 'cylon', 'fade', 'pulse', 'spin' and 'throb'"
}
]
},
{
"component": "BIconSkipForwardFill",
"auto-gen": "bootstrap-icons 1.2.2",
"props": [
{
"prop": "title",
"description": "Text content to place in the title",
"version": "2.17.0"
},
{
"prop": "variant",
"description": "Contextual color variant. By default the icon inherits the current text color"
},
{
"prop": "fontScale",
"description": "Scale the icons current font size"
},
{
"prop": "scale",
"description": "Scales the icon's SVG, without increasing the font size"
},
{
"prop": "rotate",
"description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise"
},
{
"prop": "flipH",
"description": "Flips the icon horizontally"
},
{
"prop": "flipV",
"description": "Flips the icon vertically"
},
{
"prop": "shiftH",
"description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units"
},
{
"prop": "shiftV",
"description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units"
},
{
"prop": "stacked",
"version": "2.3.0",
"description": "Set this prop to true when placing inside a BIconstack component"
},
{
"prop": "animation",
"version": "2.7.0",
"description": "Animate the icon. Supported built-in animations are 'cylon', 'fade', 'pulse', 'spin' and 'throb'"
}
]
},
{
"component": "BIconSkipStart",
"auto-gen": "bootstrap-icons 1.2.2",
"props": [
{
"prop": "title",
"description": "Text content to place in the title",
"version": "2.17.0"
},
{
"prop": "variant",
"description": "Contextual color variant. By default the icon inherits the current text color"
},
{
"prop": "fontScale",
"description": "Scale the icons current font size"
},
{
"prop": "scale",
"description": "Scales the icon's SVG, without increasing the font size"
},
{
"prop": "rotate",
"description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise"
},
{
"prop": "flipH",
"description": "Flips the icon horizontally"
},
{
"prop": "flipV",
"description": "Flips the icon vertically"
},
{
"prop": "shiftH",
"description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units"
},
{
"prop": "shiftV",
"description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units"
},
{
"prop": "stacked",
"version": "2.3.0",
"description": "Set this prop to true when placing inside a BIconstack component"
},
{
"prop": "animation",
"version": "2.7.0",
"description": "Animate the icon. Supported built-in animations are 'cylon', 'fade', 'pulse', 'spin' and 'throb'"
}
]
},
{
"component": "BIconSkipStartBtn",
"auto-gen": "bootstrap-icons 1.2.2",
"props": [
{
"prop": "title",
"description": "Text content to place in the title",
"version": "2.17.0"
},
{
"prop": "variant",
"description": "Contextual color variant. By default the icon inherits the current text color"
},
{
"prop": "fontScale",
"description": "Scale the icons current font size"
},
{
"prop": "scale",
"description": "Scales the icon's SVG, without increasing the font size"
},
{
"prop": "rotate",
"description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise"
},
{
"prop": "flipH",
"description": "Flips the icon horizontally"
},
{
"prop": "flipV",
"description": "Flips the icon vertically"
},
{
"prop": "shiftH",
"description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units"
},
{
"prop": "shiftV",
"description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units"
},
{
"prop": "stacked",
"version": "2.3.0",
"description": "Set this prop to true when placing inside a BIconstack component"
},
{
"prop": "animation",
"version": "2.7.0",
"description": "Animate the icon. Supported built-in animations are 'cylon', 'fade', 'pulse', 'spin' and 'throb'"
}
]
},
{
"component": "BIconSkipStartBtnFill",
"auto-gen": "bootstrap-icons 1.2.2",
"props": [
{
"prop": "title",
"description": "Text content to place in the title",
"version": "2.17.0"
},
{
"prop": "variant",
"description": "Contextual color variant. By default the icon inherits the current text color"
},
{
"prop": "fontScale",
"description": "Scale the icons current font size"
},
{
"prop": "scale",
"description": "Scales the icon's SVG, without increasing the font size"
},
{
"prop": "rotate",
"description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise"
},
{
"prop": "flipH",
"description": "Flips the icon horizontally"
},
{
"prop": "flipV",
"description": "Flips the icon vertically"
},
{
"prop": "shiftH",
"description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units"
},
{
"prop": "shiftV",
"description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units"
},
{
"prop": "stacked",
"version": "2.3.0",
"description": "Set this prop to true when placing inside a BIconstack component"
},
{
"prop": "animation",
"version": "2.7.0",
"description": "Animate the icon. Supported built-in animations are 'cylon', 'fade', 'pulse', 'spin' and 'throb'"
}
]
},
{
"component": "BIconSkipStartCircle",
"auto-gen": "bootstrap-icons 1.2.2",
"props": [
{
"prop": "title",
"description": "Text content to place in the title",
"version": "2.17.0"
},
{
"prop": "variant",
"description": "Contextual color variant. By default the icon inherits the current text color"
},
{
"prop": "fontScale",
"description": "Scale the icons current font size"
},
{
"prop": "scale",
"description": "Scales the icon's SVG, without increasing the font size"
},
{
"prop": "rotate",
"description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise"
},
{
"prop": "flipH",
"description": "Flips the icon horizontally"
},
{
"prop": "flipV",
"description": "Flips the icon vertically"
},
{
"prop": "shiftH",
"description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units"
},
{
"prop": "shiftV",
"description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units"
},
{
"prop": "stacked",
"version": "2.3.0",
"description": "Set this prop to true when placing inside a BIconstack component"
},
{
"prop": "animation",
"version": "2.7.0",
"description": "Animate the icon. Supported built-in animations are 'cylon', 'fade', 'pulse', 'spin' and 'throb'"
}
]
},
{
"component": "BIconSkipStartCircleFill",
"auto-gen": "bootstrap-icons 1.2.2",
"props": [
{
"prop": "title",
"description": "Text content to place in the title",
"version": "2.17.0"
},
{
"prop": "variant",
"description": "Contextual color variant. By default the icon inherits the current text color"
},
{
"prop": "fontScale",
"description": "Scale the icons current font size"
},
{
"prop": "scale",
"description": "Scales the icon's SVG, without increasing the font size"
},
{
"prop": "rotate",
"description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise"
},
{
"prop": "flipH",
"description": "Flips the icon horizontally"
},
{
"prop": "flipV",
"description": "Flips the icon vertically"
},
{
"prop": "shiftH",
"description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units"
},
{
"prop": "shiftV",
"description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units"
},
{
"prop": "stacked",
"version": "2.3.0",
"description": "Set this prop to true when placing inside a BIconstack component"
},
{
"prop": "animation",
"version": "2.7.0",
"description": "Animate the icon. Supported built-in animations are 'cylon', 'fade', 'pulse', 'spin' and 'throb'"
}
]
},
{
"component": "BIconSkipStartFill",
"auto-gen": "bootstrap-icons 1.2.2",
"props": [
{
"prop": "title",
"description": "Text content to place in the title",
"version": "2.17.0"
},
{
"prop": "variant",
"description": "Contextual color variant. By default the icon inherits the current text color"
},
{
"prop": "fontScale",
"description": "Scale the icons current font size"
},
{
"prop": "scale",
"description": "Scales the icon's SVG, without increasing the font size"
},
{
"prop": "rotate",
"description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise"
},
{
"prop": "flipH",
"description": "Flips the icon horizontally"
},
{
"prop": "flipV",
"description": "Flips the icon vertically"
},
{
"prop": "shiftH",
"description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units"
},
{
"prop": "shiftV",
"description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units"
},
{
"prop": "stacked",
"version": "2.3.0",
"description": "Set this prop to true when placing inside a BIconstack component"
},
{
"prop": "animation",
"version": "2.7.0",
"description": "Animate the icon. Supported built-in animations are 'cylon', 'fade', 'pulse', 'spin' and 'throb'"
}
]
},
{
"component": "BIconSlack",
"auto-gen": "bootstrap-icons 1.2.2",
"props": [
{
"prop": "title",
"description": "Text content to place in the title",
"version": "2.17.0"
},
{
"prop": "variant",
"description": "Contextual color variant. By default the icon inherits the current text color"
},
{
"prop": "fontScale",
"description": "Scale the icons current font size"
},
{
"prop": "scale",
"description": "Scales the icon's SVG, without increasing the font size"
},
{
"prop": "rotate",
"description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise"
},
{
"prop": "flipH",
"description": "Flips the icon horizontally"
},
{
"prop": "flipV",
"description": "Flips the icon vertically"
},
{
"prop": "shiftH",
"description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units"
},
{
"prop": "shiftV",
"description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units"
},
{
"prop": "stacked",
"version": "2.3.0",
"description": "Set this prop to true when placing inside a BIconstack component"
},
{
"prop": "animation",
"version": "2.7.0",
"description": "Animate the icon. Supported built-in animations are 'cylon', 'fade', 'pulse', 'spin' and 'throb'"
}
]
},
{
"component": "BIconSlash",
"auto-gen": "bootstrap-icons 1.2.2",
"props": [
{
"prop": "title",
"description": "Text content to place in the title",
"version": "2.17.0"
},
{
"prop": "variant",
"description": "Contextual color variant. By default the icon inherits the current text color"
},
{
"prop": "fontScale",
"description": "Scale the icons current font size"
},
{
"prop": "scale",
"description": "Scales the icon's SVG, without increasing the font size"
},
{
"prop": "rotate",
"description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise"
},
{
"prop": "flipH",
"description": "Flips the icon horizontally"
},
{
"prop": "flipV",
"description": "Flips the icon vertically"
},
{
"prop": "shiftH",
"description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units"
},
{
"prop": "shiftV",
"description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units"
},
{
"prop": "stacked",
"version": "2.3.0",
"description": "Set this prop to true when placing inside a BIconstack component"
},
{
"prop": "animation",
"version": "2.7.0",
"description": "Animate the icon. Supported built-in animations are 'cylon', 'fade', 'pulse', 'spin' and 'throb'"
}
]
},
{
"component": "BIconSlashCircle",
"auto-gen": "bootstrap-icons 1.2.2",
"props": [
{
"prop": "title",
"description": "Text content to place in the title",
"version": "2.17.0"
},
{
"prop": "variant",
"description": "Contextual color variant. By default the icon inherits the current text color"
},
{
"prop": "fontScale",
"description": "Scale the icons current font size"
},
{
"prop": "scale",
"description": "Scales the icon's SVG, without increasing the font size"
},
{
"prop": "rotate",
"description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise"
},
{
"prop": "flipH",
"description": "Flips the icon horizontally"
},
{
"prop": "flipV",
"description": "Flips the icon vertically"
},
{
"prop": "shiftH",
"description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units"
},
{
"prop": "shiftV",
"description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units"
},
{
"prop": "stacked",
"version": "2.3.0",
"description": "Set this prop to true when placing inside a BIconstack component"
},
{
"prop": "animation",
"version": "2.7.0",
"description": "Animate the icon. Supported built-in animations are 'cylon', 'fade', 'pulse', 'spin' and 'throb'"
}
]
},
{
"component": "BIconSlashCircleFill",
"auto-gen": "bootstrap-icons 1.2.2",
"props": [
{
"prop": "title",
"description": "Text content to place in the title",
"version": "2.17.0"
},
{
"prop": "variant",
"description": "Contextual color variant. By default the icon inherits the current text color"
},
{
"prop": "fontScale",
"description": "Scale the icons current font size"
},
{
"prop": "scale",
"description": "Scales the icon's SVG, without increasing the font size"
},
{
"prop": "rotate",
"description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise"
},
{
"prop": "flipH",
"description": "Flips the icon horizontally"
},
{
"prop": "flipV",
"description": "Flips the icon vertically"
},
{
"prop": "shiftH",
"description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units"
},
{
"prop": "shiftV",
"description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units"
},
{
"prop": "stacked",
"version": "2.3.0",
"description": "Set this prop to true when placing inside a BIconstack component"
},
{
"prop": "animation",
"version": "2.7.0",
"description": "Animate the icon. Supported built-in animations are 'cylon', 'fade', 'pulse', 'spin' and 'throb'"
}
]
},
{
"component": "BIconSlashSquare",
"auto-gen": "bootstrap-icons 1.2.2",
"props": [
{
"prop": "title",
"description": "Text content to place in the title",
"version": "2.17.0"
},
{
"prop": "variant",
"description": "Contextual color variant. By default the icon inherits the current text color"
},
{
"prop": "fontScale",
"description": "Scale the icons current font size"
},
{
"prop": "scale",
"description": "Scales the icon's SVG, without increasing the font size"
},
{
"prop": "rotate",
"description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise"
},
{
"prop": "flipH",
"description": "Flips the icon horizontally"
},
{
"prop": "flipV",
"description": "Flips the icon vertically"
},
{
"prop": "shiftH",
"description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units"
},
{
"prop": "shiftV",
"description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units"
},
{
"prop": "stacked",
"version": "2.3.0",
"description": "Set this prop to true when placing inside a BIconstack component"
},
{
"prop": "animation",
"version": "2.7.0",
"description": "Animate the icon. Supported built-in animations are 'cylon', 'fade', 'pulse', 'spin' and 'throb'"
}
]
},
{
"component": "BIconSlashSquareFill",
"auto-gen": "bootstrap-icons 1.2.2",
"props": [
{
"prop": "title",
"description": "Text content to place in the title",
"version": "2.17.0"
},
{
"prop": "variant",
"description": "Contextual color variant. By default the icon inherits the current text color"
},
{
"prop": "fontScale",
"description": "Scale the icons current font size"
},
{
"prop": "scale",
"description": "Scales the icon's SVG, without increasing the font size"
},
{
"prop": "rotate",
"description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise"
},
{
"prop": "flipH",
"description": "Flips the icon horizontally"
},
{
"prop": "flipV",
"description": "Flips the icon vertically"
},
{
"prop": "shiftH",
"description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units"
},
{
"prop": "shiftV",
"description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units"
},
{
"prop": "stacked",
"version": "2.3.0",
"description": "Set this prop to true when placing inside a BIconstack component"
},
{
"prop": "animation",
"version": "2.7.0",
"description": "Animate the icon. Supported built-in animations are 'cylon', 'fade', 'pulse', 'spin' and 'throb'"
}
]
},
{
"component": "BIconSliders",
"auto-gen": "bootstrap-icons 1.2.2",
"props": [
{
"prop": "title",
"description": "Text content to place in the title",
"version": "2.17.0"
},
{
"prop": "variant",
"description": "Contextual color variant. By default the icon inherits the current text color"
},
{
"prop": "fontScale",
"description": "Scale the icons current font size"
},
{
"prop": "scale",
"description": "Scales the icon's SVG, without increasing the font size"
},
{
"prop": "rotate",
"description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise"
},
{
"prop": "flipH",
"description": "Flips the icon horizontally"
},
{
"prop": "flipV",
"description": "Flips the icon vertically"
},
{
"prop": "shiftH",
"description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units"
},
{
"prop": "shiftV",
"description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units"
},
{
"prop": "stacked",
"version": "2.3.0",
"description": "Set this prop to true when placing inside a BIconstack component"
},
{
"prop": "animation",
"version": "2.7.0",
"description": "Animate the icon. Supported built-in animations are 'cylon', 'fade', 'pulse', 'spin' and 'throb'"
}
]
},
{
"component": "BIconSmartwatch",
"auto-gen": "bootstrap-icons 1.2.2",
"props": [
{
"prop": "title",
"description": "Text content to place in the title",
"version": "2.17.0"
},
{
"prop": "variant",
"description": "Contextual color variant. By default the icon inherits the current text color"
},
{
"prop": "fontScale",
"description": "Scale the icons current font size"
},
{
"prop": "scale",
"description": "Scales the icon's SVG, without increasing the font size"
},
{
"prop": "rotate",
"description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise"
},
{
"prop": "flipH",
"description": "Flips the icon horizontally"
},
{
"prop": "flipV",
"description": "Flips the icon vertically"
},
{
"prop": "shiftH",
"description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units"
},
{
"prop": "shiftV",
"description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units"
},
{
"prop": "stacked",
"version": "2.3.0",
"description": "Set this prop to true when placing inside a BIconstack component"
},
{
"prop": "animation",
"version": "2.7.0",
"description": "Animate the icon. Supported built-in animations are 'cylon', 'fade', 'pulse', 'spin' and 'throb'"
}
]
},
{
"component": "BIconSortAlphaDown",
"auto-gen": "bootstrap-icons 1.2.2",
"props": [
{
"prop": "title",
"description": "Text content to place in the title",
"version": "2.17.0"
},
{
"prop": "variant",
"description": "Contextual color variant. By default the icon inherits the current text color"
},
{
"prop": "fontScale",
"description": "Scale the icons current font size"
},
{
"prop": "scale",
"description": "Scales the icon's SVG, without increasing the font size"
},
{
"prop": "rotate",
"description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise"
},
{
"prop": "flipH",
"description": "Flips the icon horizontally"
},
{
"prop": "flipV",
"description": "Flips the icon vertically"
},
{
"prop": "shiftH",
"description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units"
},
{
"prop": "shiftV",
"description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units"
},
{
"prop": "stacked",
"version": "2.3.0",
"description": "Set this prop to true when placing inside a BIconstack component"
},
{
"prop": "animation",
"version": "2.7.0",
"description": "Animate the icon. Supported built-in animations are 'cylon', 'fade', 'pulse', 'spin' and 'throb'"
}
]
},
{
"component": "BIconSortAlphaDownAlt",
"auto-gen": "bootstrap-icons 1.2.2",
"props": [
{
"prop": "title",
"description": "Text content to place in the title",
"version": "2.17.0"
},
{
"prop": "variant",
"description": "Contextual color variant. By default the icon inherits the current text color"
},
{
"prop": "fontScale",
"description": "Scale the icons current font size"
},
{
"prop": "scale",
"description": "Scales the icon's SVG, without increasing the font size"
},
{
"prop": "rotate",
"description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise"
},
{
"prop": "flipH",
"description": "Flips the icon horizontally"
},
{
"prop": "flipV",
"description": "Flips the icon vertically"
},
{
"prop": "shiftH",
"description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units"
},
{
"prop": "shiftV",
"description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units"
},
{
"prop": "stacked",
"version": "2.3.0",
"description": "Set this prop to true when placing inside a BIconstack component"
},
{
"prop": "animation",
"version": "2.7.0",
"description": "Animate the icon. Supported built-in animations are 'cylon', 'fade', 'pulse', 'spin' and 'throb'"
}
]
},
{
"component": "BIconSortAlphaUp",
"auto-gen": "bootstrap-icons 1.2.2",
"props": [
{
"prop": "title",
"description": "Text content to place in the title",
"version": "2.17.0"
},
{
"prop": "variant",
"description": "Contextual color variant. By default the icon inherits the current text color"
},
{
"prop": "fontScale",
"description": "Scale the icons current font size"
},
{
"prop": "scale",
"description": "Scales the icon's SVG, without increasing the font size"
},
{
"prop": "rotate",
"description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise"
},
{
"prop": "flipH",
"description": "Flips the icon horizontally"
},
{
"prop": "flipV",
"description": "Flips the icon vertically"
},
{
"prop": "shiftH",
"description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units"
},
{
"prop": "shiftV",
"description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units"
},
{
"prop": "stacked",
"version": "2.3.0",
"description": "Set this prop to true when placing inside a BIconstack component"
},
{
"prop": "animation",
"version": "2.7.0",
"description": "Animate the icon. Supported built-in animations are 'cylon', 'fade', 'pulse', 'spin' and 'throb'"
}
]
},
{
"component": "BIconSortAlphaUpAlt",
"auto-gen": "bootstrap-icons 1.2.2",
"props": [
{
"prop": "title",
"description": "Text content to place in the title",
"version": "2.17.0"
},
{
"prop": "variant",
"description": "Contextual color variant. By default the icon inherits the current text color"
},
{
"prop": "fontScale",
"description": "Scale the icons current font size"
},
{
"prop": "scale",
"description": "Scales the icon's SVG, without increasing the font size"
},
{
"prop": "rotate",
"description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise"
},
{
"prop": "flipH",
"description": "Flips the icon horizontally"
},
{
"prop": "flipV",
"description": "Flips the icon vertically"
},
{
"prop": "shiftH",
"description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units"
},
{
"prop": "shiftV",
"description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units"
},
{
"prop": "stacked",
"version": "2.3.0",
"description": "Set this prop to true when placing inside a BIconstack component"
},
{
"prop": "animation",
"version": "2.7.0",
"description": "Animate the icon. Supported built-in animations are 'cylon', 'fade', 'pulse', 'spin' and 'throb'"
}
]
},
{
"component": "BIconSortDown",
"auto-gen": "bootstrap-icons 1.2.2",
"props": [
{
"prop": "title",
"description": "Text content to place in the title",
"version": "2.17.0"
},
{
"prop": "variant",
"description": "Contextual color variant. By default the icon inherits the current text color"
},
{
"prop": "fontScale",
"description": "Scale the icons current font size"
},
{
"prop": "scale",
"description": "Scales the icon's SVG, without increasing the font size"
},
{
"prop": "rotate",
"description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise"
},
{
"prop": "flipH",
"description": "Flips the icon horizontally"
},
{
"prop": "flipV",
"description": "Flips the icon vertically"
},
{
"prop": "shiftH",
"description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units"
},
{
"prop": "shiftV",
"description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units"
},
{
"prop": "stacked",
"version": "2.3.0",
"description": "Set this prop to true when placing inside a BIconstack component"
},
{
"prop": "animation",
"version": "2.7.0",
"description": "Animate the icon. Supported built-in animations are 'cylon', 'fade', 'pulse', 'spin' and 'throb'"
}
]
},
{
"component": "BIconSortDownAlt",
"auto-gen": "bootstrap-icons 1.2.2",
"props": [
{
"prop": "title",
"description": "Text content to place in the title",
"version": "2.17.0"
},
{
"prop": "variant",
"description": "Contextual color variant. By default the icon inherits the current text color"
},
{
"prop": "fontScale",
"description": "Scale the icons current font size"
},
{
"prop": "scale",
"description": "Scales the icon's SVG, without increasing the font size"
},
{
"prop": "rotate",
"description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise"
},
{
"prop": "flipH",
"description": "Flips the icon horizontally"
},
{
"prop": "flipV",
"description": "Flips the icon vertically"
},
{
"prop": "shiftH",
"description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units"
},
{
"prop": "shiftV",
"description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units"
},
{
"prop": "stacked",
"version": "2.3.0",
"description": "Set this prop to true when placing inside a BIconstack component"
},
{
"prop": "animation",
"version": "2.7.0",
"description": "Animate the icon. Supported built-in animations are 'cylon', 'fade', 'pulse', 'spin' and 'throb'"
}
]
},
{
"component": "BIconSortNumericDown",
"auto-gen": "bootstrap-icons 1.2.2",
"props": [
{
"prop": "title",
"description": "Text content to place in the title",
"version": "2.17.0"
},
{
"prop": "variant",
"description": "Contextual color variant. By default the icon inherits the current text color"
},
{
"prop": "fontScale",
"description": "Scale the icons current font size"
},
{
"prop": "scale",
"description": "Scales the icon's SVG, without increasing the font size"
},
{
"prop": "rotate",
"description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise"
},
{
"prop": "flipH",
"description": "Flips the icon horizontally"
},
{
"prop": "flipV",
"description": "Flips the icon vertically"
},
{
"prop": "shiftH",
"description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units"
},
{
"prop": "shiftV",
"description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units"
},
{
"prop": "stacked",
"version": "2.3.0",
"description": "Set this prop to true when placing inside a BIconstack component"
},
{
"prop": "animation",
"version": "2.7.0",
"description": "Animate the icon. Supported built-in animations are 'cylon', 'fade', 'pulse', 'spin' and 'throb'"
}
]
},
{
"component": "BIconSortNumericDownAlt",
"auto-gen": "bootstrap-icons 1.2.2",
"props": [
{
"prop": "title",
"description": "Text content to place in the title",
"version": "2.17.0"
},
{
"prop": "variant",
"description": "Contextual color variant. By default the icon inherits the current text color"
},
{
"prop": "fontScale",
"description": "Scale the icons current font size"
},
{
"prop": "scale",
"description": "Scales the icon's SVG, without increasing the font size"
},
{
"prop": "rotate",
"description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise"
},
{
"prop": "flipH",
"description": "Flips the icon horizontally"
},
{
"prop": "flipV",
"description": "Flips the icon vertically"
},
{
"prop": "shiftH",
"description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units"
},
{
"prop": "shiftV",
"description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units"
},
{
"prop": "stacked",
"version": "2.3.0",
"description": "Set this prop to true when placing inside a BIconstack component"
},
{
"prop": "animation",
"version": "2.7.0",
"description": "Animate the icon. Supported built-in animations are 'cylon', 'fade', 'pulse', 'spin' and 'throb'"
}
]
},
{
"component": "BIconSortNumericUp",
"auto-gen": "bootstrap-icons 1.2.2",
"props": [
{
"prop": "title",
"description": "Text content to place in the title",
"version": "2.17.0"
},
{
"prop": "variant",
"description": "Contextual color variant. By default the icon inherits the current text color"
},
{
"prop": "fontScale",
"description": "Scale the icons current font size"
},
{
"prop": "scale",
"description": "Scales the icon's SVG, without increasing the font size"
},
{
"prop": "rotate",
"description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise"
},
{
"prop": "flipH",
"description": "Flips the icon horizontally"
},
{
"prop": "flipV",
"description": "Flips the icon vertically"
},
{
"prop": "shiftH",
"description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units"
},
{
"prop": "shiftV",
"description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units"
},
{
"prop": "stacked",
"version": "2.3.0",
"description": "Set this prop to true when placing inside a BIconstack component"
},
{
"prop": "animation",
"version": "2.7.0",
"description": "Animate the icon. Supported built-in animations are 'cylon', 'fade', 'pulse', 'spin' and 'throb'"
}
]
},
{
"component": "BIconSortNumericUpAlt",
"auto-gen": "bootstrap-icons 1.2.2",
"props": [
{
"prop": "title",
"description": "Text content to place in the title",
"version": "2.17.0"
},
{
"prop": "variant",
"description": "Contextual color variant. By default the icon inherits the current text color"
},
{
"prop": "fontScale",
"description": "Scale the icons current font size"
},
{
"prop": "scale",
"description": "Scales the icon's SVG, without increasing the font size"
},
{
"prop": "rotate",
"description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise"
},
{
"prop": "flipH",
"description": "Flips the icon horizontally"
},
{
"prop": "flipV",
"description": "Flips the icon vertically"
},
{
"prop": "shiftH",
"description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units"
},
{
"prop": "shiftV",
"description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units"
},
{
"prop": "stacked",
"version": "2.3.0",
"description": "Set this prop to true when placing inside a BIconstack component"
},
{
"prop": "animation",
"version": "2.7.0",
"description": "Animate the icon. Supported built-in animations are 'cylon', 'fade', 'pulse', 'spin' and 'throb'"
}
]
},
{
"component": "BIconSortUp",
"auto-gen": "bootstrap-icons 1.2.2",
"props": [
{
"prop": "title",
"description": "Text content to place in the title",
"version": "2.17.0"
},
{
"prop": "variant",
"description": "Contextual color variant. By default the icon inherits the current text color"
},
{
"prop": "fontScale",
"description": "Scale the icons current font size"
},
{
"prop": "scale",
"description": "Scales the icon's SVG, without increasing the font size"
},
{
"prop": "rotate",
"description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise"
},
{
"prop": "flipH",
"description": "Flips the icon horizontally"
},
{
"prop": "flipV",
"description": "Flips the icon vertically"
},
{
"prop": "shiftH",
"description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units"
},
{
"prop": "shiftV",
"description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units"
},
{
"prop": "stacked",
"version": "2.3.0",
"description": "Set this prop to true when placing inside a BIconstack component"
},
{
"prop": "animation",
"version": "2.7.0",
"description": "Animate the icon. Supported built-in animations are 'cylon', 'fade', 'pulse', 'spin' and 'throb'"
}
]
},
{
"component": "BIconSortUpAlt",
"auto-gen": "bootstrap-icons 1.2.2",
"props": [
{
"prop": "title",
"description": "Text content to place in the title",
"version": "2.17.0"
},
{
"prop": "variant",
"description": "Contextual color variant. By default the icon inherits the current text color"
},
{
"prop": "fontScale",
"description": "Scale the icons current font size"
},
{
"prop": "scale",
"description": "Scales the icon's SVG, without increasing the font size"
},
{
"prop": "rotate",
"description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise"
},
{
"prop": "flipH",
"description": "Flips the icon horizontally"
},
{
"prop": "flipV",
"description": "Flips the icon vertically"
},
{
"prop": "shiftH",
"description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units"
},
{
"prop": "shiftV",
"description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units"
},
{
"prop": "stacked",
"version": "2.3.0",
"description": "Set this prop to true when placing inside a BIconstack component"
},
{
"prop": "animation",
"version": "2.7.0",
"description": "Animate the icon. Supported built-in animations are 'cylon', 'fade', 'pulse', 'spin' and 'throb'"
}
]
},
{
"component": "BIconSoundwave",
"auto-gen": "bootstrap-icons 1.2.2",
"props": [
{
"prop": "title",
"description": "Text content to place in the title",
"version": "2.17.0"
},
{
"prop": "variant",
"description": "Contextual color variant. By default the icon inherits the current text color"
},
{
"prop": "fontScale",
"description": "Scale the icons current font size"
},
{
"prop": "scale",
"description": "Scales the icon's SVG, without increasing the font size"
},
{
"prop": "rotate",
"description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise"
},
{
"prop": "flipH",
"description": "Flips the icon horizontally"
},
{
"prop": "flipV",
"description": "Flips the icon vertically"
},
{
"prop": "shiftH",
"description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units"
},
{
"prop": "shiftV",
"description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units"
},
{
"prop": "stacked",
"version": "2.3.0",
"description": "Set this prop to true when placing inside a BIconstack component"
},
{
"prop": "animation",
"version": "2.7.0",
"description": "Animate the icon. Supported built-in animations are 'cylon', 'fade', 'pulse', 'spin' and 'throb'"
}
]
},
{
"component": "BIconSpeaker",
"auto-gen": "bootstrap-icons 1.2.2",
"props": [
{
"prop": "title",
"description": "Text content to place in the title",
"version": "2.17.0"
},
{
"prop": "variant",
"description": "Contextual color variant. By default the icon inherits the current text color"
},
{
"prop": "fontScale",
"description": "Scale the icons current font size"
},
{
"prop": "scale",
"description": "Scales the icon's SVG, without increasing the font size"
},
{
"prop": "rotate",
"description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise"
},
{
"prop": "flipH",
"description": "Flips the icon horizontally"
},
{
"prop": "flipV",
"description": "Flips the icon vertically"
},
{
"prop": "shiftH",
"description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units"
},
{
"prop": "shiftV",
"description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units"
},
{
"prop": "stacked",
"version": "2.3.0",
"description": "Set this prop to true when placing inside a BIconstack component"
},
{
"prop": "animation",
"version": "2.7.0",
"description": "Animate the icon. Supported built-in animations are 'cylon', 'fade', 'pulse', 'spin' and 'throb'"
}
]
},
{
"component": "BIconSpeakerFill",
"auto-gen": "bootstrap-icons 1.2.2",
"props": [
{
"prop": "title",
"description": "Text content to place in the title",
"version": "2.17.0"
},
{
"prop": "variant",
"description": "Contextual color variant. By default the icon inherits the current text color"
},
{
"prop": "fontScale",
"description": "Scale the icons current font size"
},
{
"prop": "scale",
"description": "Scales the icon's SVG, without increasing the font size"
},
{
"prop": "rotate",
"description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise"
},
{
"prop": "flipH",
"description": "Flips the icon horizontally"
},
{
"prop": "flipV",
"description": "Flips the icon vertically"
},
{
"prop": "shiftH",
"description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units"
},
{
"prop": "shiftV",
"description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units"
},
{
"prop": "stacked",
"version": "2.3.0",
"description": "Set this prop to true when placing inside a BIconstack component"
},
{
"prop": "animation",
"version": "2.7.0",
"description": "Animate the icon. Supported built-in animations are 'cylon', 'fade', 'pulse', 'spin' and 'throb'"
}
]
},
{
"component": "BIconSpellcheck",
"auto-gen": "bootstrap-icons 1.2.2",
"props": [
{
"prop": "title",
"description": "Text content to place in the title",
"version": "2.17.0"
},
{
"prop": "variant",
"description": "Contextual color variant. By default the icon inherits the current text color"
},
{
"prop": "fontScale",
"description": "Scale the icons current font size"
},
{
"prop": "scale",
"description": "Scales the icon's SVG, without increasing the font size"
},
{
"prop": "rotate",
"description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise"
},
{
"prop": "flipH",
"description": "Flips the icon horizontally"
},
{
"prop": "flipV",
"description": "Flips the icon vertically"
},
{
"prop": "shiftH",
"description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units"
},
{
"prop": "shiftV",
"description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units"
},
{
"prop": "stacked",
"version": "2.3.0",
"description": "Set this prop to true when placing inside a BIconstack component"
},
{
"prop": "animation",
"version": "2.7.0",
"description": "Animate the icon. Supported built-in animations are 'cylon', 'fade', 'pulse', 'spin' and 'throb'"
}
]
},
{
"component": "BIconSquare",
"auto-gen": "bootstrap-icons 1.2.2",
"props": [
{
"prop": "title",
"description": "Text content to place in the title",
"version": "2.17.0"
},
{
"prop": "variant",
"description": "Contextual color variant. By default the icon inherits the current text color"
},
{
"prop": "fontScale",
"description": "Scale the icons current font size"
},
{
"prop": "scale",
"description": "Scales the icon's SVG, without increasing the font size"
},
{
"prop": "rotate",
"description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise"
},
{
"prop": "flipH",
"description": "Flips the icon horizontally"
},
{
"prop": "flipV",
"description": "Flips the icon vertically"
},
{
"prop": "shiftH",
"description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units"
},
{
"prop": "shiftV",
"description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units"
},
{
"prop": "stacked",
"version": "2.3.0",
"description": "Set this prop to true when placing inside a BIconstack component"
},
{
"prop": "animation",
"version": "2.7.0",
"description": "Animate the icon. Supported built-in animations are 'cylon', 'fade', 'pulse', 'spin' and 'throb'"
}
]
},
{
"component": "BIconSquareFill",
"auto-gen": "bootstrap-icons 1.2.2",
"props": [
{
"prop": "title",
"description": "Text content to place in the title",
"version": "2.17.0"
},
{
"prop": "variant",
"description": "Contextual color variant. By default the icon inherits the current text color"
},
{
"prop": "fontScale",
"description": "Scale the icons current font size"
},
{
"prop": "scale",
"description": "Scales the icon's SVG, without increasing the font size"
},
{
"prop": "rotate",
"description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise"
},
{
"prop": "flipH",
"description": "Flips the icon horizontally"
},
{
"prop": "flipV",
"description": "Flips the icon vertically"
},
{
"prop": "shiftH",
"description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units"
},
{
"prop": "shiftV",
"description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units"
},
{
"prop": "stacked",
"version": "2.3.0",
"description": "Set this prop to true when placing inside a BIconstack component"
},
{
"prop": "animation",
"version": "2.7.0",
"description": "Animate the icon. Supported built-in animations are 'cylon', 'fade', 'pulse', 'spin' and 'throb'"
}
]
},
{
"component": "BIconSquareHalf",
"auto-gen": "bootstrap-icons 1.2.2",
"props": [
{
"prop": "title",
"description": "Text content to place in the title",
"version": "2.17.0"
},
{
"prop": "variant",
"description": "Contextual color variant. By default the icon inherits the current text color"
},
{
"prop": "fontScale",
"description": "Scale the icons current font size"
},
{
"prop": "scale",
"description": "Scales the icon's SVG, without increasing the font size"
},
{
"prop": "rotate",
"description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise"
},
{
"prop": "flipH",
"description": "Flips the icon horizontally"
},
{
"prop": "flipV",
"description": "Flips the icon vertically"
},
{
"prop": "shiftH",
"description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units"
},
{
"prop": "shiftV",
"description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units"
},
{
"prop": "stacked",
"version": "2.3.0",
"description": "Set this prop to true when placing inside a BIconstack component"
},
{
"prop": "animation",
"version": "2.7.0",
"description": "Animate the icon. Supported built-in animations are 'cylon', 'fade', 'pulse', 'spin' and 'throb'"
}
]
},
{
"component": "BIconStar",
"auto-gen": "bootstrap-icons 1.2.2",
"props": [
{
"prop": "title",
"description": "Text content to place in the title",
"version": "2.17.0"
},
{
"prop": "variant",
"description": "Contextual color variant. By default the icon inherits the current text color"
},
{
"prop": "fontScale",
"description": "Scale the icons current font size"
},
{
"prop": "scale",
"description": "Scales the icon's SVG, without increasing the font size"
},
{
"prop": "rotate",
"description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise"
},
{
"prop": "flipH",
"description": "Flips the icon horizontally"
},
{
"prop": "flipV",
"description": "Flips the icon vertically"
},
{
"prop": "shiftH",
"description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units"
},
{
"prop": "shiftV",
"description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units"
},
{
"prop": "stacked",
"version": "2.3.0",
"description": "Set this prop to true when placing inside a BIconstack component"
},
{
"prop": "animation",
"version": "2.7.0",
"description": "Animate the icon. Supported built-in animations are 'cylon', 'fade', 'pulse', 'spin' and 'throb'"
}
]
},
{
"component": "BIconStarFill",
"auto-gen": "bootstrap-icons 1.2.2",
"props": [
{
"prop": "title",
"description": "Text content to place in the title",
"version": "2.17.0"
},
{
"prop": "variant",
"description": "Contextual color variant. By default the icon inherits the current text color"
},
{
"prop": "fontScale",
"description": "Scale the icons current font size"
},
{
"prop": "scale",
"description": "Scales the icon's SVG, without increasing the font size"
},
{
"prop": "rotate",
"description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise"
},
{
"prop": "flipH",
"description": "Flips the icon horizontally"
},
{
"prop": "flipV",
"description": "Flips the icon vertically"
},
{
"prop": "shiftH",
"description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units"
},
{
"prop": "shiftV",
"description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units"
},
{
"prop": "stacked",
"version": "2.3.0",
"description": "Set this prop to true when placing inside a BIconstack component"
},
{
"prop": "animation",
"version": "2.7.0",
"description": "Animate the icon. Supported built-in animations are 'cylon', 'fade', 'pulse', 'spin' and 'throb'"
}
]
},
{
"component": "BIconStarHalf",
"auto-gen": "bootstrap-icons 1.2.2",
"props": [
{
"prop": "title",
"description": "Text content to place in the title",
"version": "2.17.0"
},
{
"prop": "variant",
"description": "Contextual color variant. By default the icon inherits the current text color"
},
{
"prop": "fontScale",
"description": "Scale the icons current font size"
},
{
"prop": "scale",
"description": "Scales the icon's SVG, without increasing the font size"
},
{
"prop": "rotate",
"description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise"
},
{
"prop": "flipH",
"description": "Flips the icon horizontally"
},
{
"prop": "flipV",
"description": "Flips the icon vertically"
},
{
"prop": "shiftH",
"description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units"
},
{
"prop": "shiftV",
"description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units"
},
{
"prop": "stacked",
"version": "2.3.0",
"description": "Set this prop to true when placing inside a BIconstack component"
},
{
"prop": "animation",
"version": "2.7.0",
"description": "Animate the icon. Supported built-in animations are 'cylon', 'fade', 'pulse', 'spin' and 'throb'"
}
]
},
{
"component": "BIconStickies",
"auto-gen": "bootstrap-icons 1.2.2",
"props": [
{
"prop": "title",
"description": "Text content to place in the title",
"version": "2.17.0"
},
{
"prop": "variant",
"description": "Contextual color variant. By default the icon inherits the current text color"
},
{
"prop": "fontScale",
"description": "Scale the icons current font size"
},
{
"prop": "scale",
"description": "Scales the icon's SVG, without increasing the font size"
},
{
"prop": "rotate",
"description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise"
},
{
"prop": "flipH",
"description": "Flips the icon horizontally"
},
{
"prop": "flipV",
"description": "Flips the icon vertically"
},
{
"prop": "shiftH",
"description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units"
},
{
"prop": "shiftV",
"description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units"
},
{
"prop": "stacked",
"version": "2.3.0",
"description": "Set this prop to true when placing inside a BIconstack component"
},
{
"prop": "animation",
"version": "2.7.0",
"description": "Animate the icon. Supported built-in animations are 'cylon', 'fade', 'pulse', 'spin' and 'throb'"
}
]
},
{
"component": "BIconStickiesFill",
"auto-gen": "bootstrap-icons 1.2.2",
"props": [
{
"prop": "title",
"description": "Text content to place in the title",
"version": "2.17.0"
},
{
"prop": "variant",
"description": "Contextual color variant. By default the icon inherits the current text color"
},
{
"prop": "fontScale",
"description": "Scale the icons current font size"
},
{
"prop": "scale",
"description": "Scales the icon's SVG, without increasing the font size"
},
{
"prop": "rotate",
"description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise"
},
{
"prop": "flipH",
"description": "Flips the icon horizontally"
},
{
"prop": "flipV",
"description": "Flips the icon vertically"
},
{
"prop": "shiftH",
"description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units"
},
{
"prop": "shiftV",
"description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units"
},
{
"prop": "stacked",
"version": "2.3.0",
"description": "Set this prop to true when placing inside a BIconstack component"
},
{
"prop": "animation",
"version": "2.7.0",
"description": "Animate the icon. Supported built-in animations are 'cylon', 'fade', 'pulse', 'spin' and 'throb'"
}
]
},
{
"component": "BIconSticky",
"auto-gen": "bootstrap-icons 1.2.2",
"props": [
{
"prop": "title",
"description": "Text content to place in the title",
"version": "2.17.0"
},
{
"prop": "variant",
"description": "Contextual color variant. By default the icon inherits the current text color"
},
{
"prop": "fontScale",
"description": "Scale the icons current font size"
},
{
"prop": "scale",
"description": "Scales the icon's SVG, without increasing the font size"
},
{
"prop": "rotate",
"description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise"
},
{
"prop": "flipH",
"description": "Flips the icon horizontally"
},
{
"prop": "flipV",
"description": "Flips the icon vertically"
},
{
"prop": "shiftH",
"description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units"
},
{
"prop": "shiftV",
"description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units"
},
{
"prop": "stacked",
"version": "2.3.0",
"description": "Set this prop to true when placing inside a BIconstack component"
},
{
"prop": "animation",
"version": "2.7.0",
"description": "Animate the icon. Supported built-in animations are 'cylon', 'fade', 'pulse', 'spin' and 'throb'"
}
]
},
{
"component": "BIconStickyFill",
"auto-gen": "bootstrap-icons 1.2.2",
"props": [
{
"prop": "title",
"description": "Text content to place in the title",
"version": "2.17.0"
},
{
"prop": "variant",
"description": "Contextual color variant. By default the icon inherits the current text color"
},
{
"prop": "fontScale",
"description": "Scale the icons current font size"
},
{
"prop": "scale",
"description": "Scales the icon's SVG, without increasing the font size"
},
{
"prop": "rotate",
"description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise"
},
{
"prop": "flipH",
"description": "Flips the icon horizontally"
},
{
"prop": "flipV",
"description": "Flips the icon vertically"
},
{
"prop": "shiftH",
"description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units"
},
{
"prop": "shiftV",
"description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units"
},
{
"prop": "stacked",
"version": "2.3.0",
"description": "Set this prop to true when placing inside a BIconstack component"
},
{
"prop": "animation",
"version": "2.7.0",
"description": "Animate the icon. Supported built-in animations are 'cylon', 'fade', 'pulse', 'spin' and 'throb'"
}
]
},
{
"component": "BIconStop",
"auto-gen": "bootstrap-icons 1.2.2",
"props": [
{
"prop": "title",
"description": "Text content to place in the title",
"version": "2.17.0"
},
{
"prop": "variant",
"description": "Contextual color variant. By default the icon inherits the current text color"
},
{
"prop": "fontScale",
"description": "Scale the icons current font size"
},
{
"prop": "scale",
"description": "Scales the icon's SVG, without increasing the font size"
},
{
"prop": "rotate",
"description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise"
},
{
"prop": "flipH",
"description": "Flips the icon horizontally"
},
{
"prop": "flipV",
"description": "Flips the icon vertically"
},
{
"prop": "shiftH",
"description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units"
},
{
"prop": "shiftV",
"description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units"
},
{
"prop": "stacked",
"version": "2.3.0",
"description": "Set this prop to true when placing inside a BIconstack component"
},
{
"prop": "animation",
"version": "2.7.0",
"description": "Animate the icon. Supported built-in animations are 'cylon', 'fade', 'pulse', 'spin' and 'throb'"
}
]
},
{
"component": "BIconStopBtn",
"auto-gen": "bootstrap-icons 1.2.2",
"props": [
{
"prop": "title",
"description": "Text content to place in the title",
"version": "2.17.0"
},
{
"prop": "variant",
"description": "Contextual color variant. By default the icon inherits the current text color"
},
{
"prop": "fontScale",
"description": "Scale the icons current font size"
},
{
"prop": "scale",
"description": "Scales the icon's SVG, without increasing the font size"
},
{
"prop": "rotate",
"description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise"
},
{
"prop": "flipH",
"description": "Flips the icon horizontally"
},
{
"prop": "flipV",
"description": "Flips the icon vertically"
},
{
"prop": "shiftH",
"description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units"
},
{
"prop": "shiftV",
"description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units"
},
{
"prop": "stacked",
"version": "2.3.0",
"description": "Set this prop to true when placing inside a BIconstack component"
},
{
"prop": "animation",
"version": "2.7.0",
"description": "Animate the icon. Supported built-in animations are 'cylon', 'fade', 'pulse', 'spin' and 'throb'"
}
]
},
{
"component": "BIconStopBtnFill",
"auto-gen": "bootstrap-icons 1.2.2",
"props": [
{
"prop": "title",
"description": "Text content to place in the title",
"version": "2.17.0"
},
{
"prop": "variant",
"description": "Contextual color variant. By default the icon inherits the current text color"
},
{
"prop": "fontScale",
"description": "Scale the icons current font size"
},
{
"prop": "scale",
"description": "Scales the icon's SVG, without increasing the font size"
},
{
"prop": "rotate",
"description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise"
},
{
"prop": "flipH",
"description": "Flips the icon horizontally"
},
{
"prop": "flipV",
"description": "Flips the icon vertically"
},
{
"prop": "shiftH",
"description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units"
},
{
"prop": "shiftV",
"description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units"
},
{
"prop": "stacked",
"version": "2.3.0",
"description": "Set this prop to true when placing inside a BIconstack component"
},
{
"prop": "animation",
"version": "2.7.0",
"description": "Animate the icon. Supported built-in animations are 'cylon', 'fade', 'pulse', 'spin' and 'throb'"
}
]
},
{
"component": "BIconStopCircle",
"auto-gen": "bootstrap-icons 1.2.2",
"props": [
{
"prop": "title",
"description": "Text content to place in the title",
"version": "2.17.0"
},
{
"prop": "variant",
"description": "Contextual color variant. By default the icon inherits the current text color"
},
{
"prop": "fontScale",
"description": "Scale the icons current font size"
},
{
"prop": "scale",
"description": "Scales the icon's SVG, without increasing the font size"
},
{
"prop": "rotate",
"description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise"
},
{
"prop": "flipH",
"description": "Flips the icon horizontally"
},
{
"prop": "flipV",
"description": "Flips the icon vertically"
},
{
"prop": "shiftH",
"description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units"
},
{
"prop": "shiftV",
"description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units"
},
{
"prop": "stacked",
"version": "2.3.0",
"description": "Set this prop to true when placing inside a BIconstack component"
},
{
"prop": "animation",
"version": "2.7.0",
"description": "Animate the icon. Supported built-in animations are 'cylon', 'fade', 'pulse', 'spin' and 'throb'"
}
]
},
{
"component": "BIconStopCircleFill",
"auto-gen": "bootstrap-icons 1.2.2",
"props": [
{
"prop": "title",
"description": "Text content to place in the title",
"version": "2.17.0"
},
{
"prop": "variant",
"description": "Contextual color variant. By default the icon inherits the current text color"
},
{
"prop": "fontScale",
"description": "Scale the icons current font size"
},
{
"prop": "scale",
"description": "Scales the icon's SVG, without increasing the font size"
},
{
"prop": "rotate",
"description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise"
},
{
"prop": "flipH",
"description": "Flips the icon horizontally"
},
{
"prop": "flipV",
"description": "Flips the icon vertically"
},
{
"prop": "shiftH",
"description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units"
},
{
"prop": "shiftV",
"description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units"
},
{
"prop": "stacked",
"version": "2.3.0",
"description": "Set this prop to true when placing inside a BIconstack component"
},
{
"prop": "animation",
"version": "2.7.0",
"description": "Animate the icon. Supported built-in animations are 'cylon', 'fade', 'pulse', 'spin' and 'throb'"
}
]
},
{
"component": "BIconStopFill",
"auto-gen": "bootstrap-icons 1.2.2",
"props": [
{
"prop": "title",
"description": "Text content to place in the title",
"version": "2.17.0"
},
{
"prop": "variant",
"description": "Contextual color variant. By default the icon inherits the current text color"
},
{
"prop": "fontScale",
"description": "Scale the icons current font size"
},
{
"prop": "scale",
"description": "Scales the icon's SVG, without increasing the font size"
},
{
"prop": "rotate",
"description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise"
},
{
"prop": "flipH",
"description": "Flips the icon horizontally"
},
{
"prop": "flipV",
"description": "Flips the icon vertically"
},
{
"prop": "shiftH",
"description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units"
},
{
"prop": "shiftV",
"description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units"
},
{
"prop": "stacked",
"version": "2.3.0",
"description": "Set this prop to true when placing inside a BIconstack component"
},
{
"prop": "animation",
"version": "2.7.0",
"description": "Animate the icon. Supported built-in animations are 'cylon', 'fade', 'pulse', 'spin' and 'throb'"
}
]
},
{
"component": "BIconStoplights",
"auto-gen": "bootstrap-icons 1.2.2",
"props": [
{
"prop": "title",
"description": "Text content to place in the title",
"version": "2.17.0"
},
{
"prop": "variant",
"description": "Contextual color variant. By default the icon inherits the current text color"
},
{
"prop": "fontScale",
"description": "Scale the icons current font size"
},
{
"prop": "scale",
"description": "Scales the icon's SVG, without increasing the font size"
},
{
"prop": "rotate",
"description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise"
},
{
"prop": "flipH",
"description": "Flips the icon horizontally"
},
{
"prop": "flipV",
"description": "Flips the icon vertically"
},
{
"prop": "shiftH",
"description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units"
},
{
"prop": "shiftV",
"description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units"
},
{
"prop": "stacked",
"version": "2.3.0",
"description": "Set this prop to true when placing inside a BIconstack component"
},
{
"prop": "animation",
"version": "2.7.0",
"description": "Animate the icon. Supported built-in animations are 'cylon', 'fade', 'pulse', 'spin' and 'throb'"
}
]
},
{
"component": "BIconStoplightsFill",
"auto-gen": "bootstrap-icons 1.2.2",
"props": [
{
"prop": "title",
"description": "Text content to place in the title",
"version": "2.17.0"
},
{
"prop": "variant",
"description": "Contextual color variant. By default the icon inherits the current text color"
},
{
"prop": "fontScale",
"description": "Scale the icons current font size"
},
{
"prop": "scale",
"description": "Scales the icon's SVG, without increasing the font size"
},
{
"prop": "rotate",
"description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise"
},
{
"prop": "flipH",
"description": "Flips the icon horizontally"
},
{
"prop": "flipV",
"description": "Flips the icon vertically"
},
{
"prop": "shiftH",
"description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units"
},
{
"prop": "shiftV",
"description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units"
},
{
"prop": "stacked",
"version": "2.3.0",
"description": "Set this prop to true when placing inside a BIconstack component"
},
{
"prop": "animation",
"version": "2.7.0",
"description": "Animate the icon. Supported built-in animations are 'cylon', 'fade', 'pulse', 'spin' and 'throb'"
}
]
},
{
"component": "BIconStopwatch",
"auto-gen": "bootstrap-icons 1.2.2",
"props": [
{
"prop": "title",
"description": "Text content to place in the title",
"version": "2.17.0"
},
{
"prop": "variant",
"description": "Contextual color variant. By default the icon inherits the current text color"
},
{
"prop": "fontScale",
"description": "Scale the icons current font size"
},
{
"prop": "scale",
"description": "Scales the icon's SVG, without increasing the font size"
},
{
"prop": "rotate",
"description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise"
},
{
"prop": "flipH",
"description": "Flips the icon horizontally"
},
{
"prop": "flipV",
"description": "Flips the icon vertically"
},
{
"prop": "shiftH",
"description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units"
},
{
"prop": "shiftV",
"description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units"
},
{
"prop": "stacked",
"version": "2.3.0",
"description": "Set this prop to true when placing inside a BIconstack component"
},
{
"prop": "animation",
"version": "2.7.0",
"description": "Animate the icon. Supported built-in animations are 'cylon', 'fade', 'pulse', 'spin' and 'throb'"
}
]
},
{
"component": "BIconStopwatchFill",
"auto-gen": "bootstrap-icons 1.2.2",
"props": [
{
"prop": "title",
"description": "Text content to place in the title",
"version": "2.17.0"
},
{
"prop": "variant",
"description": "Contextual color variant. By default the icon inherits the current text color"
},
{
"prop": "fontScale",
"description": "Scale the icons current font size"
},
{
"prop": "scale",
"description": "Scales the icon's SVG, without increasing the font size"
},
{
"prop": "rotate",
"description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise"
},
{
"prop": "flipH",
"description": "Flips the icon horizontally"
},
{
"prop": "flipV",
"description": "Flips the icon vertically"
},
{
"prop": "shiftH",
"description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units"
},
{
"prop": "shiftV",
"description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units"
},
{
"prop": "stacked",
"version": "2.3.0",
"description": "Set this prop to true when placing inside a BIconstack component"
},
{
"prop": "animation",
"version": "2.7.0",
"description": "Animate the icon. Supported built-in animations are 'cylon', 'fade', 'pulse', 'spin' and 'throb'"
}
]
},
{
"component": "BIconSubtract",
"auto-gen": "bootstrap-icons 1.2.2",
"props": [
{
"prop": "title",
"description": "Text content to place in the title",
"version": "2.17.0"
},
{
"prop": "variant",
"description": "Contextual color variant. By default the icon inherits the current text color"
},
{
"prop": "fontScale",
"description": "Scale the icons current font size"
},
{
"prop": "scale",
"description": "Scales the icon's SVG, without increasing the font size"
},
{
"prop": "rotate",
"description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise"
},
{
"prop": "flipH",
"description": "Flips the icon horizontally"
},
{
"prop": "flipV",
"description": "Flips the icon vertically"
},
{
"prop": "shiftH",
"description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units"
},
{
"prop": "shiftV",
"description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units"
},
{
"prop": "stacked",
"version": "2.3.0",
"description": "Set this prop to true when placing inside a BIconstack component"
},
{
"prop": "animation",
"version": "2.7.0",
"description": "Animate the icon. Supported built-in animations are 'cylon', 'fade', 'pulse', 'spin' and 'throb'"
}
]
},
{
"component": "BIconSuitClub",
"auto-gen": "bootstrap-icons 1.2.2",
"props": [
{
"prop": "title",
"description": "Text content to place in the title",
"version": "2.17.0"
},
{
"prop": "variant",
"description": "Contextual color variant. By default the icon inherits the current text color"
},
{
"prop": "fontScale",
"description": "Scale the icons current font size"
},
{
"prop": "scale",
"description": "Scales the icon's SVG, without increasing the font size"
},
{
"prop": "rotate",
"description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise"
},
{
"prop": "flipH",
"description": "Flips the icon horizontally"
},
{
"prop": "flipV",
"description": "Flips the icon vertically"
},
{
"prop": "shiftH",
"description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units"
},
{
"prop": "shiftV",
"description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units"
},
{
"prop": "stacked",
"version": "2.3.0",
"description": "Set this prop to true when placing inside a BIconstack component"
},
{
"prop": "animation",
"version": "2.7.0",
"description": "Animate the icon. Supported built-in animations are 'cylon', 'fade', 'pulse', 'spin' and 'throb'"
}
]
},
{
"component": "BIconSuitClubFill",
"auto-gen": "bootstrap-icons 1.2.2",
"props": [
{
"prop": "title",
"description": "Text content to place in the title",
"version": "2.17.0"
},
{
"prop": "variant",
"description": "Contextual color variant. By default the icon inherits the current text color"
},
{
"prop": "fontScale",
"description": "Scale the icons current font size"
},
{
"prop": "scale",
"description": "Scales the icon's SVG, without increasing the font size"
},
{
"prop": "rotate",
"description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise"
},
{
"prop": "flipH",
"description": "Flips the icon horizontally"
},
{
"prop": "flipV",
"description": "Flips the icon vertically"
},
{
"prop": "shiftH",
"description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units"
},
{
"prop": "shiftV",
"description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units"
},
{
"prop": "stacked",
"version": "2.3.0",
"description": "Set this prop to true when placing inside a BIconstack component"
},
{
"prop": "animation",
"version": "2.7.0",
"description": "Animate the icon. Supported built-in animations are 'cylon', 'fade', 'pulse', 'spin' and 'throb'"
}
]
},
{
"component": "BIconSuitDiamond",
"auto-gen": "bootstrap-icons 1.2.2",
"props": [
{
"prop": "title",
"description": "Text content to place in the title",
"version": "2.17.0"
},
{
"prop": "variant",
"description": "Contextual color variant. By default the icon inherits the current text color"
},
{
"prop": "fontScale",
"description": "Scale the icons current font size"
},
{
"prop": "scale",
"description": "Scales the icon's SVG, without increasing the font size"
},
{
"prop": "rotate",
"description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise"
},
{
"prop": "flipH",
"description": "Flips the icon horizontally"
},
{
"prop": "flipV",
"description": "Flips the icon vertically"
},
{
"prop": "shiftH",
"description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units"
},
{
"prop": "shiftV",
"description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units"
},
{
"prop": "stacked",
"version": "2.3.0",
"description": "Set this prop to true when placing inside a BIconstack component"
},
{
"prop": "animation",
"version": "2.7.0",
"description": "Animate the icon. Supported built-in animations are 'cylon', 'fade', 'pulse', 'spin' and 'throb'"
}
]
},
{
"component": "BIconSuitDiamondFill",
"auto-gen": "bootstrap-icons 1.2.2",
"props": [
{
"prop": "title",
"description": "Text content to place in the title",
"version": "2.17.0"
},
{
"prop": "variant",
"description": "Contextual color variant. By default the icon inherits the current text color"
},
{
"prop": "fontScale",
"description": "Scale the icons current font size"
},
{
"prop": "scale",
"description": "Scales the icon's SVG, without increasing the font size"
},
{
"prop": "rotate",
"description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise"
},
{
"prop": "flipH",
"description": "Flips the icon horizontally"
},
{
"prop": "flipV",
"description": "Flips the icon vertically"
},
{
"prop": "shiftH",
"description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units"
},
{
"prop": "shiftV",
"description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units"
},
{
"prop": "stacked",
"version": "2.3.0",
"description": "Set this prop to true when placing inside a BIconstack component"
},
{
"prop": "animation",
"version": "2.7.0",
"description": "Animate the icon. Supported built-in animations are 'cylon', 'fade', 'pulse', 'spin' and 'throb'"
}
]
},
{
"component": "BIconSuitHeart",
"auto-gen": "bootstrap-icons 1.2.2",
"props": [
{
"prop": "title",
"description": "Text content to place in the title",
"version": "2.17.0"
},
{
"prop": "variant",
"description": "Contextual color variant. By default the icon inherits the current text color"
},
{
"prop": "fontScale",
"description": "Scale the icons current font size"
},
{
"prop": "scale",
"description": "Scales the icon's SVG, without increasing the font size"
},
{
"prop": "rotate",
"description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise"
},
{
"prop": "flipH",
"description": "Flips the icon horizontally"
},
{
"prop": "flipV",
"description": "Flips the icon vertically"
},
{
"prop": "shiftH",
"description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units"
},
{
"prop": "shiftV",
"description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units"
},
{
"prop": "stacked",
"version": "2.3.0",
"description": "Set this prop to true when placing inside a BIconstack component"
},
{
"prop": "animation",
"version": "2.7.0",
"description": "Animate the icon. Supported built-in animations are 'cylon', 'fade', 'pulse', 'spin' and 'throb'"
}
]
},
{
"component": "BIconSuitHeartFill",
"auto-gen": "bootstrap-icons 1.2.2",
"props": [
{
"prop": "title",
"description": "Text content to place in the title",
"version": "2.17.0"
},
{
"prop": "variant",
"description": "Contextual color variant. By default the icon inherits the current text color"
},
{
"prop": "fontScale",
"description": "Scale the icons current font size"
},
{
"prop": "scale",
"description": "Scales the icon's SVG, without increasing the font size"
},
{
"prop": "rotate",
"description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise"
},
{
"prop": "flipH",
"description": "Flips the icon horizontally"
},
{
"prop": "flipV",
"description": "Flips the icon vertically"
},
{
"prop": "shiftH",
"description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units"
},
{
"prop": "shiftV",
"description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units"
},
{
"prop": "stacked",
"version": "2.3.0",
"description": "Set this prop to true when placing inside a BIconstack component"
},
{
"prop": "animation",
"version": "2.7.0",
"description": "Animate the icon. Supported built-in animations are 'cylon', 'fade', 'pulse', 'spin' and 'throb'"
}
]
},
{
"component": "BIconSuitSpade",
"auto-gen": "bootstrap-icons 1.2.2",
"props": [
{
"prop": "title",
"description": "Text content to place in the title",
"version": "2.17.0"
},
{
"prop": "variant",
"description": "Contextual color variant. By default the icon inherits the current text color"
},
{
"prop": "fontScale",
"description": "Scale the icons current font size"
},
{
"prop": "scale",
"description": "Scales the icon's SVG, without increasing the font size"
},
{
"prop": "rotate",
"description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise"
},
{
"prop": "flipH",
"description": "Flips the icon horizontally"
},
{
"prop": "flipV",
"description": "Flips the icon vertically"
},
{
"prop": "shiftH",
"description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units"
},
{
"prop": "shiftV",
"description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units"
},
{
"prop": "stacked",
"version": "2.3.0",
"description": "Set this prop to true when placing inside a BIconstack component"
},
{
"prop": "animation",
"version": "2.7.0",
"description": "Animate the icon. Supported built-in animations are 'cylon', 'fade', 'pulse', 'spin' and 'throb'"
}
]
},
{
"component": "BIconSuitSpadeFill",
"auto-gen": "bootstrap-icons 1.2.2",
"props": [
{
"prop": "title",
"description": "Text content to place in the title",
"version": "2.17.0"
},
{
"prop": "variant",
"description": "Contextual color variant. By default the icon inherits the current text color"
},
{
"prop": "fontScale",
"description": "Scale the icons current font size"
},
{
"prop": "scale",
"description": "Scales the icon's SVG, without increasing the font size"
},
{
"prop": "rotate",
"description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise"
},
{
"prop": "flipH",
"description": "Flips the icon horizontally"
},
{
"prop": "flipV",
"description": "Flips the icon vertically"
},
{
"prop": "shiftH",
"description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units"
},
{
"prop": "shiftV",
"description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units"
},
{
"prop": "stacked",
"version": "2.3.0",
"description": "Set this prop to true when placing inside a BIconstack component"
},
{
"prop": "animation",
"version": "2.7.0",
"description": "Animate the icon. Supported built-in animations are 'cylon', 'fade', 'pulse', 'spin' and 'throb'"
}
]
},
{
"component": "BIconSun",
"auto-gen": "bootstrap-icons 1.2.2",
"props": [
{
"prop": "title",
"description": "Text content to place in the title",
"version": "2.17.0"
},
{
"prop": "variant",
"description": "Contextual color variant. By default the icon inherits the current text color"
},
{
"prop": "fontScale",
"description": "Scale the icons current font size"
},
{
"prop": "scale",
"description": "Scales the icon's SVG, without increasing the font size"
},
{
"prop": "rotate",
"description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise"
},
{
"prop": "flipH",
"description": "Flips the icon horizontally"
},
{
"prop": "flipV",
"description": "Flips the icon vertically"
},
{
"prop": "shiftH",
"description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units"
},
{
"prop": "shiftV",
"description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units"
},
{
"prop": "stacked",
"version": "2.3.0",
"description": "Set this prop to true when placing inside a BIconstack component"
},
{
"prop": "animation",
"version": "2.7.0",
"description": "Animate the icon. Supported built-in animations are 'cylon', 'fade', 'pulse', 'spin' and 'throb'"
}
]
},
{
"component": "BIconSunglasses",
"auto-gen": "bootstrap-icons 1.2.2",
"props": [
{
"prop": "title",
"description": "Text content to place in the title",
"version": "2.17.0"
},
{
"prop": "variant",
"description": "Contextual color variant. By default the icon inherits the current text color"
},
{
"prop": "fontScale",
"description": "Scale the icons current font size"
},
{
"prop": "scale",
"description": "Scales the icon's SVG, without increasing the font size"
},
{
"prop": "rotate",
"description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise"
},
{
"prop": "flipH",
"description": "Flips the icon horizontally"
},
{
"prop": "flipV",
"description": "Flips the icon vertically"
},
{
"prop": "shiftH",
"description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units"
},
{
"prop": "shiftV",
"description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units"
},
{
"prop": "stacked",
"version": "2.3.0",
"description": "Set this prop to true when placing inside a BIconstack component"
},
{
"prop": "animation",
"version": "2.7.0",
"description": "Animate the icon. Supported built-in animations are 'cylon', 'fade', 'pulse', 'spin' and 'throb'"
}
]
},
{
"component": "BIconTable",
"auto-gen": "bootstrap-icons 1.2.2",
"props": [
{
"prop": "title",
"description": "Text content to place in the title",
"version": "2.17.0"
},
{
"prop": "variant",
"description": "Contextual color variant. By default the icon inherits the current text color"
},
{
"prop": "fontScale",
"description": "Scale the icons current font size"
},
{
"prop": "scale",
"description": "Scales the icon's SVG, without increasing the font size"
},
{
"prop": "rotate",
"description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise"
},
{
"prop": "flipH",
"description": "Flips the icon horizontally"
},
{
"prop": "flipV",
"description": "Flips the icon vertically"
},
{
"prop": "shiftH",
"description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units"
},
{
"prop": "shiftV",
"description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units"
},
{
"prop": "stacked",
"version": "2.3.0",
"description": "Set this prop to true when placing inside a BIconstack component"
},
{
"prop": "animation",
"version": "2.7.0",
"description": "Animate the icon. Supported built-in animations are 'cylon', 'fade', 'pulse', 'spin' and 'throb'"
}
]
},
{
"component": "BIconTablet",
"auto-gen": "bootstrap-icons 1.2.2",
"props": [
{
"prop": "title",
"description": "Text content to place in the title",
"version": "2.17.0"
},
{
"prop": "variant",
"description": "Contextual color variant. By default the icon inherits the current text color"
},
{
"prop": "fontScale",
"description": "Scale the icons current font size"
},
{
"prop": "scale",
"description": "Scales the icon's SVG, without increasing the font size"
},
{
"prop": "rotate",
"description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise"
},
{
"prop": "flipH",
"description": "Flips the icon horizontally"
},
{
"prop": "flipV",
"description": "Flips the icon vertically"
},
{
"prop": "shiftH",
"description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units"
},
{
"prop": "shiftV",
"description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units"
},
{
"prop": "stacked",
"version": "2.3.0",
"description": "Set this prop to true when placing inside a BIconstack component"
},
{
"prop": "animation",
"version": "2.7.0",
"description": "Animate the icon. Supported built-in animations are 'cylon', 'fade', 'pulse', 'spin' and 'throb'"
}
]
},
{
"component": "BIconTabletFill",
"auto-gen": "bootstrap-icons 1.2.2",
"props": [
{
"prop": "title",
"description": "Text content to place in the title",
"version": "2.17.0"
},
{
"prop": "variant",
"description": "Contextual color variant. By default the icon inherits the current text color"
},
{
"prop": "fontScale",
"description": "Scale the icons current font size"
},
{
"prop": "scale",
"description": "Scales the icon's SVG, without increasing the font size"
},
{
"prop": "rotate",
"description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise"
},
{
"prop": "flipH",
"description": "Flips the icon horizontally"
},
{
"prop": "flipV",
"description": "Flips the icon vertically"
},
{
"prop": "shiftH",
"description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units"
},
{
"prop": "shiftV",
"description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units"
},
{
"prop": "stacked",
"version": "2.3.0",
"description": "Set this prop to true when placing inside a BIconstack component"
},
{
"prop": "animation",
"version": "2.7.0",
"description": "Animate the icon. Supported built-in animations are 'cylon', 'fade', 'pulse', 'spin' and 'throb'"
}
]
},
{
"component": "BIconTabletLandscape",
"auto-gen": "bootstrap-icons 1.2.2",
"props": [
{
"prop": "title",
"description": "Text content to place in the title",
"version": "2.17.0"
},
{
"prop": "variant",
"description": "Contextual color variant. By default the icon inherits the current text color"
},
{
"prop": "fontScale",
"description": "Scale the icons current font size"
},
{
"prop": "scale",
"description": "Scales the icon's SVG, without increasing the font size"
},
{
"prop": "rotate",
"description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise"
},
{
"prop": "flipH",
"description": "Flips the icon horizontally"
},
{
"prop": "flipV",
"description": "Flips the icon vertically"
},
{
"prop": "shiftH",
"description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units"
},
{
"prop": "shiftV",
"description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units"
},
{
"prop": "stacked",
"version": "2.3.0",
"description": "Set this prop to true when placing inside a BIconstack component"
},
{
"prop": "animation",
"version": "2.7.0",
"description": "Animate the icon. Supported built-in animations are 'cylon', 'fade', 'pulse', 'spin' and 'throb'"
}
]
},
{
"component": "BIconTabletLandscapeFill",
"auto-gen": "bootstrap-icons 1.2.2",
"props": [
{
"prop": "title",
"description": "Text content to place in the title",
"version": "2.17.0"
},
{
"prop": "variant",
"description": "Contextual color variant. By default the icon inherits the current text color"
},
{
"prop": "fontScale",
"description": "Scale the icons current font size"
},
{
"prop": "scale",
"description": "Scales the icon's SVG, without increasing the font size"
},
{
"prop": "rotate",
"description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise"
},
{
"prop": "flipH",
"description": "Flips the icon horizontally"
},
{
"prop": "flipV",
"description": "Flips the icon vertically"
},
{
"prop": "shiftH",
"description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units"
},
{
"prop": "shiftV",
"description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units"
},
{
"prop": "stacked",
"version": "2.3.0",
"description": "Set this prop to true when placing inside a BIconstack component"
},
{
"prop": "animation",
"version": "2.7.0",
"description": "Animate the icon. Supported built-in animations are 'cylon', 'fade', 'pulse', 'spin' and 'throb'"
}
]
},
{
"component": "BIconTag",
"auto-gen": "bootstrap-icons 1.2.2",
"props": [
{
"prop": "title",
"description": "Text content to place in the title",
"version": "2.17.0"
},
{
"prop": "variant",
"description": "Contextual color variant. By default the icon inherits the current text color"
},
{
"prop": "fontScale",
"description": "Scale the icons current font size"
},
{
"prop": "scale",
"description": "Scales the icon's SVG, without increasing the font size"
},
{
"prop": "rotate",
"description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise"
},
{
"prop": "flipH",
"description": "Flips the icon horizontally"
},
{
"prop": "flipV",
"description": "Flips the icon vertically"
},
{
"prop": "shiftH",
"description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units"
},
{
"prop": "shiftV",
"description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units"
},
{
"prop": "stacked",
"version": "2.3.0",
"description": "Set this prop to true when placing inside a BIconstack component"
},
{
"prop": "animation",
"version": "2.7.0",
"description": "Animate the icon. Supported built-in animations are 'cylon', 'fade', 'pulse', 'spin' and 'throb'"
}
]
},
{
"component": "BIconTagFill",
"auto-gen": "bootstrap-icons 1.2.2",
"props": [
{
"prop": "title",
"description": "Text content to place in the title",
"version": "2.17.0"
},
{
"prop": "variant",
"description": "Contextual color variant. By default the icon inherits the current text color"
},
{
"prop": "fontScale",
"description": "Scale the icons current font size"
},
{
"prop": "scale",
"description": "Scales the icon's SVG, without increasing the font size"
},
{
"prop": "rotate",
"description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise"
},
{
"prop": "flipH",
"description": "Flips the icon horizontally"
},
{
"prop": "flipV",
"description": "Flips the icon vertically"
},
{
"prop": "shiftH",
"description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units"
},
{
"prop": "shiftV",
"description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units"
},
{
"prop": "stacked",
"version": "2.3.0",
"description": "Set this prop to true when placing inside a BIconstack component"
},
{
"prop": "animation",
"version": "2.7.0",
"description": "Animate the icon. Supported built-in animations are 'cylon', 'fade', 'pulse', 'spin' and 'throb'"
}
]
},
{
"component": "BIconTags",
"auto-gen": "bootstrap-icons 1.2.2",
"props": [
{
"prop": "title",
"description": "Text content to place in the title",
"version": "2.17.0"
},
{
"prop": "variant",
"description": "Contextual color variant. By default the icon inherits the current text color"
},
{
"prop": "fontScale",
"description": "Scale the icons current font size"
},
{
"prop": "scale",
"description": "Scales the icon's SVG, without increasing the font size"
},
{
"prop": "rotate",
"description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise"
},
{
"prop": "flipH",
"description": "Flips the icon horizontally"
},
{
"prop": "flipV",
"description": "Flips the icon vertically"
},
{
"prop": "shiftH",
"description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units"
},
{
"prop": "shiftV",
"description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units"
},
{
"prop": "stacked",
"version": "2.3.0",
"description": "Set this prop to true when placing inside a BIconstack component"
},
{
"prop": "animation",
"version": "2.7.0",
"description": "Animate the icon. Supported built-in animations are 'cylon', 'fade', 'pulse', 'spin' and 'throb'"
}
]
},
{
"component": "BIconTagsFill",
"auto-gen": "bootstrap-icons 1.2.2",
"props": [
{
"prop": "title",
"description": "Text content to place in the title",
"version": "2.17.0"
},
{
"prop": "variant",
"description": "Contextual color variant. By default the icon inherits the current text color"
},
{
"prop": "fontScale",
"description": "Scale the icons current font size"
},
{
"prop": "scale",
"description": "Scales the icon's SVG, without increasing the font size"
},
{
"prop": "rotate",
"description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise"
},
{
"prop": "flipH",
"description": "Flips the icon horizontally"
},
{
"prop": "flipV",
"description": "Flips the icon vertically"
},
{
"prop": "shiftH",
"description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units"
},
{
"prop": "shiftV",
"description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units"
},
{
"prop": "stacked",
"version": "2.3.0",
"description": "Set this prop to true when placing inside a BIconstack component"
},
{
"prop": "animation",
"version": "2.7.0",
"description": "Animate the icon. Supported built-in animations are 'cylon', 'fade', 'pulse', 'spin' and 'throb'"
}
]
},
{
"component": "BIconTelephone",
"auto-gen": "bootstrap-icons 1.2.2",
"props": [
{
"prop": "title",
"description": "Text content to place in the title",
"version": "2.17.0"
},
{
"prop": "variant",
"description": "Contextual color variant. By default the icon inherits the current text color"
},
{
"prop": "fontScale",
"description": "Scale the icons current font size"
},
{
"prop": "scale",
"description": "Scales the icon's SVG, without increasing the font size"
},
{
"prop": "rotate",
"description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise"
},
{
"prop": "flipH",
"description": "Flips the icon horizontally"
},
{
"prop": "flipV",
"description": "Flips the icon vertically"
},
{
"prop": "shiftH",
"description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units"
},
{
"prop": "shiftV",
"description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units"
},
{
"prop": "stacked",
"version": "2.3.0",
"description": "Set this prop to true when placing inside a BIconstack component"
},
{
"prop": "animation",
"version": "2.7.0",
"description": "Animate the icon. Supported built-in animations are 'cylon', 'fade', 'pulse', 'spin' and 'throb'"
}
]
},
{
"component": "BIconTelephoneFill",
"auto-gen": "bootstrap-icons 1.2.2",
"props": [
{
"prop": "title",
"description": "Text content to place in the title",
"version": "2.17.0"
},
{
"prop": "variant",
"description": "Contextual color variant. By default the icon inherits the current text color"
},
{
"prop": "fontScale",
"description": "Scale the icons current font size"
},
{
"prop": "scale",
"description": "Scales the icon's SVG, without increasing the font size"
},
{
"prop": "rotate",
"description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise"
},
{
"prop": "flipH",
"description": "Flips the icon horizontally"
},
{
"prop": "flipV",
"description": "Flips the icon vertically"
},
{
"prop": "shiftH",
"description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units"
},
{
"prop": "shiftV",
"description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units"
},
{
"prop": "stacked",
"version": "2.3.0",
"description": "Set this prop to true when placing inside a BIconstack component"
},
{
"prop": "animation",
"version": "2.7.0",
"description": "Animate the icon. Supported built-in animations are 'cylon', 'fade', 'pulse', 'spin' and 'throb'"
}
]
},
{
"component": "BIconTelephoneForward",
"auto-gen": "bootstrap-icons 1.2.2",
"props": [
{
"prop": "title",
"description": "Text content to place in the title",
"version": "2.17.0"
},
{
"prop": "variant",
"description": "Contextual color variant. By default the icon inherits the current text color"
},
{
"prop": "fontScale",
"description": "Scale the icons current font size"
},
{
"prop": "scale",
"description": "Scales the icon's SVG, without increasing the font size"
},
{
"prop": "rotate",
"description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise"
},
{
"prop": "flipH",
"description": "Flips the icon horizontally"
},
{
"prop": "flipV",
"description": "Flips the icon vertically"
},
{
"prop": "shiftH",
"description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units"
},
{
"prop": "shiftV",
"description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units"
},
{
"prop": "stacked",
"version": "2.3.0",
"description": "Set this prop to true when placing inside a BIconstack component"
},
{
"prop": "animation",
"version": "2.7.0",
"description": "Animate the icon. Supported built-in animations are 'cylon', 'fade', 'pulse', 'spin' and 'throb'"
}
]
},
{
"component": "BIconTelephoneForwardFill",
"auto-gen": "bootstrap-icons 1.2.2",
"props": [
{
"prop": "title",
"description": "Text content to place in the title",
"version": "2.17.0"
},
{
"prop": "variant",
"description": "Contextual color variant. By default the icon inherits the current text color"
},
{
"prop": "fontScale",
"description": "Scale the icons current font size"
},
{
"prop": "scale",
"description": "Scales the icon's SVG, without increasing the font size"
},
{
"prop": "rotate",
"description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise"
},
{
"prop": "flipH",
"description": "Flips the icon horizontally"
},
{
"prop": "flipV",
"description": "Flips the icon vertically"
},
{
"prop": "shiftH",
"description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units"
},
{
"prop": "shiftV",
"description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units"
},
{
"prop": "stacked",
"version": "2.3.0",
"description": "Set this prop to true when placing inside a BIconstack component"
},
{
"prop": "animation",
"version": "2.7.0",
"description": "Animate the icon. Supported built-in animations are 'cylon', 'fade', 'pulse', 'spin' and 'throb'"
}
]
},
{
"component": "BIconTelephoneInbound",
"auto-gen": "bootstrap-icons 1.2.2",
"props": [
{
"prop": "title",
"description": "Text content to place in the title",
"version": "2.17.0"
},
{
"prop": "variant",
"description": "Contextual color variant. By default the icon inherits the current text color"
},
{
"prop": "fontScale",
"description": "Scale the icons current font size"
},
{
"prop": "scale",
"description": "Scales the icon's SVG, without increasing the font size"
},
{
"prop": "rotate",
"description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise"
},
{
"prop": "flipH",
"description": "Flips the icon horizontally"
},
{
"prop": "flipV",
"description": "Flips the icon vertically"
},
{
"prop": "shiftH",
"description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units"
},
{
"prop": "shiftV",
"description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units"
},
{
"prop": "stacked",
"version": "2.3.0",
"description": "Set this prop to true when placing inside a BIconstack component"
},
{
"prop": "animation",
"version": "2.7.0",
"description": "Animate the icon. Supported built-in animations are 'cylon', 'fade', 'pulse', 'spin' and 'throb'"
}
]
},
{
"component": "BIconTelephoneInboundFill",
"auto-gen": "bootstrap-icons 1.2.2",
"props": [
{
"prop": "title",
"description": "Text content to place in the title",
"version": "2.17.0"
},
{
"prop": "variant",
"description": "Contextual color variant. By default the icon inherits the current text color"
},
{
"prop": "fontScale",
"description": "Scale the icons current font size"
},
{
"prop": "scale",
"description": "Scales the icon's SVG, without increasing the font size"
},
{
"prop": "rotate",
"description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise"
},
{
"prop": "flipH",
"description": "Flips the icon horizontally"
},
{
"prop": "flipV",
"description": "Flips the icon vertically"
},
{
"prop": "shiftH",
"description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units"
},
{
"prop": "shiftV",
"description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units"
},
{
"prop": "stacked",
"version": "2.3.0",
"description": "Set this prop to true when placing inside a BIconstack component"
},
{
"prop": "animation",
"version": "2.7.0",
"description": "Animate the icon. Supported built-in animations are 'cylon', 'fade', 'pulse', 'spin' and 'throb'"
}
]
},
{
"component": "BIconTelephoneMinus",
"auto-gen": "bootstrap-icons 1.2.2",
"props": [
{
"prop": "title",
"description": "Text content to place in the title",
"version": "2.17.0"
},
{
"prop": "variant",
"description": "Contextual color variant. By default the icon inherits the current text color"
},
{
"prop": "fontScale",
"description": "Scale the icons current font size"
},
{
"prop": "scale",
"description": "Scales the icon's SVG, without increasing the font size"
},
{
"prop": "rotate",
"description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise"
},
{
"prop": "flipH",
"description": "Flips the icon horizontally"
},
{
"prop": "flipV",
"description": "Flips the icon vertically"
},
{
"prop": "shiftH",
"description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units"
},
{
"prop": "shiftV",
"description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units"
},
{
"prop": "stacked",
"version": "2.3.0",
"description": "Set this prop to true when placing inside a BIconstack component"
},
{
"prop": "animation",
"version": "2.7.0",
"description": "Animate the icon. Supported built-in animations are 'cylon', 'fade', 'pulse', 'spin' and 'throb'"
}
]
},
{
"component": "BIconTelephoneMinusFill",
"auto-gen": "bootstrap-icons 1.2.2",
"props": [
{
"prop": "title",
"description": "Text content to place in the title",
"version": "2.17.0"
},
{
"prop": "variant",
"description": "Contextual color variant. By default the icon inherits the current text color"
},
{
"prop": "fontScale",
"description": "Scale the icons current font size"
},
{
"prop": "scale",
"description": "Scales the icon's SVG, without increasing the font size"
},
{
"prop": "rotate",
"description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise"
},
{
"prop": "flipH",
"description": "Flips the icon horizontally"
},
{
"prop": "flipV",
"description": "Flips the icon vertically"
},
{
"prop": "shiftH",
"description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units"
},
{
"prop": "shiftV",
"description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units"
},
{
"prop": "stacked",
"version": "2.3.0",
"description": "Set this prop to true when placing inside a BIconstack component"
},
{
"prop": "animation",
"version": "2.7.0",
"description": "Animate the icon. Supported built-in animations are 'cylon', 'fade', 'pulse', 'spin' and 'throb'"
}
]
},
{
"component": "BIconTelephoneOutbound",
"auto-gen": "bootstrap-icons 1.2.2",
"props": [
{
"prop": "title",
"description": "Text content to place in the title",
"version": "2.17.0"
},
{
"prop": "variant",
"description": "Contextual color variant. By default the icon inherits the current text color"
},
{
"prop": "fontScale",
"description": "Scale the icons current font size"
},
{
"prop": "scale",
"description": "Scales the icon's SVG, without increasing the font size"
},
{
"prop": "rotate",
"description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise"
},
{
"prop": "flipH",
"description": "Flips the icon horizontally"
},
{
"prop": "flipV",
"description": "Flips the icon vertically"
},
{
"prop": "shiftH",
"description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units"
},
{
"prop": "shiftV",
"description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units"
},
{
"prop": "stacked",
"version": "2.3.0",
"description": "Set this prop to true when placing inside a BIconstack component"
},
{
"prop": "animation",
"version": "2.7.0",
"description": "Animate the icon. Supported built-in animations are 'cylon', 'fade', 'pulse', 'spin' and 'throb'"
}
]
},
{
"component": "BIconTelephoneOutboundFill",
"auto-gen": "bootstrap-icons 1.2.2",
"props": [
{
"prop": "title",
"description": "Text content to place in the title",
"version": "2.17.0"
},
{
"prop": "variant",
"description": "Contextual color variant. By default the icon inherits the current text color"
},
{
"prop": "fontScale",
"description": "Scale the icons current font size"
},
{
"prop": "scale",
"description": "Scales the icon's SVG, without increasing the font size"
},
{
"prop": "rotate",
"description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise"
},
{
"prop": "flipH",
"description": "Flips the icon horizontally"
},
{
"prop": "flipV",
"description": "Flips the icon vertically"
},
{
"prop": "shiftH",
"description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units"
},
{
"prop": "shiftV",
"description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units"
},
{
"prop": "stacked",
"version": "2.3.0",
"description": "Set this prop to true when placing inside a BIconstack component"
},
{
"prop": "animation",
"version": "2.7.0",
"description": "Animate the icon. Supported built-in animations are 'cylon', 'fade', 'pulse', 'spin' and 'throb'"
}
]
},
{
"component": "BIconTelephonePlus",
"auto-gen": "bootstrap-icons 1.2.2",
"props": [
{
"prop": "title",
"description": "Text content to place in the title",
"version": "2.17.0"
},
{
"prop": "variant",
"description": "Contextual color variant. By default the icon inherits the current text color"
},
{
"prop": "fontScale",
"description": "Scale the icons current font size"
},
{
"prop": "scale",
"description": "Scales the icon's SVG, without increasing the font size"
},
{
"prop": "rotate",
"description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise"
},
{
"prop": "flipH",
"description": "Flips the icon horizontally"
},
{
"prop": "flipV",
"description": "Flips the icon vertically"
},
{
"prop": "shiftH",
"description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units"
},
{
"prop": "shiftV",
"description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units"
},
{
"prop": "stacked",
"version": "2.3.0",
"description": "Set this prop to true when placing inside a BIconstack component"
},
{
"prop": "animation",
"version": "2.7.0",
"description": "Animate the icon. Supported built-in animations are 'cylon', 'fade', 'pulse', 'spin' and 'throb'"
}
]
},
{
"component": "BIconTelephonePlusFill",
"auto-gen": "bootstrap-icons 1.2.2",
"props": [
{
"prop": "title",
"description": "Text content to place in the title",
"version": "2.17.0"
},
{
"prop": "variant",
"description": "Contextual color variant. By default the icon inherits the current text color"
},
{
"prop": "fontScale",
"description": "Scale the icons current font size"
},
{
"prop": "scale",
"description": "Scales the icon's SVG, without increasing the font size"
},
{
"prop": "rotate",
"description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise"
},
{
"prop": "flipH",
"description": "Flips the icon horizontally"
},
{
"prop": "flipV",
"description": "Flips the icon vertically"
},
{
"prop": "shiftH",
"description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units"
},
{
"prop": "shiftV",
"description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units"
},
{
"prop": "stacked",
"version": "2.3.0",
"description": "Set this prop to true when placing inside a BIconstack component"
},
{
"prop": "animation",
"version": "2.7.0",
"description": "Animate the icon. Supported built-in animations are 'cylon', 'fade', 'pulse', 'spin' and 'throb'"
}
]
},
{
"component": "BIconTelephoneX",
"auto-gen": "bootstrap-icons 1.2.2",
"props": [
{
"prop": "title",
"description": "Text content to place in the title",
"version": "2.17.0"
},
{
"prop": "variant",
"description": "Contextual color variant. By default the icon inherits the current text color"
},
{
"prop": "fontScale",
"description": "Scale the icons current font size"
},
{
"prop": "scale",
"description": "Scales the icon's SVG, without increasing the font size"
},
{
"prop": "rotate",
"description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise"
},
{
"prop": "flipH",
"description": "Flips the icon horizontally"
},
{
"prop": "flipV",
"description": "Flips the icon vertically"
},
{
"prop": "shiftH",
"description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units"
},
{
"prop": "shiftV",
"description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units"
},
{
"prop": "stacked",
"version": "2.3.0",
"description": "Set this prop to true when placing inside a BIconstack component"
},
{
"prop": "animation",
"version": "2.7.0",
"description": "Animate the icon. Supported built-in animations are 'cylon', 'fade', 'pulse', 'spin' and 'throb'"
}
]
},
{
"component": "BIconTelephoneXFill",
"auto-gen": "bootstrap-icons 1.2.2",
"props": [
{
"prop": "title",
"description": "Text content to place in the title",
"version": "2.17.0"
},
{
"prop": "variant",
"description": "Contextual color variant. By default the icon inherits the current text color"
},
{
"prop": "fontScale",
"description": "Scale the icons current font size"
},
{
"prop": "scale",
"description": "Scales the icon's SVG, without increasing the font size"
},
{
"prop": "rotate",
"description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise"
},
{
"prop": "flipH",
"description": "Flips the icon horizontally"
},
{
"prop": "flipV",
"description": "Flips the icon vertically"
},
{
"prop": "shiftH",
"description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units"
},
{
"prop": "shiftV",
"description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units"
},
{
"prop": "stacked",
"version": "2.3.0",
"description": "Set this prop to true when placing inside a BIconstack component"
},
{
"prop": "animation",
"version": "2.7.0",
"description": "Animate the icon. Supported built-in animations are 'cylon', 'fade', 'pulse', 'spin' and 'throb'"
}
]
},
{
"component": "BIconTerminal",
"auto-gen": "bootstrap-icons 1.2.2",
"props": [
{
"prop": "title",
"description": "Text content to place in the title",
"version": "2.17.0"
},
{
"prop": "variant",
"description": "Contextual color variant. By default the icon inherits the current text color"
},
{
"prop": "fontScale",
"description": "Scale the icons current font size"
},
{
"prop": "scale",
"description": "Scales the icon's SVG, without increasing the font size"
},
{
"prop": "rotate",
"description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise"
},
{
"prop": "flipH",
"description": "Flips the icon horizontally"
},
{
"prop": "flipV",
"description": "Flips the icon vertically"
},
{
"prop": "shiftH",
"description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units"
},
{
"prop": "shiftV",
"description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units"
},
{
"prop": "stacked",
"version": "2.3.0",
"description": "Set this prop to true when placing inside a BIconstack component"
},
{
"prop": "animation",
"version": "2.7.0",
"description": "Animate the icon. Supported built-in animations are 'cylon', 'fade', 'pulse', 'spin' and 'throb'"
}
]
},
{
"component": "BIconTerminalFill",
"auto-gen": "bootstrap-icons 1.2.2",
"props": [
{
"prop": "title",
"description": "Text content to place in the title",
"version": "2.17.0"
},
{
"prop": "variant",
"description": "Contextual color variant. By default the icon inherits the current text color"
},
{
"prop": "fontScale",
"description": "Scale the icons current font size"
},
{
"prop": "scale",
"description": "Scales the icon's SVG, without increasing the font size"
},
{
"prop": "rotate",
"description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise"
},
{
"prop": "flipH",
"description": "Flips the icon horizontally"
},
{
"prop": "flipV",
"description": "Flips the icon vertically"
},
{
"prop": "shiftH",
"description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units"
},
{
"prop": "shiftV",
"description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units"
},
{
"prop": "stacked",
"version": "2.3.0",
"description": "Set this prop to true when placing inside a BIconstack component"
},
{
"prop": "animation",
"version": "2.7.0",
"description": "Animate the icon. Supported built-in animations are 'cylon', 'fade', 'pulse', 'spin' and 'throb'"
}
]
},
{
"component": "BIconTextCenter",
"auto-gen": "bootstrap-icons 1.2.2",
"props": [
{
"prop": "title",
"description": "Text content to place in the title",
"version": "2.17.0"
},
{
"prop": "variant",
"description": "Contextual color variant. By default the icon inherits the current text color"
},
{
"prop": "fontScale",
"description": "Scale the icons current font size"
},
{
"prop": "scale",
"description": "Scales the icon's SVG, without increasing the font size"
},
{
"prop": "rotate",
"description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise"
},
{
"prop": "flipH",
"description": "Flips the icon horizontally"
},
{
"prop": "flipV",
"description": "Flips the icon vertically"
},
{
"prop": "shiftH",
"description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units"
},
{
"prop": "shiftV",
"description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units"
},
{
"prop": "stacked",
"version": "2.3.0",
"description": "Set this prop to true when placing inside a BIconstack component"
},
{
"prop": "animation",
"version": "2.7.0",
"description": "Animate the icon. Supported built-in animations are 'cylon', 'fade', 'pulse', 'spin' and 'throb'"
}
]
},
{
"component": "BIconTextIndentLeft",
"auto-gen": "bootstrap-icons 1.2.2",
"props": [
{
"prop": "title",
"description": "Text content to place in the title",
"version": "2.17.0"
},
{
"prop": "variant",
"description": "Contextual color variant. By default the icon inherits the current text color"
},
{
"prop": "fontScale",
"description": "Scale the icons current font size"
},
{
"prop": "scale",
"description": "Scales the icon's SVG, without increasing the font size"
},
{
"prop": "rotate",
"description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise"
},
{
"prop": "flipH",
"description": "Flips the icon horizontally"
},
{
"prop": "flipV",
"description": "Flips the icon vertically"
},
{
"prop": "shiftH",
"description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units"
},
{
"prop": "shiftV",
"description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units"
},
{
"prop": "stacked",
"version": "2.3.0",
"description": "Set this prop to true when placing inside a BIconstack component"
},
{
"prop": "animation",
"version": "2.7.0",
"description": "Animate the icon. Supported built-in animations are 'cylon', 'fade', 'pulse', 'spin' and 'throb'"
}
]
},
{
"component": "BIconTextIndentRight",
"auto-gen": "bootstrap-icons 1.2.2",
"props": [
{
"prop": "title",
"description": "Text content to place in the title",
"version": "2.17.0"
},
{
"prop": "variant",
"description": "Contextual color variant. By default the icon inherits the current text color"
},
{
"prop": "fontScale",
"description": "Scale the icons current font size"
},
{
"prop": "scale",
"description": "Scales the icon's SVG, without increasing the font size"
},
{
"prop": "rotate",
"description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise"
},
{
"prop": "flipH",
"description": "Flips the icon horizontally"
},
{
"prop": "flipV",
"description": "Flips the icon vertically"
},
{
"prop": "shiftH",
"description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units"
},
{
"prop": "shiftV",
"description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units"
},
{
"prop": "stacked",
"version": "2.3.0",
"description": "Set this prop to true when placing inside a BIconstack component"
},
{
"prop": "animation",
"version": "2.7.0",
"description": "Animate the icon. Supported built-in animations are 'cylon', 'fade', 'pulse', 'spin' and 'throb'"
}
]
},
{
"component": "BIconTextLeft",
"auto-gen": "bootstrap-icons 1.2.2",
"props": [
{
"prop": "title",
"description": "Text content to place in the title",
"version": "2.17.0"
},
{
"prop": "variant",
"description": "Contextual color variant. By default the icon inherits the current text color"
},
{
"prop": "fontScale",
"description": "Scale the icons current font size"
},
{
"prop": "scale",
"description": "Scales the icon's SVG, without increasing the font size"
},
{
"prop": "rotate",
"description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise"
},
{
"prop": "flipH",
"description": "Flips the icon horizontally"
},
{
"prop": "flipV",
"description": "Flips the icon vertically"
},
{
"prop": "shiftH",
"description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units"
},
{
"prop": "shiftV",
"description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units"
},
{
"prop": "stacked",
"version": "2.3.0",
"description": "Set this prop to true when placing inside a BIconstack component"
},
{
"prop": "animation",
"version": "2.7.0",
"description": "Animate the icon. Supported built-in animations are 'cylon', 'fade', 'pulse', 'spin' and 'throb'"
}
]
},
{
"component": "BIconTextParagraph",
"auto-gen": "bootstrap-icons 1.2.2",
"props": [
{
"prop": "title",
"description": "Text content to place in the title",
"version": "2.17.0"
},
{
"prop": "variant",
"description": "Contextual color variant. By default the icon inherits the current text color"
},
{
"prop": "fontScale",
"description": "Scale the icons current font size"
},
{
"prop": "scale",
"description": "Scales the icon's SVG, without increasing the font size"
},
{
"prop": "rotate",
"description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise"
},
{
"prop": "flipH",
"description": "Flips the icon horizontally"
},
{
"prop": "flipV",
"description": "Flips the icon vertically"
},
{
"prop": "shiftH",
"description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units"
},
{
"prop": "shiftV",
"description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units"
},
{
"prop": "stacked",
"version": "2.3.0",
"description": "Set this prop to true when placing inside a BIconstack component"
},
{
"prop": "animation",
"version": "2.7.0",
"description": "Animate the icon. Supported built-in animations are 'cylon', 'fade', 'pulse', 'spin' and 'throb'"
}
]
},
{
"component": "BIconTextRight",
"auto-gen": "bootstrap-icons 1.2.2",
"props": [
{
"prop": "title",
"description": "Text content to place in the title",
"version": "2.17.0"
},
{
"prop": "variant",
"description": "Contextual color variant. By default the icon inherits the current text color"
},
{
"prop": "fontScale",
"description": "Scale the icons current font size"
},
{
"prop": "scale",
"description": "Scales the icon's SVG, without increasing the font size"
},
{
"prop": "rotate",
"description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise"
},
{
"prop": "flipH",
"description": "Flips the icon horizontally"
},
{
"prop": "flipV",
"description": "Flips the icon vertically"
},
{
"prop": "shiftH",
"description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units"
},
{
"prop": "shiftV",
"description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units"
},
{
"prop": "stacked",
"version": "2.3.0",
"description": "Set this prop to true when placing inside a BIconstack component"
},
{
"prop": "animation",
"version": "2.7.0",
"description": "Animate the icon. Supported built-in animations are 'cylon', 'fade', 'pulse', 'spin' and 'throb'"
}
]
},
{
"component": "BIconTextarea",
"auto-gen": "bootstrap-icons 1.2.2",
"props": [
{
"prop": "title",
"description": "Text content to place in the title",
"version": "2.17.0"
},
{
"prop": "variant",
"description": "Contextual color variant. By default the icon inherits the current text color"
},
{
"prop": "fontScale",
"description": "Scale the icons current font size"
},
{
"prop": "scale",
"description": "Scales the icon's SVG, without increasing the font size"
},
{
"prop": "rotate",
"description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise"
},
{
"prop": "flipH",
"description": "Flips the icon horizontally"
},
{
"prop": "flipV",
"description": "Flips the icon vertically"
},
{
"prop": "shiftH",
"description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units"
},
{
"prop": "shiftV",
"description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units"
},
{
"prop": "stacked",
"version": "2.3.0",
"description": "Set this prop to true when placing inside a BIconstack component"
},
{
"prop": "animation",
"version": "2.7.0",
"description": "Animate the icon. Supported built-in animations are 'cylon', 'fade', 'pulse', 'spin' and 'throb'"
}
]
},
{
"component": "BIconTextareaResize",
"auto-gen": "bootstrap-icons 1.2.2",
"props": [
{
"prop": "title",
"description": "Text content to place in the title",
"version": "2.17.0"
},
{
"prop": "variant",
"description": "Contextual color variant. By default the icon inherits the current text color"
},
{
"prop": "fontScale",
"description": "Scale the icons current font size"
},
{
"prop": "scale",
"description": "Scales the icon's SVG, without increasing the font size"
},
{
"prop": "rotate",
"description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise"
},
{
"prop": "flipH",
"description": "Flips the icon horizontally"
},
{
"prop": "flipV",
"description": "Flips the icon vertically"
},
{
"prop": "shiftH",
"description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units"
},
{
"prop": "shiftV",
"description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units"
},
{
"prop": "stacked",
"version": "2.3.0",
"description": "Set this prop to true when placing inside a BIconstack component"
},
{
"prop": "animation",
"version": "2.7.0",
"description": "Animate the icon. Supported built-in animations are 'cylon', 'fade', 'pulse', 'spin' and 'throb'"
}
]
},
{
"component": "BIconTextareaT",
"auto-gen": "bootstrap-icons 1.2.2",
"props": [
{
"prop": "title",
"description": "Text content to place in the title",
"version": "2.17.0"
},
{
"prop": "variant",
"description": "Contextual color variant. By default the icon inherits the current text color"
},
{
"prop": "fontScale",
"description": "Scale the icons current font size"
},
{
"prop": "scale",
"description": "Scales the icon's SVG, without increasing the font size"
},
{
"prop": "rotate",
"description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise"
},
{
"prop": "flipH",
"description": "Flips the icon horizontally"
},
{
"prop": "flipV",
"description": "Flips the icon vertically"
},
{
"prop": "shiftH",
"description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units"
},
{
"prop": "shiftV",
"description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units"
},
{
"prop": "stacked",
"version": "2.3.0",
"description": "Set this prop to true when placing inside a BIconstack component"
},
{
"prop": "animation",
"version": "2.7.0",
"description": "Animate the icon. Supported built-in animations are 'cylon', 'fade', 'pulse', 'spin' and 'throb'"
}
]
},
{
"component": "BIconThermometer",
"auto-gen": "bootstrap-icons 1.2.2",
"props": [
{
"prop": "title",
"description": "Text content to place in the title",
"version": "2.17.0"
},
{
"prop": "variant",
"description": "Contextual color variant. By default the icon inherits the current text color"
},
{
"prop": "fontScale",
"description": "Scale the icons current font size"
},
{
"prop": "scale",
"description": "Scales the icon's SVG, without increasing the font size"
},
{
"prop": "rotate",
"description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise"
},
{
"prop": "flipH",
"description": "Flips the icon horizontally"
},
{
"prop": "flipV",
"description": "Flips the icon vertically"
},
{
"prop": "shiftH",
"description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units"
},
{
"prop": "shiftV",
"description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units"
},
{
"prop": "stacked",
"version": "2.3.0",
"description": "Set this prop to true when placing inside a BIconstack component"
},
{
"prop": "animation",
"version": "2.7.0",
"description": "Animate the icon. Supported built-in animations are 'cylon', 'fade', 'pulse', 'spin' and 'throb'"
}
]
},
{
"component": "BIconThermometerHalf",
"auto-gen": "bootstrap-icons 1.2.2",
"props": [
{
"prop": "title",
"description": "Text content to place in the title",
"version": "2.17.0"
},
{
"prop": "variant",
"description": "Contextual color variant. By default the icon inherits the current text color"
},
{
"prop": "fontScale",
"description": "Scale the icons current font size"
},
{
"prop": "scale",
"description": "Scales the icon's SVG, without increasing the font size"
},
{
"prop": "rotate",
"description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise"
},
{
"prop": "flipH",
"description": "Flips the icon horizontally"
},
{
"prop": "flipV",
"description": "Flips the icon vertically"
},
{
"prop": "shiftH",
"description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units"
},
{
"prop": "shiftV",
"description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units"
},
{
"prop": "stacked",
"version": "2.3.0",
"description": "Set this prop to true when placing inside a BIconstack component"
},
{
"prop": "animation",
"version": "2.7.0",
"description": "Animate the icon. Supported built-in animations are 'cylon', 'fade', 'pulse', 'spin' and 'throb'"
}
]
},
{
"component": "BIconThreeDots",
"auto-gen": "bootstrap-icons 1.2.2",
"props": [
{
"prop": "title",
"description": "Text content to place in the title",
"version": "2.17.0"
},
{
"prop": "variant",
"description": "Contextual color variant. By default the icon inherits the current text color"
},
{
"prop": "fontScale",
"description": "Scale the icons current font size"
},
{
"prop": "scale",
"description": "Scales the icon's SVG, without increasing the font size"
},
{
"prop": "rotate",
"description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise"
},
{
"prop": "flipH",
"description": "Flips the icon horizontally"
},
{
"prop": "flipV",
"description": "Flips the icon vertically"
},
{
"prop": "shiftH",
"description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units"
},
{
"prop": "shiftV",
"description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units"
},
{
"prop": "stacked",
"version": "2.3.0",
"description": "Set this prop to true when placing inside a BIconstack component"
},
{
"prop": "animation",
"version": "2.7.0",
"description": "Animate the icon. Supported built-in animations are 'cylon', 'fade', 'pulse', 'spin' and 'throb'"
}
]
},
{
"component": "BIconThreeDotsVertical",
"auto-gen": "bootstrap-icons 1.2.2",
"props": [
{
"prop": "title",
"description": "Text content to place in the title",
"version": "2.17.0"
},
{
"prop": "variant",
"description": "Contextual color variant. By default the icon inherits the current text color"
},
{
"prop": "fontScale",
"description": "Scale the icons current font size"
},
{
"prop": "scale",
"description": "Scales the icon's SVG, without increasing the font size"
},
{
"prop": "rotate",
"description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise"
},
{
"prop": "flipH",
"description": "Flips the icon horizontally"
},
{
"prop": "flipV",
"description": "Flips the icon vertically"
},
{
"prop": "shiftH",
"description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units"
},
{
"prop": "shiftV",
"description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units"
},
{
"prop": "stacked",
"version": "2.3.0",
"description": "Set this prop to true when placing inside a BIconstack component"
},
{
"prop": "animation",
"version": "2.7.0",
"description": "Animate the icon. Supported built-in animations are 'cylon', 'fade', 'pulse', 'spin' and 'throb'"
}
]
},
{
"component": "BIconToggle2Off",
"auto-gen": "bootstrap-icons 1.2.2",
"props": [
{
"prop": "title",
"description": "Text content to place in the title",
"version": "2.17.0"
},
{
"prop": "variant",
"description": "Contextual color variant. By default the icon inherits the current text color"
},
{
"prop": "fontScale",
"description": "Scale the icons current font size"
},
{
"prop": "scale",
"description": "Scales the icon's SVG, without increasing the font size"
},
{
"prop": "rotate",
"description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise"
},
{
"prop": "flipH",
"description": "Flips the icon horizontally"
},
{
"prop": "flipV",
"description": "Flips the icon vertically"
},
{
"prop": "shiftH",
"description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units"
},
{
"prop": "shiftV",
"description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units"
},
{
"prop": "stacked",
"version": "2.3.0",
"description": "Set this prop to true when placing inside a BIconstack component"
},
{
"prop": "animation",
"version": "2.7.0",
"description": "Animate the icon. Supported built-in animations are 'cylon', 'fade', 'pulse', 'spin' and 'throb'"
}
]
},
{
"component": "BIconToggle2On",
"auto-gen": "bootstrap-icons 1.2.2",
"props": [
{
"prop": "title",
"description": "Text content to place in the title",
"version": "2.17.0"
},
{
"prop": "variant",
"description": "Contextual color variant. By default the icon inherits the current text color"
},
{
"prop": "fontScale",
"description": "Scale the icons current font size"
},
{
"prop": "scale",
"description": "Scales the icon's SVG, without increasing the font size"
},
{
"prop": "rotate",
"description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise"
},
{
"prop": "flipH",
"description": "Flips the icon horizontally"
},
{
"prop": "flipV",
"description": "Flips the icon vertically"
},
{
"prop": "shiftH",
"description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units"
},
{
"prop": "shiftV",
"description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units"
},
{
"prop": "stacked",
"version": "2.3.0",
"description": "Set this prop to true when placing inside a BIconstack component"
},
{
"prop": "animation",
"version": "2.7.0",
"description": "Animate the icon. Supported built-in animations are 'cylon', 'fade', 'pulse', 'spin' and 'throb'"
}
]
},
{
"component": "BIconToggleOff",
"auto-gen": "bootstrap-icons 1.2.2",
"props": [
{
"prop": "title",
"description": "Text content to place in the title",
"version": "2.17.0"
},
{
"prop": "variant",
"description": "Contextual color variant. By default the icon inherits the current text color"
},
{
"prop": "fontScale",
"description": "Scale the icons current font size"
},
{
"prop": "scale",
"description": "Scales the icon's SVG, without increasing the font size"
},
{
"prop": "rotate",
"description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise"
},
{
"prop": "flipH",
"description": "Flips the icon horizontally"
},
{
"prop": "flipV",
"description": "Flips the icon vertically"
},
{
"prop": "shiftH",
"description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units"
},
{
"prop": "shiftV",
"description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units"
},
{
"prop": "stacked",
"version": "2.3.0",
"description": "Set this prop to true when placing inside a BIconstack component"
},
{
"prop": "animation",
"version": "2.7.0",
"description": "Animate the icon. Supported built-in animations are 'cylon', 'fade', 'pulse', 'spin' and 'throb'"
}
]
},
{
"component": "BIconToggleOn",
"auto-gen": "bootstrap-icons 1.2.2",
"props": [
{
"prop": "title",
"description": "Text content to place in the title",
"version": "2.17.0"
},
{
"prop": "variant",
"description": "Contextual color variant. By default the icon inherits the current text color"
},
{
"prop": "fontScale",
"description": "Scale the icons current font size"
},
{
"prop": "scale",
"description": "Scales the icon's SVG, without increasing the font size"
},
{
"prop": "rotate",
"description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise"
},
{
"prop": "flipH",
"description": "Flips the icon horizontally"
},
{
"prop": "flipV",
"description": "Flips the icon vertically"
},
{
"prop": "shiftH",
"description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units"
},
{
"prop": "shiftV",
"description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units"
},
{
"prop": "stacked",
"version": "2.3.0",
"description": "Set this prop to true when placing inside a BIconstack component"
},
{
"prop": "animation",
"version": "2.7.0",
"description": "Animate the icon. Supported built-in animations are 'cylon', 'fade', 'pulse', 'spin' and 'throb'"
}
]
},
{
"component": "BIconToggles",
"auto-gen": "bootstrap-icons 1.2.2",
"props": [
{
"prop": "title",
"description": "Text content to place in the title",
"version": "2.17.0"
},
{
"prop": "variant",
"description": "Contextual color variant. By default the icon inherits the current text color"
},
{
"prop": "fontScale",
"description": "Scale the icons current font size"
},
{
"prop": "scale",
"description": "Scales the icon's SVG, without increasing the font size"
},
{
"prop": "rotate",
"description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise"
},
{
"prop": "flipH",
"description": "Flips the icon horizontally"
},
{
"prop": "flipV",
"description": "Flips the icon vertically"
},
{
"prop": "shiftH",
"description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units"
},
{
"prop": "shiftV",
"description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units"
},
{
"prop": "stacked",
"version": "2.3.0",
"description": "Set this prop to true when placing inside a BIconstack component"
},
{
"prop": "animation",
"version": "2.7.0",
"description": "Animate the icon. Supported built-in animations are 'cylon', 'fade', 'pulse', 'spin' and 'throb'"
}
]
},
{
"component": "BIconToggles2",
"auto-gen": "bootstrap-icons 1.2.2",
"props": [
{
"prop": "title",
"description": "Text content to place in the title",
"version": "2.17.0"
},
{
"prop": "variant",
"description": "Contextual color variant. By default the icon inherits the current text color"
},
{
"prop": "fontScale",
"description": "Scale the icons current font size"
},
{
"prop": "scale",
"description": "Scales the icon's SVG, without increasing the font size"
},
{
"prop": "rotate",
"description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise"
},
{
"prop": "flipH",
"description": "Flips the icon horizontally"
},
{
"prop": "flipV",
"description": "Flips the icon vertically"
},
{
"prop": "shiftH",
"description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units"
},
{
"prop": "shiftV",
"description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units"
},
{
"prop": "stacked",
"version": "2.3.0",
"description": "Set this prop to true when placing inside a BIconstack component"
},
{
"prop": "animation",
"version": "2.7.0",
"description": "Animate the icon. Supported built-in animations are 'cylon', 'fade', 'pulse', 'spin' and 'throb'"
}
]
},
{
"component": "BIconTools",
"auto-gen": "bootstrap-icons 1.2.2",
"props": [
{
"prop": "title",
"description": "Text content to place in the title",
"version": "2.17.0"
},
{
"prop": "variant",
"description": "Contextual color variant. By default the icon inherits the current text color"
},
{
"prop": "fontScale",
"description": "Scale the icons current font size"
},
{
"prop": "scale",
"description": "Scales the icon's SVG, without increasing the font size"
},
{
"prop": "rotate",
"description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise"
},
{
"prop": "flipH",
"description": "Flips the icon horizontally"
},
{
"prop": "flipV",
"description": "Flips the icon vertically"
},
{
"prop": "shiftH",
"description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units"
},
{
"prop": "shiftV",
"description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units"
},
{
"prop": "stacked",
"version": "2.3.0",
"description": "Set this prop to true when placing inside a BIconstack component"
},
{
"prop": "animation",
"version": "2.7.0",
"description": "Animate the icon. Supported built-in animations are 'cylon', 'fade', 'pulse', 'spin' and 'throb'"
}
]
},
{
"component": "BIconTrash",
"auto-gen": "bootstrap-icons 1.2.2",
"props": [
{
"prop": "title",
"description": "Text content to place in the title",
"version": "2.17.0"
},
{
"prop": "variant",
"description": "Contextual color variant. By default the icon inherits the current text color"
},
{
"prop": "fontScale",
"description": "Scale the icons current font size"
},
{
"prop": "scale",
"description": "Scales the icon's SVG, without increasing the font size"
},
{
"prop": "rotate",
"description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise"
},
{
"prop": "flipH",
"description": "Flips the icon horizontally"
},
{
"prop": "flipV",
"description": "Flips the icon vertically"
},
{
"prop": "shiftH",
"description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units"
},
{
"prop": "shiftV",
"description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units"
},
{
"prop": "stacked",
"version": "2.3.0",
"description": "Set this prop to true when placing inside a BIconstack component"
},
{
"prop": "animation",
"version": "2.7.0",
"description": "Animate the icon. Supported built-in animations are 'cylon', 'fade', 'pulse', 'spin' and 'throb'"
}
]
},
{
"component": "BIconTrash2",
"auto-gen": "bootstrap-icons 1.2.2",
"props": [
{
"prop": "title",
"description": "Text content to place in the title",
"version": "2.17.0"
},
{
"prop": "variant",
"description": "Contextual color variant. By default the icon inherits the current text color"
},
{
"prop": "fontScale",
"description": "Scale the icons current font size"
},
{
"prop": "scale",
"description": "Scales the icon's SVG, without increasing the font size"
},
{
"prop": "rotate",
"description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise"
},
{
"prop": "flipH",
"description": "Flips the icon horizontally"
},
{
"prop": "flipV",
"description": "Flips the icon vertically"
},
{
"prop": "shiftH",
"description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units"
},
{
"prop": "shiftV",
"description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units"
},
{
"prop": "stacked",
"version": "2.3.0",
"description": "Set this prop to true when placing inside a BIconstack component"
},
{
"prop": "animation",
"version": "2.7.0",
"description": "Animate the icon. Supported built-in animations are 'cylon', 'fade', 'pulse', 'spin' and 'throb'"
}
]
},
{
"component": "BIconTrash2Fill",
"auto-gen": "bootstrap-icons 1.2.2",
"props": [
{
"prop": "title",
"description": "Text content to place in the title",
"version": "2.17.0"
},
{
"prop": "variant",
"description": "Contextual color variant. By default the icon inherits the current text color"
},
{
"prop": "fontScale",
"description": "Scale the icons current font size"
},
{
"prop": "scale",
"description": "Scales the icon's SVG, without increasing the font size"
},
{
"prop": "rotate",
"description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise"
},
{
"prop": "flipH",
"description": "Flips the icon horizontally"
},
{
"prop": "flipV",
"description": "Flips the icon vertically"
},
{
"prop": "shiftH",
"description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units"
},
{
"prop": "shiftV",
"description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units"
},
{
"prop": "stacked",
"version": "2.3.0",
"description": "Set this prop to true when placing inside a BIconstack component"
},
{
"prop": "animation",
"version": "2.7.0",
"description": "Animate the icon. Supported built-in animations are 'cylon', 'fade', 'pulse', 'spin' and 'throb'"
}
]
},
{
"component": "BIconTrashFill",
"auto-gen": "bootstrap-icons 1.2.2",
"props": [
{
"prop": "title",
"description": "Text content to place in the title",
"version": "2.17.0"
},
{
"prop": "variant",
"description": "Contextual color variant. By default the icon inherits the current text color"
},
{
"prop": "fontScale",
"description": "Scale the icons current font size"
},
{
"prop": "scale",
"description": "Scales the icon's SVG, without increasing the font size"
},
{
"prop": "rotate",
"description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise"
},
{
"prop": "flipH",
"description": "Flips the icon horizontally"
},
{
"prop": "flipV",
"description": "Flips the icon vertically"
},
{
"prop": "shiftH",
"description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units"
},
{
"prop": "shiftV",
"description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units"
},
{
"prop": "stacked",
"version": "2.3.0",
"description": "Set this prop to true when placing inside a BIconstack component"
},
{
"prop": "animation",
"version": "2.7.0",
"description": "Animate the icon. Supported built-in animations are 'cylon', 'fade', 'pulse', 'spin' and 'throb'"
}
]
},
{
"component": "BIconTree",
"auto-gen": "bootstrap-icons 1.2.2",
"props": [
{
"prop": "title",
"description": "Text content to place in the title",
"version": "2.17.0"
},
{
"prop": "variant",
"description": "Contextual color variant. By default the icon inherits the current text color"
},
{
"prop": "fontScale",
"description": "Scale the icons current font size"
},
{
"prop": "scale",
"description": "Scales the icon's SVG, without increasing the font size"
},
{
"prop": "rotate",
"description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise"
},
{
"prop": "flipH",
"description": "Flips the icon horizontally"
},
{
"prop": "flipV",
"description": "Flips the icon vertically"
},
{
"prop": "shiftH",
"description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units"
},
{
"prop": "shiftV",
"description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units"
},
{
"prop": "stacked",
"version": "2.3.0",
"description": "Set this prop to true when placing inside a BIconstack component"
},
{
"prop": "animation",
"version": "2.7.0",
"description": "Animate the icon. Supported built-in animations are 'cylon', 'fade', 'pulse', 'spin' and 'throb'"
}
]
},
{
"component": "BIconTreeFill",
"auto-gen": "bootstrap-icons 1.2.2",
"props": [
{
"prop": "title",
"description": "Text content to place in the title",
"version": "2.17.0"
},
{
"prop": "variant",
"description": "Contextual color variant. By default the icon inherits the current text color"
},
{
"prop": "fontScale",
"description": "Scale the icons current font size"
},
{
"prop": "scale",
"description": "Scales the icon's SVG, without increasing the font size"
},
{
"prop": "rotate",
"description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise"
},
{
"prop": "flipH",
"description": "Flips the icon horizontally"
},
{
"prop": "flipV",
"description": "Flips the icon vertically"
},
{
"prop": "shiftH",
"description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units"
},
{
"prop": "shiftV",
"description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units"
},
{
"prop": "stacked",
"version": "2.3.0",
"description": "Set this prop to true when placing inside a BIconstack component"
},
{
"prop": "animation",
"version": "2.7.0",
"description": "Animate the icon. Supported built-in animations are 'cylon', 'fade', 'pulse', 'spin' and 'throb'"
}
]
},
{
"component": "BIconTriangle",
"auto-gen": "bootstrap-icons 1.2.2",
"props": [
{
"prop": "title",
"description": "Text content to place in the title",
"version": "2.17.0"
},
{
"prop": "variant",
"description": "Contextual color variant. By default the icon inherits the current text color"
},
{
"prop": "fontScale",
"description": "Scale the icons current font size"
},
{
"prop": "scale",
"description": "Scales the icon's SVG, without increasing the font size"
},
{
"prop": "rotate",
"description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise"
},
{
"prop": "flipH",
"description": "Flips the icon horizontally"
},
{
"prop": "flipV",
"description": "Flips the icon vertically"
},
{
"prop": "shiftH",
"description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units"
},
{
"prop": "shiftV",
"description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units"
},
{
"prop": "stacked",
"version": "2.3.0",
"description": "Set this prop to true when placing inside a BIconstack component"
},
{
"prop": "animation",
"version": "2.7.0",
"description": "Animate the icon. Supported built-in animations are 'cylon', 'fade', 'pulse', 'spin' and 'throb'"
}
]
},
{
"component": "BIconTriangleFill",
"auto-gen": "bootstrap-icons 1.2.2",
"props": [
{
"prop": "title",
"description": "Text content to place in the title",
"version": "2.17.0"
},
{
"prop": "variant",
"description": "Contextual color variant. By default the icon inherits the current text color"
},
{
"prop": "fontScale",
"description": "Scale the icons current font size"
},
{
"prop": "scale",
"description": "Scales the icon's SVG, without increasing the font size"
},
{
"prop": "rotate",
"description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise"
},
{
"prop": "flipH",
"description": "Flips the icon horizontally"
},
{
"prop": "flipV",
"description": "Flips the icon vertically"
},
{
"prop": "shiftH",
"description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units"
},
{
"prop": "shiftV",
"description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units"
},
{
"prop": "stacked",
"version": "2.3.0",
"description": "Set this prop to true when placing inside a BIconstack component"
},
{
"prop": "animation",
"version": "2.7.0",
"description": "Animate the icon. Supported built-in animations are 'cylon', 'fade', 'pulse', 'spin' and 'throb'"
}
]
},
{
"component": "BIconTriangleHalf",
"auto-gen": "bootstrap-icons 1.2.2",
"props": [
{
"prop": "title",
"description": "Text content to place in the title",
"version": "2.17.0"
},
{
"prop": "variant",
"description": "Contextual color variant. By default the icon inherits the current text color"
},
{
"prop": "fontScale",
"description": "Scale the icons current font size"
},
{
"prop": "scale",
"description": "Scales the icon's SVG, without increasing the font size"
},
{
"prop": "rotate",
"description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise"
},
{
"prop": "flipH",
"description": "Flips the icon horizontally"
},
{
"prop": "flipV",
"description": "Flips the icon vertically"
},
{
"prop": "shiftH",
"description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units"
},
{
"prop": "shiftV",
"description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units"
},
{
"prop": "stacked",
"version": "2.3.0",
"description": "Set this prop to true when placing inside a BIconstack component"
},
{
"prop": "animation",
"version": "2.7.0",
"description": "Animate the icon. Supported built-in animations are 'cylon', 'fade', 'pulse', 'spin' and 'throb'"
}
]
},
{
"component": "BIconTrophy",
"auto-gen": "bootstrap-icons 1.2.2",
"props": [
{
"prop": "title",
"description": "Text content to place in the title",
"version": "2.17.0"
},
{
"prop": "variant",
"description": "Contextual color variant. By default the icon inherits the current text color"
},
{
"prop": "fontScale",
"description": "Scale the icons current font size"
},
{
"prop": "scale",
"description": "Scales the icon's SVG, without increasing the font size"
},
{
"prop": "rotate",
"description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise"
},
{
"prop": "flipH",
"description": "Flips the icon horizontally"
},
{
"prop": "flipV",
"description": "Flips the icon vertically"
},
{
"prop": "shiftH",
"description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units"
},
{
"prop": "shiftV",
"description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units"
},
{
"prop": "stacked",
"version": "2.3.0",
"description": "Set this prop to true when placing inside a BIconstack component"
},
{
"prop": "animation",
"version": "2.7.0",
"description": "Animate the icon. Supported built-in animations are 'cylon', 'fade', 'pulse', 'spin' and 'throb'"
}
]
},
{
"component": "BIconTrophyFill",
"auto-gen": "bootstrap-icons 1.2.2",
"props": [
{
"prop": "title",
"description": "Text content to place in the title",
"version": "2.17.0"
},
{
"prop": "variant",
"description": "Contextual color variant. By default the icon inherits the current text color"
},
{
"prop": "fontScale",
"description": "Scale the icons current font size"
},
{
"prop": "scale",
"description": "Scales the icon's SVG, without increasing the font size"
},
{
"prop": "rotate",
"description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise"
},
{
"prop": "flipH",
"description": "Flips the icon horizontally"
},
{
"prop": "flipV",
"description": "Flips the icon vertically"
},
{
"prop": "shiftH",
"description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units"
},
{
"prop": "shiftV",
"description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units"
},
{
"prop": "stacked",
"version": "2.3.0",
"description": "Set this prop to true when placing inside a BIconstack component"
},
{
"prop": "animation",
"version": "2.7.0",
"description": "Animate the icon. Supported built-in animations are 'cylon', 'fade', 'pulse', 'spin' and 'throb'"
}
]
},
{
"component": "BIconTruck",
"auto-gen": "bootstrap-icons 1.2.2",
"props": [
{
"prop": "title",
"description": "Text content to place in the title",
"version": "2.17.0"
},
{
"prop": "variant",
"description": "Contextual color variant. By default the icon inherits the current text color"
},
{
"prop": "fontScale",
"description": "Scale the icons current font size"
},
{
"prop": "scale",
"description": "Scales the icon's SVG, without increasing the font size"
},
{
"prop": "rotate",
"description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise"
},
{
"prop": "flipH",
"description": "Flips the icon horizontally"
},
{
"prop": "flipV",
"description": "Flips the icon vertically"
},
{
"prop": "shiftH",
"description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units"
},
{
"prop": "shiftV",
"description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units"
},
{
"prop": "stacked",
"version": "2.3.0",
"description": "Set this prop to true when placing inside a BIconstack component"
},
{
"prop": "animation",
"version": "2.7.0",
"description": "Animate the icon. Supported built-in animations are 'cylon', 'fade', 'pulse', 'spin' and 'throb'"
}
]
},
{
"component": "BIconTruckFlatbed",
"auto-gen": "bootstrap-icons 1.2.2",
"props": [
{
"prop": "title",
"description": "Text content to place in the title",
"version": "2.17.0"
},
{
"prop": "variant",
"description": "Contextual color variant. By default the icon inherits the current text color"
},
{
"prop": "fontScale",
"description": "Scale the icons current font size"
},
{
"prop": "scale",
"description": "Scales the icon's SVG, without increasing the font size"
},
{
"prop": "rotate",
"description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise"
},
{
"prop": "flipH",
"description": "Flips the icon horizontally"
},
{
"prop": "flipV",
"description": "Flips the icon vertically"
},
{
"prop": "shiftH",
"description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units"
},
{
"prop": "shiftV",
"description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units"
},
{
"prop": "stacked",
"version": "2.3.0",
"description": "Set this prop to true when placing inside a BIconstack component"
},
{
"prop": "animation",
"version": "2.7.0",
"description": "Animate the icon. Supported built-in animations are 'cylon', 'fade', 'pulse', 'spin' and 'throb'"
}
]
},
{
"component": "BIconTv",
"auto-gen": "bootstrap-icons 1.2.2",
"props": [
{
"prop": "title",
"description": "Text content to place in the title",
"version": "2.17.0"
},
{
"prop": "variant",
"description": "Contextual color variant. By default the icon inherits the current text color"
},
{
"prop": "fontScale",
"description": "Scale the icons current font size"
},
{
"prop": "scale",
"description": "Scales the icon's SVG, without increasing the font size"
},
{
"prop": "rotate",
"description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise"
},
{
"prop": "flipH",
"description": "Flips the icon horizontally"
},
{
"prop": "flipV",
"description": "Flips the icon vertically"
},
{
"prop": "shiftH",
"description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units"
},
{
"prop": "shiftV",
"description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units"
},
{
"prop": "stacked",
"version": "2.3.0",
"description": "Set this prop to true when placing inside a BIconstack component"
},
{
"prop": "animation",
"version": "2.7.0",
"description": "Animate the icon. Supported built-in animations are 'cylon', 'fade', 'pulse', 'spin' and 'throb'"
}
]
},
{
"component": "BIconTvFill",
"auto-gen": "bootstrap-icons 1.2.2",
"props": [
{
"prop": "title",
"description": "Text content to place in the title",
"version": "2.17.0"
},
{
"prop": "variant",
"description": "Contextual color variant. By default the icon inherits the current text color"
},
{
"prop": "fontScale",
"description": "Scale the icons current font size"
},
{
"prop": "scale",
"description": "Scales the icon's SVG, without increasing the font size"
},
{
"prop": "rotate",
"description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise"
},
{
"prop": "flipH",
"description": "Flips the icon horizontally"
},
{
"prop": "flipV",
"description": "Flips the icon vertically"
},
{
"prop": "shiftH",
"description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units"
},
{
"prop": "shiftV",
"description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units"
},
{
"prop": "stacked",
"version": "2.3.0",
"description": "Set this prop to true when placing inside a BIconstack component"
},
{
"prop": "animation",
"version": "2.7.0",
"description": "Animate the icon. Supported built-in animations are 'cylon', 'fade', 'pulse', 'spin' and 'throb'"
}
]
},
{
"component": "BIconTwitch",
"auto-gen": "bootstrap-icons 1.2.2",
"props": [
{
"prop": "title",
"description": "Text content to place in the title",
"version": "2.17.0"
},
{
"prop": "variant",
"description": "Contextual color variant. By default the icon inherits the current text color"
},
{
"prop": "fontScale",
"description": "Scale the icons current font size"
},
{
"prop": "scale",
"description": "Scales the icon's SVG, without increasing the font size"
},
{
"prop": "rotate",
"description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise"
},
{
"prop": "flipH",
"description": "Flips the icon horizontally"
},
{
"prop": "flipV",
"description": "Flips the icon vertically"
},
{
"prop": "shiftH",
"description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units"
},
{
"prop": "shiftV",
"description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units"
},
{
"prop": "stacked",
"version": "2.3.0",
"description": "Set this prop to true when placing inside a BIconstack component"
},
{
"prop": "animation",
"version": "2.7.0",
"description": "Animate the icon. Supported built-in animations are 'cylon', 'fade', 'pulse', 'spin' and 'throb'"
}
]
},
{
"component": "BIconTwitter",
"auto-gen": "bootstrap-icons 1.2.2",
"props": [
{
"prop": "title",
"description": "Text content to place in the title",
"version": "2.17.0"
},
{
"prop": "variant",
"description": "Contextual color variant. By default the icon inherits the current text color"
},
{
"prop": "fontScale",
"description": "Scale the icons current font size"
},
{
"prop": "scale",
"description": "Scales the icon's SVG, without increasing the font size"
},
{
"prop": "rotate",
"description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise"
},
{
"prop": "flipH",
"description": "Flips the icon horizontally"
},
{
"prop": "flipV",
"description": "Flips the icon vertically"
},
{
"prop": "shiftH",
"description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units"
},
{
"prop": "shiftV",
"description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units"
},
{
"prop": "stacked",
"version": "2.3.0",
"description": "Set this prop to true when placing inside a BIconstack component"
},
{
"prop": "animation",
"version": "2.7.0",
"description": "Animate the icon. Supported built-in animations are 'cylon', 'fade', 'pulse', 'spin' and 'throb'"
}
]
},
{
"component": "BIconType",
"auto-gen": "bootstrap-icons 1.2.2",
"props": [
{
"prop": "title",
"description": "Text content to place in the title",
"version": "2.17.0"
},
{
"prop": "variant",
"description": "Contextual color variant. By default the icon inherits the current text color"
},
{
"prop": "fontScale",
"description": "Scale the icons current font size"
},
{
"prop": "scale",
"description": "Scales the icon's SVG, without increasing the font size"
},
{
"prop": "rotate",
"description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise"
},
{
"prop": "flipH",
"description": "Flips the icon horizontally"
},
{
"prop": "flipV",
"description": "Flips the icon vertically"
},
{
"prop": "shiftH",
"description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units"
},
{
"prop": "shiftV",
"description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units"
},
{
"prop": "stacked",
"version": "2.3.0",
"description": "Set this prop to true when placing inside a BIconstack component"
},
{
"prop": "animation",
"version": "2.7.0",
"description": "Animate the icon. Supported built-in animations are 'cylon', 'fade', 'pulse', 'spin' and 'throb'"
}
]
},
{
"component": "BIconTypeBold",
"auto-gen": "bootstrap-icons 1.2.2",
"props": [
{
"prop": "title",
"description": "Text content to place in the title",
"version": "2.17.0"
},
{
"prop": "variant",
"description": "Contextual color variant. By default the icon inherits the current text color"
},
{
"prop": "fontScale",
"description": "Scale the icons current font size"
},
{
"prop": "scale",
"description": "Scales the icon's SVG, without increasing the font size"
},
{
"prop": "rotate",
"description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise"
},
{
"prop": "flipH",
"description": "Flips the icon horizontally"
},
{
"prop": "flipV",
"description": "Flips the icon vertically"
},
{
"prop": "shiftH",
"description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units"
},
{
"prop": "shiftV",
"description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units"
},
{
"prop": "stacked",
"version": "2.3.0",
"description": "Set this prop to true when placing inside a BIconstack component"
},
{
"prop": "animation",
"version": "2.7.0",
"description": "Animate the icon. Supported built-in animations are 'cylon', 'fade', 'pulse', 'spin' and 'throb'"
}
]
},
{
"component": "BIconTypeH1",
"auto-gen": "bootstrap-icons 1.2.2",
"props": [
{
"prop": "title",
"description": "Text content to place in the title",
"version": "2.17.0"
},
{
"prop": "variant",
"description": "Contextual color variant. By default the icon inherits the current text color"
},
{
"prop": "fontScale",
"description": "Scale the icons current font size"
},
{
"prop": "scale",
"description": "Scales the icon's SVG, without increasing the font size"
},
{
"prop": "rotate",
"description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise"
},
{
"prop": "flipH",
"description": "Flips the icon horizontally"
},
{
"prop": "flipV",
"description": "Flips the icon vertically"
},
{
"prop": "shiftH",
"description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units"
},
{
"prop": "shiftV",
"description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units"
},
{
"prop": "stacked",
"version": "2.3.0",
"description": "Set this prop to true when placing inside a BIconstack component"
},
{
"prop": "animation",
"version": "2.7.0",
"description": "Animate the icon. Supported built-in animations are 'cylon', 'fade', 'pulse', 'spin' and 'throb'"
}
]
},
{
"component": "BIconTypeH2",
"auto-gen": "bootstrap-icons 1.2.2",
"props": [
{
"prop": "title",
"description": "Text content to place in the title",
"version": "2.17.0"
},
{
"prop": "variant",
"description": "Contextual color variant. By default the icon inherits the current text color"
},
{
"prop": "fontScale",
"description": "Scale the icons current font size"
},
{
"prop": "scale",
"description": "Scales the icon's SVG, without increasing the font size"
},
{
"prop": "rotate",
"description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise"
},
{
"prop": "flipH",
"description": "Flips the icon horizontally"
},
{
"prop": "flipV",
"description": "Flips the icon vertically"
},
{
"prop": "shiftH",
"description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units"
},
{
"prop": "shiftV",
"description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units"
},
{
"prop": "stacked",
"version": "2.3.0",
"description": "Set this prop to true when placing inside a BIconstack component"
},
{
"prop": "animation",
"version": "2.7.0",
"description": "Animate the icon. Supported built-in animations are 'cylon', 'fade', 'pulse', 'spin' and 'throb'"
}
]
},
{
"component": "BIconTypeH3",
"auto-gen": "bootstrap-icons 1.2.2",
"props": [
{
"prop": "title",
"description": "Text content to place in the title",
"version": "2.17.0"
},
{
"prop": "variant",
"description": "Contextual color variant. By default the icon inherits the current text color"
},
{
"prop": "fontScale",
"description": "Scale the icons current font size"
},
{
"prop": "scale",
"description": "Scales the icon's SVG, without increasing the font size"
},
{
"prop": "rotate",
"description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise"
},
{
"prop": "flipH",
"description": "Flips the icon horizontally"
},
{
"prop": "flipV",
"description": "Flips the icon vertically"
},
{
"prop": "shiftH",
"description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units"
},
{
"prop": "shiftV",
"description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units"
},
{
"prop": "stacked",
"version": "2.3.0",
"description": "Set this prop to true when placing inside a BIconstack component"
},
{
"prop": "animation",
"version": "2.7.0",
"description": "Animate the icon. Supported built-in animations are 'cylon', 'fade', 'pulse', 'spin' and 'throb'"
}
]
},
{
"component": "BIconTypeItalic",
"auto-gen": "bootstrap-icons 1.2.2",
"props": [
{
"prop": "title",
"description": "Text content to place in the title",
"version": "2.17.0"
},
{
"prop": "variant",
"description": "Contextual color variant. By default the icon inherits the current text color"
},
{
"prop": "fontScale",
"description": "Scale the icons current font size"
},
{
"prop": "scale",
"description": "Scales the icon's SVG, without increasing the font size"
},
{
"prop": "rotate",
"description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise"
},
{
"prop": "flipH",
"description": "Flips the icon horizontally"
},
{
"prop": "flipV",
"description": "Flips the icon vertically"
},
{
"prop": "shiftH",
"description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units"
},
{
"prop": "shiftV",
"description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units"
},
{
"prop": "stacked",
"version": "2.3.0",
"description": "Set this prop to true when placing inside a BIconstack component"
},
{
"prop": "animation",
"version": "2.7.0",
"description": "Animate the icon. Supported built-in animations are 'cylon', 'fade', 'pulse', 'spin' and 'throb'"
}
]
},
{
"component": "BIconTypeStrikethrough",
"auto-gen": "bootstrap-icons 1.2.2",
"props": [
{
"prop": "title",
"description": "Text content to place in the title",
"version": "2.17.0"
},
{
"prop": "variant",
"description": "Contextual color variant. By default the icon inherits the current text color"
},
{
"prop": "fontScale",
"description": "Scale the icons current font size"
},
{
"prop": "scale",
"description": "Scales the icon's SVG, without increasing the font size"
},
{
"prop": "rotate",
"description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise"
},
{
"prop": "flipH",
"description": "Flips the icon horizontally"
},
{
"prop": "flipV",
"description": "Flips the icon vertically"
},
{
"prop": "shiftH",
"description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units"
},
{
"prop": "shiftV",
"description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units"
},
{
"prop": "stacked",
"version": "2.3.0",
"description": "Set this prop to true when placing inside a BIconstack component"
},
{
"prop": "animation",
"version": "2.7.0",
"description": "Animate the icon. Supported built-in animations are 'cylon', 'fade', 'pulse', 'spin' and 'throb'"
}
]
},
{
"component": "BIconTypeUnderline",
"auto-gen": "bootstrap-icons 1.2.2",
"props": [
{
"prop": "title",
"description": "Text content to place in the title",
"version": "2.17.0"
},
{
"prop": "variant",
"description": "Contextual color variant. By default the icon inherits the current text color"
},
{
"prop": "fontScale",
"description": "Scale the icons current font size"
},
{
"prop": "scale",
"description": "Scales the icon's SVG, without increasing the font size"
},
{
"prop": "rotate",
"description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise"
},
{
"prop": "flipH",
"description": "Flips the icon horizontally"
},
{
"prop": "flipV",
"description": "Flips the icon vertically"
},
{
"prop": "shiftH",
"description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units"
},
{
"prop": "shiftV",
"description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units"
},
{
"prop": "stacked",
"version": "2.3.0",
"description": "Set this prop to true when placing inside a BIconstack component"
},
{
"prop": "animation",
"version": "2.7.0",
"description": "Animate the icon. Supported built-in animations are 'cylon', 'fade', 'pulse', 'spin' and 'throb'"
}
]
},
{
"component": "BIconUiChecks",
"auto-gen": "bootstrap-icons 1.2.2",
"props": [
{
"prop": "title",
"description": "Text content to place in the title",
"version": "2.17.0"
},
{
"prop": "variant",
"description": "Contextual color variant. By default the icon inherits the current text color"
},
{
"prop": "fontScale",
"description": "Scale the icons current font size"
},
{
"prop": "scale",
"description": "Scales the icon's SVG, without increasing the font size"
},
{
"prop": "rotate",
"description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise"
},
{
"prop": "flipH",
"description": "Flips the icon horizontally"
},
{
"prop": "flipV",
"description": "Flips the icon vertically"
},
{
"prop": "shiftH",
"description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units"
},
{
"prop": "shiftV",
"description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units"
},
{
"prop": "stacked",
"version": "2.3.0",
"description": "Set this prop to true when placing inside a BIconstack component"
},
{
"prop": "animation",
"version": "2.7.0",
"description": "Animate the icon. Supported built-in animations are 'cylon', 'fade', 'pulse', 'spin' and 'throb'"
}
]
},
{
"component": "BIconUiChecksGrid",
"auto-gen": "bootstrap-icons 1.2.2",
"props": [
{
"prop": "title",
"description": "Text content to place in the title",
"version": "2.17.0"
},
{
"prop": "variant",
"description": "Contextual color variant. By default the icon inherits the current text color"
},
{
"prop": "fontScale",
"description": "Scale the icons current font size"
},
{
"prop": "scale",
"description": "Scales the icon's SVG, without increasing the font size"
},
{
"prop": "rotate",
"description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise"
},
{
"prop": "flipH",
"description": "Flips the icon horizontally"
},
{
"prop": "flipV",
"description": "Flips the icon vertically"
},
{
"prop": "shiftH",
"description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units"
},
{
"prop": "shiftV",
"description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units"
},
{
"prop": "stacked",
"version": "2.3.0",
"description": "Set this prop to true when placing inside a BIconstack component"
},
{
"prop": "animation",
"version": "2.7.0",
"description": "Animate the icon. Supported built-in animations are 'cylon', 'fade', 'pulse', 'spin' and 'throb'"
}
]
},
{
"component": "BIconUiRadios",
"auto-gen": "bootstrap-icons 1.2.2",
"props": [
{
"prop": "title",
"description": "Text content to place in the title",
"version": "2.17.0"
},
{
"prop": "variant",
"description": "Contextual color variant. By default the icon inherits the current text color"
},
{
"prop": "fontScale",
"description": "Scale the icons current font size"
},
{
"prop": "scale",
"description": "Scales the icon's SVG, without increasing the font size"
},
{
"prop": "rotate",
"description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise"
},
{
"prop": "flipH",
"description": "Flips the icon horizontally"
},
{
"prop": "flipV",
"description": "Flips the icon vertically"
},
{
"prop": "shiftH",
"description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units"
},
{
"prop": "shiftV",
"description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units"
},
{
"prop": "stacked",
"version": "2.3.0",
"description": "Set this prop to true when placing inside a BIconstack component"
},
{
"prop": "animation",
"version": "2.7.0",
"description": "Animate the icon. Supported built-in animations are 'cylon', 'fade', 'pulse', 'spin' and 'throb'"
}
]
},
{
"component": "BIconUiRadiosGrid",
"auto-gen": "bootstrap-icons 1.2.2",
"props": [
{
"prop": "title",
"description": "Text content to place in the title",
"version": "2.17.0"
},
{
"prop": "variant",
"description": "Contextual color variant. By default the icon inherits the current text color"
},
{
"prop": "fontScale",
"description": "Scale the icons current font size"
},
{
"prop": "scale",
"description": "Scales the icon's SVG, without increasing the font size"
},
{
"prop": "rotate",
"description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise"
},
{
"prop": "flipH",
"description": "Flips the icon horizontally"
},
{
"prop": "flipV",
"description": "Flips the icon vertically"
},
{
"prop": "shiftH",
"description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units"
},
{
"prop": "shiftV",
"description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units"
},
{
"prop": "stacked",
"version": "2.3.0",
"description": "Set this prop to true when placing inside a BIconstack component"
},
{
"prop": "animation",
"version": "2.7.0",
"description": "Animate the icon. Supported built-in animations are 'cylon', 'fade', 'pulse', 'spin' and 'throb'"
}
]
},
{
"component": "BIconUnion",
"auto-gen": "bootstrap-icons 1.2.2",
"props": [
{
"prop": "title",
"description": "Text content to place in the title",
"version": "2.17.0"
},
{
"prop": "variant",
"description": "Contextual color variant. By default the icon inherits the current text color"
},
{
"prop": "fontScale",
"description": "Scale the icons current font size"
},
{
"prop": "scale",
"description": "Scales the icon's SVG, without increasing the font size"
},
{
"prop": "rotate",
"description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise"
},
{
"prop": "flipH",
"description": "Flips the icon horizontally"
},
{
"prop": "flipV",
"description": "Flips the icon vertically"
},
{
"prop": "shiftH",
"description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units"
},
{
"prop": "shiftV",
"description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units"
},
{
"prop": "stacked",
"version": "2.3.0",
"description": "Set this prop to true when placing inside a BIconstack component"
},
{
"prop": "animation",
"version": "2.7.0",
"description": "Animate the icon. Supported built-in animations are 'cylon', 'fade', 'pulse', 'spin' and 'throb'"
}
]
},
{
"component": "BIconUnlock",
"auto-gen": "bootstrap-icons 1.2.2",
"props": [
{
"prop": "title",
"description": "Text content to place in the title",
"version": "2.17.0"
},
{
"prop": "variant",
"description": "Contextual color variant. By default the icon inherits the current text color"
},
{
"prop": "fontScale",
"description": "Scale the icons current font size"
},
{
"prop": "scale",
"description": "Scales the icon's SVG, without increasing the font size"
},
{
"prop": "rotate",
"description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise"
},
{
"prop": "flipH",
"description": "Flips the icon horizontally"
},
{
"prop": "flipV",
"description": "Flips the icon vertically"
},
{
"prop": "shiftH",
"description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units"
},
{
"prop": "shiftV",
"description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units"
},
{
"prop": "stacked",
"version": "2.3.0",
"description": "Set this prop to true when placing inside a BIconstack component"
},
{
"prop": "animation",
"version": "2.7.0",
"description": "Animate the icon. Supported built-in animations are 'cylon', 'fade', 'pulse', 'spin' and 'throb'"
}
]
},
{
"component": "BIconUnlockFill",
"auto-gen": "bootstrap-icons 1.2.2",
"props": [
{
"prop": "title",
"description": "Text content to place in the title",
"version": "2.17.0"
},
{
"prop": "variant",
"description": "Contextual color variant. By default the icon inherits the current text color"
},
{
"prop": "fontScale",
"description": "Scale the icons current font size"
},
{
"prop": "scale",
"description": "Scales the icon's SVG, without increasing the font size"
},
{
"prop": "rotate",
"description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise"
},
{
"prop": "flipH",
"description": "Flips the icon horizontally"
},
{
"prop": "flipV",
"description": "Flips the icon vertically"
},
{
"prop": "shiftH",
"description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units"
},
{
"prop": "shiftV",
"description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units"
},
{
"prop": "stacked",
"version": "2.3.0",
"description": "Set this prop to true when placing inside a BIconstack component"
},
{
"prop": "animation",
"version": "2.7.0",
"description": "Animate the icon. Supported built-in animations are 'cylon', 'fade', 'pulse', 'spin' and 'throb'"
}
]
},
{
"component": "BIconUpc",
"auto-gen": "bootstrap-icons 1.2.2",
"props": [
{
"prop": "title",
"description": "Text content to place in the title",
"version": "2.17.0"
},
{
"prop": "variant",
"description": "Contextual color variant. By default the icon inherits the current text color"
},
{
"prop": "fontScale",
"description": "Scale the icons current font size"
},
{
"prop": "scale",
"description": "Scales the icon's SVG, without increasing the font size"
},
{
"prop": "rotate",
"description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise"
},
{
"prop": "flipH",
"description": "Flips the icon horizontally"
},
{
"prop": "flipV",
"description": "Flips the icon vertically"
},
{
"prop": "shiftH",
"description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units"
},
{
"prop": "shiftV",
"description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units"
},
{
"prop": "stacked",
"version": "2.3.0",
"description": "Set this prop to true when placing inside a BIconstack component"
},
{
"prop": "animation",
"version": "2.7.0",
"description": "Animate the icon. Supported built-in animations are 'cylon', 'fade', 'pulse', 'spin' and 'throb'"
}
]
},
{
"component": "BIconUpcScan",
"auto-gen": "bootstrap-icons 1.2.2",
"props": [
{
"prop": "title",
"description": "Text content to place in the title",
"version": "2.17.0"
},
{
"prop": "variant",
"description": "Contextual color variant. By default the icon inherits the current text color"
},
{
"prop": "fontScale",
"description": "Scale the icons current font size"
},
{
"prop": "scale",
"description": "Scales the icon's SVG, without increasing the font size"
},
{
"prop": "rotate",
"description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise"
},
{
"prop": "flipH",
"description": "Flips the icon horizontally"
},
{
"prop": "flipV",
"description": "Flips the icon vertically"
},
{
"prop": "shiftH",
"description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units"
},
{
"prop": "shiftV",
"description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units"
},
{
"prop": "stacked",
"version": "2.3.0",
"description": "Set this prop to true when placing inside a BIconstack component"
},
{
"prop": "animation",
"version": "2.7.0",
"description": "Animate the icon. Supported built-in animations are 'cylon', 'fade', 'pulse', 'spin' and 'throb'"
}
]
},
{
"component": "BIconUpload",
"auto-gen": "bootstrap-icons 1.2.2",
"props": [
{
"prop": "title",
"description": "Text content to place in the title",
"version": "2.17.0"
},
{
"prop": "variant",
"description": "Contextual color variant. By default the icon inherits the current text color"
},
{
"prop": "fontScale",
"description": "Scale the icons current font size"
},
{
"prop": "scale",
"description": "Scales the icon's SVG, without increasing the font size"
},
{
"prop": "rotate",
"description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise"
},
{
"prop": "flipH",
"description": "Flips the icon horizontally"
},
{
"prop": "flipV",
"description": "Flips the icon vertically"
},
{
"prop": "shiftH",
"description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units"
},
{
"prop": "shiftV",
"description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units"
},
{
"prop": "stacked",
"version": "2.3.0",
"description": "Set this prop to true when placing inside a BIconstack component"
},
{
"prop": "animation",
"version": "2.7.0",
"description": "Animate the icon. Supported built-in animations are 'cylon', 'fade', 'pulse', 'spin' and 'throb'"
}
]
},
{
"component": "BIconVectorPen",
"auto-gen": "bootstrap-icons 1.2.2",
"props": [
{
"prop": "title",
"description": "Text content to place in the title",
"version": "2.17.0"
},
{
"prop": "variant",
"description": "Contextual color variant. By default the icon inherits the current text color"
},
{
"prop": "fontScale",
"description": "Scale the icons current font size"
},
{
"prop": "scale",
"description": "Scales the icon's SVG, without increasing the font size"
},
{
"prop": "rotate",
"description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise"
},
{
"prop": "flipH",
"description": "Flips the icon horizontally"
},
{
"prop": "flipV",
"description": "Flips the icon vertically"
},
{
"prop": "shiftH",
"description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units"
},
{
"prop": "shiftV",
"description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units"
},
{
"prop": "stacked",
"version": "2.3.0",
"description": "Set this prop to true when placing inside a BIconstack component"
},
{
"prop": "animation",
"version": "2.7.0",
"description": "Animate the icon. Supported built-in animations are 'cylon', 'fade', 'pulse', 'spin' and 'throb'"
}
]
},
{
"component": "BIconViewList",
"auto-gen": "bootstrap-icons 1.2.2",
"props": [
{
"prop": "title",
"description": "Text content to place in the title",
"version": "2.17.0"
},
{
"prop": "variant",
"description": "Contextual color variant. By default the icon inherits the current text color"
},
{
"prop": "fontScale",
"description": "Scale the icons current font size"
},
{
"prop": "scale",
"description": "Scales the icon's SVG, without increasing the font size"
},
{
"prop": "rotate",
"description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise"
},
{
"prop": "flipH",
"description": "Flips the icon horizontally"
},
{
"prop": "flipV",
"description": "Flips the icon vertically"
},
{
"prop": "shiftH",
"description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units"
},
{
"prop": "shiftV",
"description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units"
},
{
"prop": "stacked",
"version": "2.3.0",
"description": "Set this prop to true when placing inside a BIconstack component"
},
{
"prop": "animation",
"version": "2.7.0",
"description": "Animate the icon. Supported built-in animations are 'cylon', 'fade', 'pulse', 'spin' and 'throb'"
}
]
},
{
"component": "BIconViewStacked",
"auto-gen": "bootstrap-icons 1.2.2",
"props": [
{
"prop": "title",
"description": "Text content to place in the title",
"version": "2.17.0"
},
{
"prop": "variant",
"description": "Contextual color variant. By default the icon inherits the current text color"
},
{
"prop": "fontScale",
"description": "Scale the icons current font size"
},
{
"prop": "scale",
"description": "Scales the icon's SVG, without increasing the font size"
},
{
"prop": "rotate",
"description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise"
},
{
"prop": "flipH",
"description": "Flips the icon horizontally"
},
{
"prop": "flipV",
"description": "Flips the icon vertically"
},
{
"prop": "shiftH",
"description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units"
},
{
"prop": "shiftV",
"description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units"
},
{
"prop": "stacked",
"version": "2.3.0",
"description": "Set this prop to true when placing inside a BIconstack component"
},
{
"prop": "animation",
"version": "2.7.0",
"description": "Animate the icon. Supported built-in animations are 'cylon', 'fade', 'pulse', 'spin' and 'throb'"
}
]
},
{
"component": "BIconVinyl",
"auto-gen": "bootstrap-icons 1.2.2",
"props": [
{
"prop": "title",
"description": "Text content to place in the title",
"version": "2.17.0"
},
{
"prop": "variant",
"description": "Contextual color variant. By default the icon inherits the current text color"
},
{
"prop": "fontScale",
"description": "Scale the icons current font size"
},
{
"prop": "scale",
"description": "Scales the icon's SVG, without increasing the font size"
},
{
"prop": "rotate",
"description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise"
},
{
"prop": "flipH",
"description": "Flips the icon horizontally"
},
{
"prop": "flipV",
"description": "Flips the icon vertically"
},
{
"prop": "shiftH",
"description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units"
},
{
"prop": "shiftV",
"description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units"
},
{
"prop": "stacked",
"version": "2.3.0",
"description": "Set this prop to true when placing inside a BIconstack component"
},
{
"prop": "animation",
"version": "2.7.0",
"description": "Animate the icon. Supported built-in animations are 'cylon', 'fade', 'pulse', 'spin' and 'throb'"
}
]
},
{
"component": "BIconVinylFill",
"auto-gen": "bootstrap-icons 1.2.2",
"props": [
{
"prop": "title",
"description": "Text content to place in the title",
"version": "2.17.0"
},
{
"prop": "variant",
"description": "Contextual color variant. By default the icon inherits the current text color"
},
{
"prop": "fontScale",
"description": "Scale the icons current font size"
},
{
"prop": "scale",
"description": "Scales the icon's SVG, without increasing the font size"
},
{
"prop": "rotate",
"description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise"
},
{
"prop": "flipH",
"description": "Flips the icon horizontally"
},
{
"prop": "flipV",
"description": "Flips the icon vertically"
},
{
"prop": "shiftH",
"description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units"
},
{
"prop": "shiftV",
"description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units"
},
{
"prop": "stacked",
"version": "2.3.0",
"description": "Set this prop to true when placing inside a BIconstack component"
},
{
"prop": "animation",
"version": "2.7.0",
"description": "Animate the icon. Supported built-in animations are 'cylon', 'fade', 'pulse', 'spin' and 'throb'"
}
]
},
{
"component": "BIconVoicemail",
"auto-gen": "bootstrap-icons 1.2.2",
"props": [
{
"prop": "title",
"description": "Text content to place in the title",
"version": "2.17.0"
},
{
"prop": "variant",
"description": "Contextual color variant. By default the icon inherits the current text color"
},
{
"prop": "fontScale",
"description": "Scale the icons current font size"
},
{
"prop": "scale",
"description": "Scales the icon's SVG, without increasing the font size"
},
{
"prop": "rotate",
"description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise"
},
{
"prop": "flipH",
"description": "Flips the icon horizontally"
},
{
"prop": "flipV",
"description": "Flips the icon vertically"
},
{
"prop": "shiftH",
"description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units"
},
{
"prop": "shiftV",
"description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units"
},
{
"prop": "stacked",
"version": "2.3.0",
"description": "Set this prop to true when placing inside a BIconstack component"
},
{
"prop": "animation",
"version": "2.7.0",
"description": "Animate the icon. Supported built-in animations are 'cylon', 'fade', 'pulse', 'spin' and 'throb'"
}
]
},
{
"component": "BIconVolumeDown",
"auto-gen": "bootstrap-icons 1.2.2",
"props": [
{
"prop": "title",
"description": "Text content to place in the title",
"version": "2.17.0"
},
{
"prop": "variant",
"description": "Contextual color variant. By default the icon inherits the current text color"
},
{
"prop": "fontScale",
"description": "Scale the icons current font size"
},
{
"prop": "scale",
"description": "Scales the icon's SVG, without increasing the font size"
},
{
"prop": "rotate",
"description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise"
},
{
"prop": "flipH",
"description": "Flips the icon horizontally"
},
{
"prop": "flipV",
"description": "Flips the icon vertically"
},
{
"prop": "shiftH",
"description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units"
},
{
"prop": "shiftV",
"description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units"
},
{
"prop": "stacked",
"version": "2.3.0",
"description": "Set this prop to true when placing inside a BIconstack component"
},
{
"prop": "animation",
"version": "2.7.0",
"description": "Animate the icon. Supported built-in animations are 'cylon', 'fade', 'pulse', 'spin' and 'throb'"
}
]
},
{
"component": "BIconVolumeDownFill",
"auto-gen": "bootstrap-icons 1.2.2",
"props": [
{
"prop": "title",
"description": "Text content to place in the title",
"version": "2.17.0"
},
{
"prop": "variant",
"description": "Contextual color variant. By default the icon inherits the current text color"
},
{
"prop": "fontScale",
"description": "Scale the icons current font size"
},
{
"prop": "scale",
"description": "Scales the icon's SVG, without increasing the font size"
},
{
"prop": "rotate",
"description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise"
},
{
"prop": "flipH",
"description": "Flips the icon horizontally"
},
{
"prop": "flipV",
"description": "Flips the icon vertically"
},
{
"prop": "shiftH",
"description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units"
},
{
"prop": "shiftV",
"description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units"
},
{
"prop": "stacked",
"version": "2.3.0",
"description": "Set this prop to true when placing inside a BIconstack component"
},
{
"prop": "animation",
"version": "2.7.0",
"description": "Animate the icon. Supported built-in animations are 'cylon', 'fade', 'pulse', 'spin' and 'throb'"
}
]
},
{
"component": "BIconVolumeMute",
"auto-gen": "bootstrap-icons 1.2.2",
"props": [
{
"prop": "title",
"description": "Text content to place in the title",
"version": "2.17.0"
},
{
"prop": "variant",
"description": "Contextual color variant. By default the icon inherits the current text color"
},
{
"prop": "fontScale",
"description": "Scale the icons current font size"
},
{
"prop": "scale",
"description": "Scales the icon's SVG, without increasing the font size"
},
{
"prop": "rotate",
"description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise"
},
{
"prop": "flipH",
"description": "Flips the icon horizontally"
},
{
"prop": "flipV",
"description": "Flips the icon vertically"
},
{
"prop": "shiftH",
"description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units"
},
{
"prop": "shiftV",
"description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units"
},
{
"prop": "stacked",
"version": "2.3.0",
"description": "Set this prop to true when placing inside a BIconstack component"
},
{
"prop": "animation",
"version": "2.7.0",
"description": "Animate the icon. Supported built-in animations are 'cylon', 'fade', 'pulse', 'spin' and 'throb'"
}
]
},
{
"component": "BIconVolumeMuteFill",
"auto-gen": "bootstrap-icons 1.2.2",
"props": [
{
"prop": "title",
"description": "Text content to place in the title",
"version": "2.17.0"
},
{
"prop": "variant",
"description": "Contextual color variant. By default the icon inherits the current text color"
},
{
"prop": "fontScale",
"description": "Scale the icons current font size"
},
{
"prop": "scale",
"description": "Scales the icon's SVG, without increasing the font size"
},
{
"prop": "rotate",
"description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise"
},
{
"prop": "flipH",
"description": "Flips the icon horizontally"
},
{
"prop": "flipV",
"description": "Flips the icon vertically"
},
{
"prop": "shiftH",
"description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units"
},
{
"prop": "shiftV",
"description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units"
},
{
"prop": "stacked",
"version": "2.3.0",
"description": "Set this prop to true when placing inside a BIconstack component"
},
{
"prop": "animation",
"version": "2.7.0",
"description": "Animate the icon. Supported built-in animations are 'cylon', 'fade', 'pulse', 'spin' and 'throb'"
}
]
},
{
"component": "BIconVolumeOff",
"auto-gen": "bootstrap-icons 1.2.2",
"props": [
{
"prop": "title",
"description": "Text content to place in the title",
"version": "2.17.0"
},
{
"prop": "variant",
"description": "Contextual color variant. By default the icon inherits the current text color"
},
{
"prop": "fontScale",
"description": "Scale the icons current font size"
},
{
"prop": "scale",
"description": "Scales the icon's SVG, without increasing the font size"
},
{
"prop": "rotate",
"description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise"
},
{
"prop": "flipH",
"description": "Flips the icon horizontally"
},
{
"prop": "flipV",
"description": "Flips the icon vertically"
},
{
"prop": "shiftH",
"description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units"
},
{
"prop": "shiftV",
"description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units"
},
{
"prop": "stacked",
"version": "2.3.0",
"description": "Set this prop to true when placing inside a BIconstack component"
},
{
"prop": "animation",
"version": "2.7.0",
"description": "Animate the icon. Supported built-in animations are 'cylon', 'fade', 'pulse', 'spin' and 'throb'"
}
]
},
{
"component": "BIconVolumeOffFill",
"auto-gen": "bootstrap-icons 1.2.2",
"props": [
{
"prop": "title",
"description": "Text content to place in the title",
"version": "2.17.0"
},
{
"prop": "variant",
"description": "Contextual color variant. By default the icon inherits the current text color"
},
{
"prop": "fontScale",
"description": "Scale the icons current font size"
},
{
"prop": "scale",
"description": "Scales the icon's SVG, without increasing the font size"
},
{
"prop": "rotate",
"description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise"
},
{
"prop": "flipH",
"description": "Flips the icon horizontally"
},
{
"prop": "flipV",
"description": "Flips the icon vertically"
},
{
"prop": "shiftH",
"description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units"
},
{
"prop": "shiftV",
"description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units"
},
{
"prop": "stacked",
"version": "2.3.0",
"description": "Set this prop to true when placing inside a BIconstack component"
},
{
"prop": "animation",
"version": "2.7.0",
"description": "Animate the icon. Supported built-in animations are 'cylon', 'fade', 'pulse', 'spin' and 'throb'"
}
]
},
{
"component": "BIconVolumeUp",
"auto-gen": "bootstrap-icons 1.2.2",
"props": [
{
"prop": "title",
"description": "Text content to place in the title",
"version": "2.17.0"
},
{
"prop": "variant",
"description": "Contextual color variant. By default the icon inherits the current text color"
},
{
"prop": "fontScale",
"description": "Scale the icons current font size"
},
{
"prop": "scale",
"description": "Scales the icon's SVG, without increasing the font size"
},
{
"prop": "rotate",
"description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise"
},
{
"prop": "flipH",
"description": "Flips the icon horizontally"
},
{
"prop": "flipV",
"description": "Flips the icon vertically"
},
{
"prop": "shiftH",
"description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units"
},
{
"prop": "shiftV",
"description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units"
},
{
"prop": "stacked",
"version": "2.3.0",
"description": "Set this prop to true when placing inside a BIconstack component"
},
{
"prop": "animation",
"version": "2.7.0",
"description": "Animate the icon. Supported built-in animations are 'cylon', 'fade', 'pulse', 'spin' and 'throb'"
}
]
},
{
"component": "BIconVolumeUpFill",
"auto-gen": "bootstrap-icons 1.2.2",
"props": [
{
"prop": "title",
"description": "Text content to place in the title",
"version": "2.17.0"
},
{
"prop": "variant",
"description": "Contextual color variant. By default the icon inherits the current text color"
},
{
"prop": "fontScale",
"description": "Scale the icons current font size"
},
{
"prop": "scale",
"description": "Scales the icon's SVG, without increasing the font size"
},
{
"prop": "rotate",
"description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise"
},
{
"prop": "flipH",
"description": "Flips the icon horizontally"
},
{
"prop": "flipV",
"description": "Flips the icon vertically"
},
{
"prop": "shiftH",
"description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units"
},
{
"prop": "shiftV",
"description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units"
},
{
"prop": "stacked",
"version": "2.3.0",
"description": "Set this prop to true when placing inside a BIconstack component"
},
{
"prop": "animation",
"version": "2.7.0",
"description": "Animate the icon. Supported built-in animations are 'cylon', 'fade', 'pulse', 'spin' and 'throb'"
}
]
},
{
"component": "BIconVr",
"auto-gen": "bootstrap-icons 1.2.2",
"props": [
{
"prop": "title",
"description": "Text content to place in the title",
"version": "2.17.0"
},
{
"prop": "variant",
"description": "Contextual color variant. By default the icon inherits the current text color"
},
{
"prop": "fontScale",
"description": "Scale the icons current font size"
},
{
"prop": "scale",
"description": "Scales the icon's SVG, without increasing the font size"
},
{
"prop": "rotate",
"description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise"
},
{
"prop": "flipH",
"description": "Flips the icon horizontally"
},
{
"prop": "flipV",
"description": "Flips the icon vertically"
},
{
"prop": "shiftH",
"description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units"
},
{
"prop": "shiftV",
"description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units"
},
{
"prop": "stacked",
"version": "2.3.0",
"description": "Set this prop to true when placing inside a BIconstack component"
},
{
"prop": "animation",
"version": "2.7.0",
"description": "Animate the icon. Supported built-in animations are 'cylon', 'fade', 'pulse', 'spin' and 'throb'"
}
]
},
{
"component": "BIconWallet",
"auto-gen": "bootstrap-icons 1.2.2",
"props": [
{
"prop": "title",
"description": "Text content to place in the title",
"version": "2.17.0"
},
{
"prop": "variant",
"description": "Contextual color variant. By default the icon inherits the current text color"
},
{
"prop": "fontScale",
"description": "Scale the icons current font size"
},
{
"prop": "scale",
"description": "Scales the icon's SVG, without increasing the font size"
},
{
"prop": "rotate",
"description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise"
},
{
"prop": "flipH",
"description": "Flips the icon horizontally"
},
{
"prop": "flipV",
"description": "Flips the icon vertically"
},
{
"prop": "shiftH",
"description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units"
},
{
"prop": "shiftV",
"description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units"
},
{
"prop": "stacked",
"version": "2.3.0",
"description": "Set this prop to true when placing inside a BIconstack component"
},
{
"prop": "animation",
"version": "2.7.0",
"description": "Animate the icon. Supported built-in animations are 'cylon', 'fade', 'pulse', 'spin' and 'throb'"
}
]
},
{
"component": "BIconWallet2",
"auto-gen": "bootstrap-icons 1.2.2",
"props": [
{
"prop": "title",
"description": "Text content to place in the title",
"version": "2.17.0"
},
{
"prop": "variant",
"description": "Contextual color variant. By default the icon inherits the current text color"
},
{
"prop": "fontScale",
"description": "Scale the icons current font size"
},
{
"prop": "scale",
"description": "Scales the icon's SVG, without increasing the font size"
},
{
"prop": "rotate",
"description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise"
},
{
"prop": "flipH",
"description": "Flips the icon horizontally"
},
{
"prop": "flipV",
"description": "Flips the icon vertically"
},
{
"prop": "shiftH",
"description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units"
},
{
"prop": "shiftV",
"description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units"
},
{
"prop": "stacked",
"version": "2.3.0",
"description": "Set this prop to true when placing inside a BIconstack component"
},
{
"prop": "animation",
"version": "2.7.0",
"description": "Animate the icon. Supported built-in animations are 'cylon', 'fade', 'pulse', 'spin' and 'throb'"
}
]
},
{
"component": "BIconWalletFill",
"auto-gen": "bootstrap-icons 1.2.2",
"props": [
{
"prop": "title",
"description": "Text content to place in the title",
"version": "2.17.0"
},
{
"prop": "variant",
"description": "Contextual color variant. By default the icon inherits the current text color"
},
{
"prop": "fontScale",
"description": "Scale the icons current font size"
},
{
"prop": "scale",
"description": "Scales the icon's SVG, without increasing the font size"
},
{
"prop": "rotate",
"description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise"
},
{
"prop": "flipH",
"description": "Flips the icon horizontally"
},
{
"prop": "flipV",
"description": "Flips the icon vertically"
},
{
"prop": "shiftH",
"description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units"
},
{
"prop": "shiftV",
"description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units"
},
{
"prop": "stacked",
"version": "2.3.0",
"description": "Set this prop to true when placing inside a BIconstack component"
},
{
"prop": "animation",
"version": "2.7.0",
"description": "Animate the icon. Supported built-in animations are 'cylon', 'fade', 'pulse', 'spin' and 'throb'"
}
]
},
{
"component": "BIconWatch",
"auto-gen": "bootstrap-icons 1.2.2",
"props": [
{
"prop": "title",
"description": "Text content to place in the title",
"version": "2.17.0"
},
{
"prop": "variant",
"description": "Contextual color variant. By default the icon inherits the current text color"
},
{
"prop": "fontScale",
"description": "Scale the icons current font size"
},
{
"prop": "scale",
"description": "Scales the icon's SVG, without increasing the font size"
},
{
"prop": "rotate",
"description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise"
},
{
"prop": "flipH",
"description": "Flips the icon horizontally"
},
{
"prop": "flipV",
"description": "Flips the icon vertically"
},
{
"prop": "shiftH",
"description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units"
},
{
"prop": "shiftV",
"description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units"
},
{
"prop": "stacked",
"version": "2.3.0",
"description": "Set this prop to true when placing inside a BIconstack component"
},
{
"prop": "animation",
"version": "2.7.0",
"description": "Animate the icon. Supported built-in animations are 'cylon', 'fade', 'pulse', 'spin' and 'throb'"
}
]
},
{
"component": "BIconWifi",
"auto-gen": "bootstrap-icons 1.2.2",
"props": [
{
"prop": "title",
"description": "Text content to place in the title",
"version": "2.17.0"
},
{
"prop": "variant",
"description": "Contextual color variant. By default the icon inherits the current text color"
},
{
"prop": "fontScale",
"description": "Scale the icons current font size"
},
{
"prop": "scale",
"description": "Scales the icon's SVG, without increasing the font size"
},
{
"prop": "rotate",
"description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise"
},
{
"prop": "flipH",
"description": "Flips the icon horizontally"
},
{
"prop": "flipV",
"description": "Flips the icon vertically"
},
{
"prop": "shiftH",
"description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units"
},
{
"prop": "shiftV",
"description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units"
},
{
"prop": "stacked",
"version": "2.3.0",
"description": "Set this prop to true when placing inside a BIconstack component"
},
{
"prop": "animation",
"version": "2.7.0",
"description": "Animate the icon. Supported built-in animations are 'cylon', 'fade', 'pulse', 'spin' and 'throb'"
}
]
},
{
"component": "BIconWifi1",
"auto-gen": "bootstrap-icons 1.2.2",
"props": [
{
"prop": "title",
"description": "Text content to place in the title",
"version": "2.17.0"
},
{
"prop": "variant",
"description": "Contextual color variant. By default the icon inherits the current text color"
},
{
"prop": "fontScale",
"description": "Scale the icons current font size"
},
{
"prop": "scale",
"description": "Scales the icon's SVG, without increasing the font size"
},
{
"prop": "rotate",
"description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise"
},
{
"prop": "flipH",
"description": "Flips the icon horizontally"
},
{
"prop": "flipV",
"description": "Flips the icon vertically"
},
{
"prop": "shiftH",
"description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units"
},
{
"prop": "shiftV",
"description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units"
},
{
"prop": "stacked",
"version": "2.3.0",
"description": "Set this prop to true when placing inside a BIconstack component"
},
{
"prop": "animation",
"version": "2.7.0",
"description": "Animate the icon. Supported built-in animations are 'cylon', 'fade', 'pulse', 'spin' and 'throb'"
}
]
},
{
"component": "BIconWifi2",
"auto-gen": "bootstrap-icons 1.2.2",
"props": [
{
"prop": "title",
"description": "Text content to place in the title",
"version": "2.17.0"
},
{
"prop": "variant",
"description": "Contextual color variant. By default the icon inherits the current text color"
},
{
"prop": "fontScale",
"description": "Scale the icons current font size"
},
{
"prop": "scale",
"description": "Scales the icon's SVG, without increasing the font size"
},
{
"prop": "rotate",
"description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise"
},
{
"prop": "flipH",
"description": "Flips the icon horizontally"
},
{
"prop": "flipV",
"description": "Flips the icon vertically"
},
{
"prop": "shiftH",
"description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units"
},
{
"prop": "shiftV",
"description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units"
},
{
"prop": "stacked",
"version": "2.3.0",
"description": "Set this prop to true when placing inside a BIconstack component"
},
{
"prop": "animation",
"version": "2.7.0",
"description": "Animate the icon. Supported built-in animations are 'cylon', 'fade', 'pulse', 'spin' and 'throb'"
}
]
},
{
"component": "BIconWifiOff",
"auto-gen": "bootstrap-icons 1.2.2",
"props": [
{
"prop": "title",
"description": "Text content to place in the title",
"version": "2.17.0"
},
{
"prop": "variant",
"description": "Contextual color variant. By default the icon inherits the current text color"
},
{
"prop": "fontScale",
"description": "Scale the icons current font size"
},
{
"prop": "scale",
"description": "Scales the icon's SVG, without increasing the font size"
},
{
"prop": "rotate",
"description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise"
},
{
"prop": "flipH",
"description": "Flips the icon horizontally"
},
{
"prop": "flipV",
"description": "Flips the icon vertically"
},
{
"prop": "shiftH",
"description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units"
},
{
"prop": "shiftV",
"description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units"
},
{
"prop": "stacked",
"version": "2.3.0",
"description": "Set this prop to true when placing inside a BIconstack component"
},
{
"prop": "animation",
"version": "2.7.0",
"description": "Animate the icon. Supported built-in animations are 'cylon', 'fade', 'pulse', 'spin' and 'throb'"
}
]
},
{
"component": "BIconWindow",
"auto-gen": "bootstrap-icons 1.2.2",
"props": [
{
"prop": "title",
"description": "Text content to place in the title",
"version": "2.17.0"
},
{
"prop": "variant",
"description": "Contextual color variant. By default the icon inherits the current text color"
},
{
"prop": "fontScale",
"description": "Scale the icons current font size"
},
{
"prop": "scale",
"description": "Scales the icon's SVG, without increasing the font size"
},
{
"prop": "rotate",
"description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise"
},
{
"prop": "flipH",
"description": "Flips the icon horizontally"
},
{
"prop": "flipV",
"description": "Flips the icon vertically"
},
{
"prop": "shiftH",
"description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units"
},
{
"prop": "shiftV",
"description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units"
},
{
"prop": "stacked",
"version": "2.3.0",
"description": "Set this prop to true when placing inside a BIconstack component"
},
{
"prop": "animation",
"version": "2.7.0",
"description": "Animate the icon. Supported built-in animations are 'cylon', 'fade', 'pulse', 'spin' and 'throb'"
}
]
},
{
"component": "BIconWrench",
"auto-gen": "bootstrap-icons 1.2.2",
"props": [
{
"prop": "title",
"description": "Text content to place in the title",
"version": "2.17.0"
},
{
"prop": "variant",
"description": "Contextual color variant. By default the icon inherits the current text color"
},
{
"prop": "fontScale",
"description": "Scale the icons current font size"
},
{
"prop": "scale",
"description": "Scales the icon's SVG, without increasing the font size"
},
{
"prop": "rotate",
"description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise"
},
{
"prop": "flipH",
"description": "Flips the icon horizontally"
},
{
"prop": "flipV",
"description": "Flips the icon vertically"
},
{
"prop": "shiftH",
"description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units"
},
{
"prop": "shiftV",
"description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units"
},
{
"prop": "stacked",
"version": "2.3.0",
"description": "Set this prop to true when placing inside a BIconstack component"
},
{
"prop": "animation",
"version": "2.7.0",
"description": "Animate the icon. Supported built-in animations are 'cylon', 'fade', 'pulse', 'spin' and 'throb'"
}
]
},
{
"component": "BIconX",
"auto-gen": "bootstrap-icons 1.2.2",
"props": [
{
"prop": "title",
"description": "Text content to place in the title",
"version": "2.17.0"
},
{
"prop": "variant",
"description": "Contextual color variant. By default the icon inherits the current text color"
},
{
"prop": "fontScale",
"description": "Scale the icons current font size"
},
{
"prop": "scale",
"description": "Scales the icon's SVG, without increasing the font size"
},
{
"prop": "rotate",
"description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise"
},
{
"prop": "flipH",
"description": "Flips the icon horizontally"
},
{
"prop": "flipV",
"description": "Flips the icon vertically"
},
{
"prop": "shiftH",
"description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units"
},
{
"prop": "shiftV",
"description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units"
},
{
"prop": "stacked",
"version": "2.3.0",
"description": "Set this prop to true when placing inside a BIconstack component"
},
{
"prop": "animation",
"version": "2.7.0",
"description": "Animate the icon. Supported built-in animations are 'cylon', 'fade', 'pulse', 'spin' and 'throb'"
}
]
},
{
"component": "BIconXCircle",
"auto-gen": "bootstrap-icons 1.2.2",
"props": [
{
"prop": "title",
"description": "Text content to place in the title",
"version": "2.17.0"
},
{
"prop": "variant",
"description": "Contextual color variant. By default the icon inherits the current text color"
},
{
"prop": "fontScale",
"description": "Scale the icons current font size"
},
{
"prop": "scale",
"description": "Scales the icon's SVG, without increasing the font size"
},
{
"prop": "rotate",
"description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise"
},
{
"prop": "flipH",
"description": "Flips the icon horizontally"
},
{
"prop": "flipV",
"description": "Flips the icon vertically"
},
{
"prop": "shiftH",
"description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units"
},
{
"prop": "shiftV",
"description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units"
},
{
"prop": "stacked",
"version": "2.3.0",
"description": "Set this prop to true when placing inside a BIconstack component"
},
{
"prop": "animation",
"version": "2.7.0",
"description": "Animate the icon. Supported built-in animations are 'cylon', 'fade', 'pulse', 'spin' and 'throb'"
}
]
},
{
"component": "BIconXCircleFill",
"auto-gen": "bootstrap-icons 1.2.2",
"props": [
{
"prop": "title",
"description": "Text content to place in the title",
"version": "2.17.0"
},
{
"prop": "variant",
"description": "Contextual color variant. By default the icon inherits the current text color"
},
{
"prop": "fontScale",
"description": "Scale the icons current font size"
},
{
"prop": "scale",
"description": "Scales the icon's SVG, without increasing the font size"
},
{
"prop": "rotate",
"description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise"
},
{
"prop": "flipH",
"description": "Flips the icon horizontally"
},
{
"prop": "flipV",
"description": "Flips the icon vertically"
},
{
"prop": "shiftH",
"description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units"
},
{
"prop": "shiftV",
"description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units"
},
{
"prop": "stacked",
"version": "2.3.0",
"description": "Set this prop to true when placing inside a BIconstack component"
},
{
"prop": "animation",
"version": "2.7.0",
"description": "Animate the icon. Supported built-in animations are 'cylon', 'fade', 'pulse', 'spin' and 'throb'"
}
]
},
{
"component": "BIconXDiamond",
"auto-gen": "bootstrap-icons 1.2.2",
"props": [
{
"prop": "title",
"description": "Text content to place in the title",
"version": "2.17.0"
},
{
"prop": "variant",
"description": "Contextual color variant. By default the icon inherits the current text color"
},
{
"prop": "fontScale",
"description": "Scale the icons current font size"
},
{
"prop": "scale",
"description": "Scales the icon's SVG, without increasing the font size"
},
{
"prop": "rotate",
"description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise"
},
{
"prop": "flipH",
"description": "Flips the icon horizontally"
},
{
"prop": "flipV",
"description": "Flips the icon vertically"
},
{
"prop": "shiftH",
"description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units"
},
{
"prop": "shiftV",
"description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units"
},
{
"prop": "stacked",
"version": "2.3.0",
"description": "Set this prop to true when placing inside a BIconstack component"
},
{
"prop": "animation",
"version": "2.7.0",
"description": "Animate the icon. Supported built-in animations are 'cylon', 'fade', 'pulse', 'spin' and 'throb'"
}
]
},
{
"component": "BIconXDiamondFill",
"auto-gen": "bootstrap-icons 1.2.2",
"props": [
{
"prop": "title",
"description": "Text content to place in the title",
"version": "2.17.0"
},
{
"prop": "variant",
"description": "Contextual color variant. By default the icon inherits the current text color"
},
{
"prop": "fontScale",
"description": "Scale the icons current font size"
},
{
"prop": "scale",
"description": "Scales the icon's SVG, without increasing the font size"
},
{
"prop": "rotate",
"description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise"
},
{
"prop": "flipH",
"description": "Flips the icon horizontally"
},
{
"prop": "flipV",
"description": "Flips the icon vertically"
},
{
"prop": "shiftH",
"description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units"
},
{
"prop": "shiftV",
"description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units"
},
{
"prop": "stacked",
"version": "2.3.0",
"description": "Set this prop to true when placing inside a BIconstack component"
},
{
"prop": "animation",
"version": "2.7.0",
"description": "Animate the icon. Supported built-in animations are 'cylon', 'fade', 'pulse', 'spin' and 'throb'"
}
]
},
{
"component": "BIconXOctagon",
"auto-gen": "bootstrap-icons 1.2.2",
"props": [
{
"prop": "title",
"description": "Text content to place in the title",
"version": "2.17.0"
},
{
"prop": "variant",
"description": "Contextual color variant. By default the icon inherits the current text color"
},
{
"prop": "fontScale",
"description": "Scale the icons current font size"
},
{
"prop": "scale",
"description": "Scales the icon's SVG, without increasing the font size"
},
{
"prop": "rotate",
"description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise"
},
{
"prop": "flipH",
"description": "Flips the icon horizontally"
},
{
"prop": "flipV",
"description": "Flips the icon vertically"
},
{
"prop": "shiftH",
"description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units"
},
{
"prop": "shiftV",
"description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units"
},
{
"prop": "stacked",
"version": "2.3.0",
"description": "Set this prop to true when placing inside a BIconstack component"
},
{
"prop": "animation",
"version": "2.7.0",
"description": "Animate the icon. Supported built-in animations are 'cylon', 'fade', 'pulse', 'spin' and 'throb'"
}
]
},
{
"component": "BIconXOctagonFill",
"auto-gen": "bootstrap-icons 1.2.2",
"props": [
{
"prop": "title",
"description": "Text content to place in the title",
"version": "2.17.0"
},
{
"prop": "variant",
"description": "Contextual color variant. By default the icon inherits the current text color"
},
{
"prop": "fontScale",
"description": "Scale the icons current font size"
},
{
"prop": "scale",
"description": "Scales the icon's SVG, without increasing the font size"
},
{
"prop": "rotate",
"description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise"
},
{
"prop": "flipH",
"description": "Flips the icon horizontally"
},
{
"prop": "flipV",
"description": "Flips the icon vertically"
},
{
"prop": "shiftH",
"description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units"
},
{
"prop": "shiftV",
"description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units"
},
{
"prop": "stacked",
"version": "2.3.0",
"description": "Set this prop to true when placing inside a BIconstack component"
},
{
"prop": "animation",
"version": "2.7.0",
"description": "Animate the icon. Supported built-in animations are 'cylon', 'fade', 'pulse', 'spin' and 'throb'"
}
]
},
{
"component": "BIconXSquare",
"auto-gen": "bootstrap-icons 1.2.2",
"props": [
{
"prop": "title",
"description": "Text content to place in the title",
"version": "2.17.0"
},
{
"prop": "variant",
"description": "Contextual color variant. By default the icon inherits the current text color"
},
{
"prop": "fontScale",
"description": "Scale the icons current font size"
},
{
"prop": "scale",
"description": "Scales the icon's SVG, without increasing the font size"
},
{
"prop": "rotate",
"description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise"
},
{
"prop": "flipH",
"description": "Flips the icon horizontally"
},
{
"prop": "flipV",
"description": "Flips the icon vertically"
},
{
"prop": "shiftH",
"description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units"
},
{
"prop": "shiftV",
"description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units"
},
{
"prop": "stacked",
"version": "2.3.0",
"description": "Set this prop to true when placing inside a BIconstack component"
},
{
"prop": "animation",
"version": "2.7.0",
"description": "Animate the icon. Supported built-in animations are 'cylon', 'fade', 'pulse', 'spin' and 'throb'"
}
]
},
{
"component": "BIconXSquareFill",
"auto-gen": "bootstrap-icons 1.2.2",
"props": [
{
"prop": "title",
"description": "Text content to place in the title",
"version": "2.17.0"
},
{
"prop": "variant",
"description": "Contextual color variant. By default the icon inherits the current text color"
},
{
"prop": "fontScale",
"description": "Scale the icons current font size"
},
{
"prop": "scale",
"description": "Scales the icon's SVG, without increasing the font size"
},
{
"prop": "rotate",
"description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise"
},
{
"prop": "flipH",
"description": "Flips the icon horizontally"
},
{
"prop": "flipV",
"description": "Flips the icon vertically"
},
{
"prop": "shiftH",
"description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units"
},
{
"prop": "shiftV",
"description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units"
},
{
"prop": "stacked",
"version": "2.3.0",
"description": "Set this prop to true when placing inside a BIconstack component"
},
{
"prop": "animation",
"version": "2.7.0",
"description": "Animate the icon. Supported built-in animations are 'cylon', 'fade', 'pulse', 'spin' and 'throb'"
}
]
},
{
"component": "BIconYoutube",
"auto-gen": "bootstrap-icons 1.2.2",
"props": [
{
"prop": "title",
"description": "Text content to place in the title",
"version": "2.17.0"
},
{
"prop": "variant",
"description": "Contextual color variant. By default the icon inherits the current text color"
},
{
"prop": "fontScale",
"description": "Scale the icons current font size"
},
{
"prop": "scale",
"description": "Scales the icon's SVG, without increasing the font size"
},
{
"prop": "rotate",
"description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise"
},
{
"prop": "flipH",
"description": "Flips the icon horizontally"
},
{
"prop": "flipV",
"description": "Flips the icon vertically"
},
{
"prop": "shiftH",
"description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units"
},
{
"prop": "shiftV",
"description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units"
},
{
"prop": "stacked",
"version": "2.3.0",
"description": "Set this prop to true when placing inside a BIconstack component"
},
{
"prop": "animation",
"version": "2.7.0",
"description": "Animate the icon. Supported built-in animations are 'cylon', 'fade', 'pulse', 'spin' and 'throb'"
}
]
},
{
"component": "BIconZoomIn",
"auto-gen": "bootstrap-icons 1.2.2",
"props": [
{
"prop": "title",
"description": "Text content to place in the title",
"version": "2.17.0"
},
{
"prop": "variant",
"description": "Contextual color variant. By default the icon inherits the current text color"
},
{
"prop": "fontScale",
"description": "Scale the icons current font size"
},
{
"prop": "scale",
"description": "Scales the icon's SVG, without increasing the font size"
},
{
"prop": "rotate",
"description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise"
},
{
"prop": "flipH",
"description": "Flips the icon horizontally"
},
{
"prop": "flipV",
"description": "Flips the icon vertically"
},
{
"prop": "shiftH",
"description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units"
},
{
"prop": "shiftV",
"description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units"
},
{
"prop": "stacked",
"version": "2.3.0",
"description": "Set this prop to true when placing inside a BIconstack component"
},
{
"prop": "animation",
"version": "2.7.0",
"description": "Animate the icon. Supported built-in animations are 'cylon', 'fade', 'pulse', 'spin' and 'throb'"
}
]
},
{
"component": "BIconZoomOut",
"auto-gen": "bootstrap-icons 1.2.2",
"props": [
{
"prop": "title",
"description": "Text content to place in the title",
"version": "2.17.0"
},
{
"prop": "variant",
"description": "Contextual color variant. By default the icon inherits the current text color"
},
{
"prop": "fontScale",
"description": "Scale the icons current font size"
},
{
"prop": "scale",
"description": "Scales the icon's SVG, without increasing the font size"
},
{
"prop": "rotate",
"description": "Rotates the icon by the specified number of degrees. Positive values rotate clockwise, while negative values rotate counterclockwise"
},
{
"prop": "flipH",
"description": "Flips the icon horizontally"
},
{
"prop": "flipV",
"description": "Flips the icon vertically"
},
{
"prop": "shiftH",
"description": "Moves the icon horizontally. Positive numbers will shift the icon right, negative left. Value is in 1/16em units"
},
{
"prop": "shiftV",
"description": "Moves the icon vertically. Positive numbers will shift the icon up, negative down. Value is in 1/16em units"
},
{
"prop": "stacked",
"version": "2.3.0",
"description": "Set this prop to true when placing inside a BIconstack component"
},
{
"prop": "animation",
"version": "2.7.0",
"description": "Animate the icon. Supported built-in animations are 'cylon', 'fade', 'pulse', 'spin' and 'throb'"
}
]
}
]
}
}