'How to adjust size of bootstrap icons from HTML code

I got this html code from https://icons.getbootstrap.com/icons/person-workspace/

How to adjust the size(to enlarge the size) of this icon from the html file itself?

I tried using display-1 class, but it didn't changed.

<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"/\>
svgicons


Solution 1:[1]

Just change the value for width and height. The numbers are just the pixel values.

Change

width="16" height="16"

to

width="100" height="100"

Hope that helps. Or are you looking for something more sophisticated?

Solution 2:[2]

In your HTML and with an SVG hopefully you can simply dictate height="--px" and width="--px". You have already done this and it is set to 16x16 pixels. Perhaps try it at 24px and 32px as well.

Sources

This article follows the attribution requirements of Stack Overflow and is licensed under CC BY-SA 3.0.

Source: Stack Overflow

Solution Source
Solution 1 EduDev
Solution 2 Cutey from Cute Code

Related Questions