css - 调整 SVG 引导图标的大小

Question

是否可以在 CSS中调整引导图标的大小？图标是 SVG。我在 HTML 中添加图标，而不是通过 CSS。

Answer 1

更改字体大小为我解决它：

<i class='bi bi-search' style='font-size:26px;'></i>

Answer 2

您可以创建自己的 css 类：

svg.bi.bi-icon-sm {
    height: 8px !important;
    width: 8px !important;
}

...

svg.bi.bi-icon-xl {
    height: 32px !important;
    width: 32px !important;
}