ターミナルのカスタマイズによく使われる「Nerd Fonts」

ターミナルの設定を調べていると、「Nerd Fontをインストールしてください」という説明を見かけることがあります。
今回はターミナルのカスタマイズによく使われる「Nerd Fonts」についてまとめます。
Nerd Fonts

Nerd Fontsは、「JetBrains Mono」や「Hack」などのいわゆるプログラミング用フォントに、アイコンフォントを追加して配布するオープンソースのプロジェクトです。
ちなみに、全体の正式名称は、複数形の「Nerd Fonts」です。
ただし、個々のフォント名には「JetBrainsMono Nerd Font」「Hack Nerd Font」のように、単数形の「Nerd Font」が使われています。
Font Awesome、Material Design Icons、Devicons、Octiconsなど、複数のアイコンセットをまとめて収録していて、2026年11月時点でアイコン数は1万を超えています。
とにかく大量のアイコンが使えるようになったプログラミング用フォントなので、ターミナルにアイコンを表示するなどのカスタマイズをしたい場合に利用されます。
なお、Nerd Fontsは無料で使えますが、フォント本体や収録アイコン、パッチ用スクリプトではライセンスが異なるため、改変・再配布する場合は配布物のライセンスを確認するようにしましょう。
名前の意味
英単語の「Nerd(ナード)」には「オタク」「マニア」といった意味があり、直訳すれば「オタクフォント」ということになります。
GUIと違ってターミナルはテキストが中心の世界で、そもそも表現に限界があります。
しかし、アイコンフォントを使えば見やすくカスタマイズできます。
Nerd Fontsには有名なアイコンフォントのアイコン(グリフ)がすべて入っているため、必要なアイコンはだいたい揃っています。
その中から好みのアイコンを使ってターミナルなどの開発環境を細かくカスタマイズできます。
まさに、「技術オタク(= Nerd)」向けのフォントです。
Nerd Fontsを活用できるツール
Nerd Fontsを使うと、プロンプトだけでなくファイル一覧やエディタ内にもアイコンを表示できます。
ツールによっては、Nerd Fontsの導入を前提としていたり、使うことで見やすくなるものがあります。
代表的なツールは下記の通りです。
| ツール | できること | Nerd Fontsを使う部分 |
|---|---|---|
| Starship | プロンプトにディレクトリやGitのブランチ、言語のバージョンを表示する | OS・言語・Gitなどのアイコン。公式の導入手順でNerd Fontが前提とされている |
| eza | lsの代わりに、色やツリー表示を使ってファイルを一覧する | --iconsで表示する、ファイルやフォルダのアイコン |
| Yazi | ターミナル上でファイルを選択・プレビュー・操作する | ファイル一覧などのアイコン。公式ではNerd Fontsの導入を推奨している |
| nvim-web-devicons | Neovimのプラグインに、ファイル名や拡張子に応じたアイコンを提供する | アイコン表示にNerd Fontが必要。現行版はv3.3以降が要件 |
アイコンを表示するには、ツール側の設定と、対応するフォントの両方が必要です。
ただし、ezaはアイコンなしでも使えますし、StarshipにもNerd Fontの記号を使わない設定があります。
Macにインストールする方法

