はじめに「FontAwesome を JavaScript なしで使用する方法」または、「FontAwesome の一部のアイコンを使用する方法」です。 JavaScript 無効環境で FontAwesome を使用したページを閲覧すると文字化けしたような表示になるのを目にします。そうなるのを防ぐため、 FontAwesome を JavaScript なしで使用します。または、 FontAwesome は、使用しないアイコンも含めてすべてのアイコンを読み込むため、数個のアイコンのみを使用する場合、不必要なコストが掛かります。それを回避するため、必要なアイコンのみを読み込んで使用します。 FontAwesome は、上記の方法を PNG 画像でも実現できます。ですが今回は、後述する理由により SVG を利用して実現します。 ちなみに、 JavaScript 無効環境だと次のように文字化け
![FontAwesome を SVG で使用する【JavaScript なし】](https://cdn-ak-scissors.b.st-hatena.com/image/square/62535014a816a797180429656fe6ae23d6ad1730/height=288;version=1;width=512/https%3A%2F%2F2.bp.blogspot.com%2F-H4SVWUfjLnw%2FXEptbCZMfpI%2FAAAAAAAAB9A%2FV2DQr6Ncu_U7snRKYqmf67i7xkxqx0ozACLcBGAs%2Fs1600%2Ficon-min.png)