如何更改字体真棒图标的方向？答案

【问题标题】：How to change the direction of a font awesome icon?如何更改字体真棒图标的方向？
【发布时间】：2019-06-05 08:42:28
【问题描述】：

我正在使用 font-awsome 库来显示解锁图标。

所以，默认情况下方向是右方向，我想把它改成左。

<i class="fas fa-unlock-alt"></i>

那么，有什么方法可以改变解锁图标的方向吗？

【问题讨论】：

fa-flip-horizontal
顺便说一句，你可以使用 css（以防你不使用 font-awesome 并且你想改变方向）和 transform: scaleX(-1) :jsfiddle.net/29ctojxb

标签： javascript css font-awesome font-awesome-5

【解决方案1】：

您可以使用fa-flip-horizontal 类，如记录的here。

<link href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.8.2/css/all.min.css" rel="stylesheet"/>

<i class="fas fa-unlock-alt"></i>
<i class="fas fa-unlock-alt fa-flip-horizontal"></i>

【讨论】：

【解决方案2】：

您可以旋转和翻转带有很棒字体的图标。在你的情况下，你可以试试这个：

<i class="fas fa-unlock-alt fa-flip-horizontal"></i>

查看此链接了解更多信息https://fontawesome.com/how-to-use/on-the-web/styling/rotating-icons

【讨论】：

【解决方案3】：

考虑到JS+SVG版本可以使用flip-h水平翻转图标

<script defer src="https://use.fontawesome.com/releases/v5.8.1/js/all.js"></script>

<i class="fas fa-unlock-alt" data-fa-transform="flip-h"></i>

【讨论】：