svgicons

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">

Solution

  • 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?