Icons misplaced when adjusting font size globally

[seakrebel]

PHP Version

8.3

Shopware Version

6.6.1.1

Expected behaviour

Actual behaviour

How to reproduce

If you change font size globally by changing bootstrap scss variables, icons are not optimized for such behavior and will be misplaced. However if you implement the free bootstrap-icons library from https://icons.getbootstrap.com/ and override

{% sw_icon 'plus'  style {'size': 'xs', 'pack':'solid'} %}

with

<i class="bi bi-plus-lg"></i>

it looks perfect!

[shopware-issue-bot]

We found the following existing issues which may help or are related to your topic:

• Update icon sizes
• Custom icons wrong assignment
• Icon colors not shown correctly
• Chevron-down-xxs Icon is smaller as expected
• changed svg assets to be much smaller
• Dropdown icon in order details is smaller than expected
• Replace element modal icon sizing
• Resize the icons for media with no preview
• Storefront SVG Icons are not vertically centered
• Check system & settings area for incorrect icons