Nerd Fonts公式サイトの「Fonts Download」ページで好きなフォントをダウンロードができます。
Homebrewを使う場合は、フォントごとのコマンドでインストールします。
下記はJetBrains MonoのNerd Font版を入れるコマンドです。
brew install --cask font-jetbrains-mono-nerd-font他のフォントをインストールするコマンドは、下記コマンドで探せます。
brew search nerd-fontフォントの選び方
Nerd Font・Mono・Propoの違い
Nerd Fontsでは、アイコンの幅が異なる3種類のフォントが用意されています。
例えば、JetBrains Monoの場合のフォント名と違いは下記の通りです。
| 種類 | フォント名の例 | アイコンの表示 |
|---|---|---|
| Nerd Font | JetBrainsMono Nerd Font | 大きめのアイコン。隣の文字にかかる場合がある |
| Nerd Font Mono | JetBrainsMono Nerd Font Mono | アイコンも1文字分の幅に収める |
| Nerd Font Propo | JetBrainsMono Nerd Font Propo | アイコンごとに幅が変わる |
公式FAQでも、等幅が必要な環境ではMono、大きなアイコンが欲しい場合は通常版、GUIなどではPropoを選ぶと良いとされています。
最初はMonoで試し、小さく感じたら通常版と比べると選びやすいです。
通常版で文字と重なる場合は、Monoへ戻すか、使っているツールのアイコン後の余白を調整します。
日本語も同じフォントで表示したい場合
英数字中心のフォントを使うと、日本語は別のフォントから補われます。
英数字と日本語の幅や見た目をそろえたい場合は日本語フォントを合成し、Nerd Fontsのアイコンも加えたフォントが候補になります。
Homebrewから入れられるものとして、下記があります。
| フォント | 元になるフォント | Cask名 |
|---|---|---|
| 白源(HackGen)NF | Hack + 源柔ゴシック | font-hackgen-nerd |
| UDEV Gothic NF | JetBrains Mono + BIZ UDゴシック | font-udev-gothic-nf |
| PlemolJP NF | IBM Plex Mono + IBM Plex Sans JP | font-plemol-jp-nf |
なお、これらはNerd Fonts本体とは別のプロジェクトになります。
使っているフォントのNerd Fontが見つからない場合
使っているフォントのNerd Fontが見つからない場合は、アイコンだけを収録した「Symbols Nerd Font」をフォールバックに指定する方法もあります。
フォントを2つ以上設定できるツールがありますが、1つ目のフォントに無い文字を2つ目のフォントが補ってくれる仕組みがフォールバックです。
この仕組みを利用して、2つ目のフォントとして「Symbols Nerd Font」を指定し、1つ目のフォントには自分の好きなフォントを設定すれば好きなフォントを使いつつ、アイコンの表示もできるというわけです。
Homebrewでは、下記のコマンドでインストールできます。
brew install --cask font-symbols-only-nerd-fontただし、指定方法はアプリによって異なり、アイコンの大きさや位置がそろわない場合もあります。
普段使うフォントのNerd Font版があれば、そちらを選ぶ方が設定はラクです。
アイコンの探し方
フォントを入れたら、使っているアプリのフォント設定を変更したり、実際にターミナルの設定などでアイコンを指定します。
アイコンは公式サイトの「Cheat Sheet」から検索できます。
試しに「git」で検索すると下記のように大量のアイコンが表示されます。

使いたいアイコンをホバーすると「icon」「Class」「UTF」「Hex Code」などでコピーできるので、コピーして設定ファイルに記入してカスタマイズします。
まとめ
ちなみに、ターミナルアプリの「Ghostty」の場合はアプリ自体にアイコンが内蔵されているので、Nerd Fontsを追加せずにアイコンを使用できます。
それ以外のターミナルやエディタでも表示をそろえたい場合は、普段使うフォントのNerd Font版を入れておくと設定しやすくなります。
正直、アイコンを表示したからといって生産性が上がるかと言われると微妙です。
しかし、現在のディレクトリのNode.jsバージョンやGitブランチを表示していると便利ですし、そういった表示をするときはアイコンの方が見やすくなりますし、スペースも圧迫せずに済みます。
ターミナルをカスタマイズしたい方は、アイコンを表示させる方向も考えてみてはいかがでしょうか。


新しいMacBook Proを購入して移行するときにやること|コーディングに必要な開発環境を整える
Default Folder X 6.3.1のFinderファイルドラッグ時にメニューからポップアップが出ないようにする
iStat Menusの「センサー」アイコン表示と設定
Macで画面上に図形やフリーハンドで注釈が書ける「DemoPro」
Macでfnキーを2回押すと音声入力が起動するのを無効化する方法
Macでアプリごとに音量を調節できるアプリ「Background Music」
Visual Studio Codeでウインドウタイトルバーをカスタマイズする方法
Backlogフリープランでプライベートの課題管理を行う方法
GitHubの通知を見逃さない!通知に特化したアプリ「Gitify」
新しいMacBook Proを購入して移行するときにやること|M1 Macの基本セットアップとアプリ一括インストール編
AirPodsで片耳を外しても再生が止まらないようにする方法
MacのKeynoteにハイライトされた状態でコードを貼り付ける方法
iTerm2でマウスやトラックパッドの操作を設定できる環境設定の「Pointer」タブ
DeepLで「インターネット接続に問題があります」と表示されて翻訳できないときに確認すること
Ulyssesの「第2のエディタ」表示を使って2つのシートを横並びに表示する
iTerm2の見た目を設定できる環境設定の「Appearance」タブ
ウェブサイトを作る上での基本「Macの画像圧縮方法」のまとめ
Dart Sassでファイルを分割して管理する方法|Dart Sass入門
Sketchのレイヤー周りの基本操作|グループ化やマスク、オブジェクトのロックや表示切り替えなどのレイヤーでできること
高速なzshのプラグインマネージャー「Zplugin」の導入方法
Path Finder 8で動作がおかしいと思ったときにチェックすること
Visual Studio Codeとスニペット・ドキュメント検索アプリの「Dash」連携を行うプラグイン
時間に合わせてディスプレイの色温度を調節してくれるアプリ「f.lux」の導入方法
Figmaのパス周りの基本操作|基本的な描画方法からペンツールと直線ツールの細かい違いまで
iOS Safariでinputタグにフォーカスを合わせると、自動で画面が拡大してしまう原因と解決方法