HTML - アイコン Font Awesome - 変形

1.　概要

2.　回転

3.　拡大・縮小

4.　参考サイト

1.　概要

　つい最近（2026年7月9日）知りました。
　このアイコンは、回転させたり、拡大・縮小させることができます。

2.　回転

　例えば「<i class="fas fa-play"></i>」のデフォルトの形状が「」ですが。

　「class」の定義の後ろに、スペースを空けて「fa-rotate-xxx」と書けば、右回りに xxx 度回転します。
　「<i class="fas fa-play fa-rotate-90"></i>」と書けば「」と表示されます。

　「Windows」のツールバー上の「USB」ドライブアイコンがなかったので。
　ハードディスクのアイコン「」を 180度回転させて「」代用しました。

3.　拡大・縮小

　前項の末尾のアイコンを拡大しましたが、回転と同様、スペースを空けて修飾子をつけることで、拡大・縮小させることができます。

4.　参考サイト

　本ページは、「Gemini」伍長を参考にさせていただきました。