如何改变字体真棒图标的方向？

Question

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

因此，默认情况下，方向是正确的方向，我想将其更改为左侧。

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

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

Answer 1

您可以使用此处记录的fa-flip-horizontal类。

 <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> 

Answer 2

您可以旋转和翻转图标与字体真棒。 在你的情况下你可以试试这个：

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

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

Answer 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> 

更多细节： https ： //fontawesome.com/how-to-use/on-the-web/styling/power-transforms