Describe the bug

Icon transform features do not work on IE11 (flipping, rotate, scale, shifting)

Steps to reproduce the bug

Open icon docs in IE11 browser

Versions

Libraries:

• BootstrapVue: 2.2.0
• Bootstrap: 4.4.1
• Vue: 2.6.11

Environment:

• Device: PC
• OS: Windows 7
• Browser: IE11

Additional context

IE11 will only apply transforms to the outer <svg> element, not the inner <g> element

May need to detect IE11 and apply the transform styles to the root svg element, possibly wrapping the icons in an inline block element so that additional user transforms can be applied, or change to use the transform attribute on the svg root element