如何从 HTML 代码调整 bootstrap 图标的大小

Question

我从 https://icons.getbootstrap.com/icons/person-workspace/

那里得到了这个 html 代码

如何从 html 文件本身调整这个图标的大小（放大）？

我尝试使用 display-1 class，但它没有改变。

<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-person-workspace " viewBox="0 0 16 16"\>
\<path d="M4 16s-1 0-1-1 1-4 5-4 5 3 5 4-1 1-1 1H4Zm4-5.95a2.5 2.5 0 1 0 0-5 2.5 2.5 0 0 0 0 5Z"/\>
\<path d="M2 1a2 2 0 0 0-2 2v9.5A1.5 1.5 0 0 0 1.5 14h.653a5.373 5.373 0 0 1 1.066-2H1V3a1 1 0 0 1 1-1h12a1 1 0 0 1 1 1v9h-2.219c.554.654.89 1.373 1.066 2h.653a1.5 1.5 0 0 0 1.5-1.5V3a2 2 0 0 0-2-2H2Z"/\>

Answer 1

在您的 HTML 和 SVG 中，希望您可以简单地口述 height="--px" 和 width="--px"。您已经完成此操作并将其设置为 16x16 像素。也许也可以试试 24px 和 32px。

Answer 2

只需更改宽度和高度的值。数字只是像素值。

改变

width="16" height="16"

至

width="100" height="100"

希望对您有所帮助。或者您正在寻找更复杂的东西？

如何从 HTML 代码调整 bootstrap 图标的大小

How to adjust size of bootstrap icons from HTML code

svg

icons