How to adjust size of bootstrap icons from HTML code-CodePudding

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.

code: <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" 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"/>

CodePudding user response：

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.

CodePudding user response：

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

Change

width="16" height="16"

width="100" height="100"

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