我想使用bootstrap中的图标，但我需要垂直翻转：
https://icons.getbootstrap.com/icons/arrow-left-right/
我更需要的是一个箭头从右向左，这样上面的箭头就指向右边。
我尝试使用transform="scale(-1 1) translate(-1260 0)"进行转换，但没有成功：
https://jsfiddle.net/j63zpwqr/
那么我怎样才能在Y轴上翻转一条路径呢？
我将路径信息从3个路径更改为1个，因为引导程序图标膨胀，
使用https://yqnn.github.io/svg-path-editor/这也将SVG从绝对定位更改为相对
CCD_ 3翻转图像
<svg xmlns="http://www.w3.org/2000/svg" width="160" height="160" fill="red"
class="bi bi-arrow-left-right"
viewBox="0 0 16 16"
transform="scale(-1 1)">
<path d="m10.15 7.65a.5.5 0 01.71 0l3 3a.5.5 0 010 .71l-3 3a.5.5 0 01-.71-.71l2.65-2.65l-2.65-2.65a.5.5 0 010-.71zm-8.15 3.35a.5.5 0 01.5-.5h10.5a.5.5 0 010 1h-10.5a.5.5 0 01-.5-.5zm3.85-9.35a.5.5 0 010 .71l-2.65 2.65l2.65 2.65a.5.5 0 11-.71.71l-3-3a.5.5 0 010-.71l3-3a.5.5 0 01.71 0zm-3.35 3.35a.5.5 0 01.5-.5h10.5a.5.5 0 010 1h-10.5a.5.5 0 01-.5-.5z" />
</svg>