viewBox bug. Impossible to recreate the same attribute

I am using Bootstrap icon in a project. Icon from boostrap are svg, so when i choose it, it generates lot of attributes . one of them is viewBox.

To modify the value generated, i have to recreate the same attribute with other value. For the viewBox Attributes, impossible to modify the value, because the upperLetter B is always modified in lowerletter b.

you could see the attributes viewBox and viewbox… So this attribute could resize my icon, how i could that without this functionality

I am not sure why you would want to change the viewbox setting to set the height and width ?

I would create a meaningful class name and use it instead to set the width and height.

.bi-3x {
  width: 3em;
  height: 3em;

<svg xmlns="" width="1em" height="1em" viewBox="0 0 16 16" fill="currentColor" class="bi bi-x-circle-fill bi-3x">
    <path fill-rule="evenodd" d="M16 8A8 8 0 1 1 0 8a8 8 0 0 1 16 0zM5.354 4.646a.5.5 0 1 0-.708.708L7.293 8l-2.647 2.646a.5.5 0 0 0 .708.708L8 8.707l2.646 2.647a.5.5 0 0 0 .708-.708L8.707 8l2.647-2.646a.5.5 0 0 0-.708-.708L8 7.293 5.354 4.646z"></path>

i agree with your sample, but with the viewBox, i could panning and zooming in / out… its not the same thing to play with viewBox vs width and height…

i doubt this bug will be difficult to fix…its just a problem of uppercase/lowercase

I see where you are coming from.

the bug is not fixed in 5.5.0 version… is there a possibility it will be fixed in next release?

Thank you for reporting this! We’ll look into fixing this for our next release.

Thank you Martin for your answer!!