Nextraでドキュメント構築してみたよ!
hugo
theme
learn
設定
アイコン

learnでは、FontAwesomeのライブラリが読み込まれているので、FontAwesomeのアイコンが利用可能となってます

アイコンを探す

まずは、FontAwesomeギャラー (opens in a new tab)にて、目的のアイコンを探しましょう。
ただし、無料版のみ利用なので、freeのフィルタを有効にして検索しましょう

試しに、appleアイコンを付加してみましょう

  • 検索欄にappleと入力

  • FreeのアイコンをクリックしFree版のみ表示

  • デフォルトではFontAwesomeのバージョンが6系になっているので、5系を選択

  • 表示された目的のappleアイコンをクリック

HTMLの<i>タグが表示されるので、コピー

learnのMarkdown記事内に貼り付ければ、表示されるはずです

アイコンのカスタマイズ

FontAwesomeのアイコン利用では、アイコンのサイズ変更や回転など様々な変更が可能なので、公式のドキュメントを参照ください