【2026年8月】Claude CodeやCodexから使えるアイコンサイト一覧｜実際に取得を検証しました

2026-08-04

AIエージェントから使えるアイコンサイトとは、Claude CodeやCodexなどのコーディングエージェントが、人手を介さずに「アイコンを検索し、SVGファイルのURLを特定し、そのままダウンロードして書き込む」ところまで完結できる配布サイトのことです。ブラウザで探して手作業でコピーする必要がなくなるため、絵文字で間に合わせるような仕上がりを避けられます。

この記事では、2026年8月4日時点で実際にコマンドラインからの取得を試し、成功したサイトだけをまとめました。検証には「ホーム」「検索」「Discord」という性格の異なる3つのアイコンを使い、どのサイトで何が取れて何が取れなかったかを、結果のまま掲載しています。

なぜAIエージェントに任せると、絵文字だらけになるのか

AIエージェントにWebページや教材のHTMLを作らせると、見出しの横に🚀や💡が並ぶ——という経験をされた方は多いのではないでしょうか。あれは、エージェントが手を抜いているわけではありません。

エージェントは「確実に存在するもの」で埋めようとする

絵文字は文字コードの一部なので、外部ファイルを一切必要としません。表示が崩れるリスクもゼロです。一方でアイコンを使うには、どこかからSVGファイルを取ってきて、正しいパスに置いて、正しく読み込む必要があります。指示に「アイコンサイトを使っていい」と書かれていなければ、エージェントは確実に動く選択肢を取ります。その結果が絵文字です。

実際に、絵文字だけで作るとこうなります

言葉で説明するより見ていただくのが早いので、社内研修ポータルを想定したページを2種類つくって比べてみました。まずは絵文字版です。

絵文字版。ナビゲーションもカード見出しも、すべて絵文字で表現している

破綻しているわけではありません。意味も通じます。ただ、いくつか気になる点が出てきます。文字より一段大きく見えてベースラインが揃わない、ロケットや本が周囲の落ち着いた配色から浮いている、線の太さや角の丸みがバラバラで統一感が出ない——といった具合です。

同じHTMLの、アイコン部分だけをSVGに差し替えたのが次のページです。今回の検証で実際に取得したLucideとSimple Iconsのファイルを使っています。

SVGアイコン版。文章以外は絵文字版とまったく同じHTML。線の太さと色が揃い、本文となじんでいる

線の太さが揃い、色もページの配色に合わせられるため、全体が落ち着きます。Discordのロゴだけはブランドカラーのままにしてありますが、これは意図的なものです（理由は後半の「落とし穴」で触れます）。

言い換えると、絵文字は「意味は伝わるが、デザインを制御できない素材」です。社内の告知ページなら問題にならなくても、社外に出す教材や、ブランドガイドラインのある企業サイトでは、この差が効いてきます。

存在しないアイコン名を書いてしまうこともある

もうひとつ、見落とされがちな問題があります。エージェントが学習した知識だけを頼りに書くと、実在しないアイコン名を出力してしまうことがあるのです。

今回の検証で、これがはっきり確認できました。人気のアイコンセットであるLucide、Heroicons、Material Symbols、Feather Iconsには、Discordのアイコンが存在しません。実際にファイルを取りに行くと、いずれも404（見つかりません）が返ってきます。

理由は明快で、これらはUI（画面部品）用のアイコンセットであり、企業の商標ロゴをあえて収録していないからです。しかし「LucideでDiscordアイコンを入れて」と指示されたエージェントは、それを知らなければ、それらしい名前を書いてしまいます。

だからこそ、エージェント自身が実際に検索して取得できる仕組みが効きます。推測ではなく、実在するファイルのURLを取ってくるからです。

アイコンサイトは多いのに、選ぶのが大変なのはなぜか

アイコン配布サイトは無数にあります。ところが実務では、次のような手間が必ず発生します。

  • 候補が多すぎて、サイトを何往復もすることになる
  • ページ内でスタイル（線・塗り・角丸など）が混在し、統一感を出しづらい
  • ライセンスの表記がセットごとに違い、そのつど確認が要る
  • ダウンロードボタンがブラウザ操作を前提にしており、自動化しづらい

逆に言えば、URLの形が決まっていて、そのURLを叩けばSVGが返ってくるサイトであれば、この手間はほぼ消えます。以下で紹介するのは、その条件を満たすものです。

【検証済】AIが自分で探して取得できるアイコンサイト一覧

Iconify｜231セット・約31万点を横断できる本命

https://iconify.design

まず押さえておきたいのがIconifyです。多数のオープンソースアイコンセットを、共通のルールで扱えるようにまとめたプロジェクトで、公式のデータ一覧（collections.json）を取得して集計したところ、231セット・合計317,522アイコンが収録されていました（2026年8月3日時点）。

公式ドキュメントによると、SVGは「セットの接頭辞」と「アイコン名」を組み合わせたURLで取得できます。ドキュメントに掲載されている例は次のような形式です。

https://api.iconify.design/mdi-light/home.svg

また、色を指定するcolorパラメータや、ダウンロードを促すdownload=1パラメータも用意されています。

今回、Iconifyの公式データリポジトリからMaterial Design Icons（mdi）のデータを取得して中身を確認したところ、home・magnify（検索）・discordのいずれも実在していました。mdiだけで7,447点、ライセンスはApache 2.0です。

ネットワーク環境の制約でAPIサーバーに直接アクセスできない場合や、オフラインで使いたい場合は、npmパッケージという手もあります。@iconify/jsonはバージョン2.2.508が2026年7月31日に更新されており（ライセンスMIT）、全セットのデータをまとめて手元に置けます。

SVG Repo｜検索ページのURLがそのまま使える

https://www.svgrepo.com

SVG Repoは、検索結果のページ自体がシンプルなURLになっているのが特徴です。検索したい言葉をURLに入れるだけで一覧が返ってきます。

検索ページ　https://www.svgrepo.com/vectors/home/
詳細ページ　https://www.svgrepo.com/svg/{ID}/{名前}
SVG本体　　 https://www.svgrepo.com/show/{ID}/{名前}.svg

実際に3語で検索したところ、いずれも1ページあたり50件の候補が表示されました。ページのHTMLにはSVG本体のURLがそのまま書かれているため、エージェントは一覧を読んで、そこから直接ファイルを取りに行けます。取得できた実例は次のとおりです。

  • ホーム：/show/535439/home-1.svg、/show/529026/home.svg ほか50件
  • 検索：/show/532555/search.svg、/show/530510/search.svg ほか50件
  • Discord：/show/521604/discord.svg、/show/447163/discord-outline.svg ほか50件

ライセンスは素材ごとに異なるため、サイト内のライセンス説明ページと、各詳細ページの表示を確認してから使ってください。

Simple Icons｜ブランドロゴを探すならここ

https://simpleicons.org

企業やサービスのロゴに特化したセットです。今回Discordのロゴ（1,374バイト）を問題なく取得できました。Iconifyの収録情報では3,450点、ライセンスはCC0 1.0です。npmパッケージsimple-iconsはバージョン16.28.0が2026年8月2日に更新されており、更新頻度の高さが伺えます。

ただしCC0であっても商標の扱いは別問題です。この点は後半の「落とし穴」で詳しく触れます。

Lucide／Heroicons／Tabler／Bootstrap Icons｜UI用の定番

https://lucide.dev
https://heroicons.com/
https://tabler.io/icons
https://icons.getbootstrap.jp

画面上のボタンやナビゲーションに使う、線の細さや余白が揃ったセットです。GitHub上のリポジトリから、ファイル名を指定して直接取得できました。

  • Lucide（1,756点／ISC）：ホームはhouse.svgという名前です。Discordはありません
  • Heroicons（1,288点／MIT）：検索はmagnifying-glass.svg。Discordはありません
  • Tabler Icons（6,184点／MIT）：ブランドロゴはbrand-discord.svgという名前で収録されています
  • Bootstrap Icons（2,078点／MIT）：house.svg・search.svg・discord.svgの3つともそろっています

「ホーム」がhomeなのかhouseなのか、といった名前の揺れは、エージェントがつまずきやすいポイントです。ここでも、推測させずに検索させることが効いてきます。

Font Awesome／Material Symbols／Phosphor／Remix Icon

https://icons.getbootstrap.jp
https://fonts.google.com/icons
https://phosphoricons.com/
https://remixicon.com/

いずれも歴史が長く、収録数の多いセットです。

  • Font Awesome 6 Free：solidとbrandsにフォルダが分かれており、Discordはbrands側にあります。Iconifyの収録情報ではアイコンのライセンスはCC BY 4.0（表示が必要）
  • Material Symbols（15,585点／Apache 2.0）：今回試した中で最大の収録数。ただしDiscordはありません
  • Phosphor（9,072点／MIT）：ホームはhouse.svg、Discordはdiscord-logo.svg
  • Remix Icon（3,188点／Apache 2.0）：BuildingsやLogosなどカテゴリ別のフォルダに分かれています

SVGL／Super Tiny Icons｜軽さ重視という選択肢

https://svgl.app
https://edent.github.io/SuperTinyIcons/

SVGLはブランドロゴを集めたオープンソースのライブラリで、Discordのロゴ（1,035バイト）を取得できました。プログラムから使うためのAPIも公開されています。

Super Tiny Icons（MIT）は、「1ファイル1キロバイト未満」という思い切ったルールで作られたセットです。実際に取得したDiscordのロゴは345バイトでした。表示速度を優先したい教材ページやランディングページでは、有力な候補になります。

実際に「ホーム」「検索」「Discord」を取得してみた結果

2026年8月3日に、コマンドラインからHTTPリクエストを送って検証しました。数字はダウンロードできたファイルの実サイズです。

サイト／セットホーム検索Discordライセンス
Iconify（mdi）ありありありApache 2.0
SVG Repo50件50件50件素材ごと
Simple Icons——1,374BCC0 1.0
Lucide383B275B404ISC
Tabler Icons524B422B785BMIT
Heroicons453B296B404MIT
Bootstrap Icons415B315B1,149BMIT
Font Awesome 6 Free775B523B1,585BCC BY 4.0
Material Symbols224B357B404Apache 2.0
Phosphor356B—1,116BMIT
Remix Icon374B—2,249BApache 2.0
Feather Icons287B—404MIT
Boxicons327B——MIT
SVGL——1,035Bロゴは各社商標
Super Tiny Icons——345BMIT
2026年8月3日、コマンドラインからの取得検証結果。「404」は該当アイコンが存在しなかったもの。「—」は今回未検証。収録数とライセンスはIconifyの収録情報および各リポジトリの表記による。

検証方法について

透明性のために、どう確かめたかも書いておきます。Lucide以下の各セットは、GitHub上の公式リポジトリに対してcurlでHTTPリクエストを送り、応答コードとファイルサイズを記録しました。SVG Repoは検索ページのHTMLを取得し、その中に含まれるSVGのURLを確認しています。

Iconifyについては、検証環境のネットワーク制限によりAPIサーバーへ直接アクセスできなかったため、公式のデータリポジトリから取得して中身を確認する方法をとりました。記事中に掲載したAPIのURL形式は、Iconify公式ドキュメントの記載に基づくものです。

MCPサーバーを使う方法もある

URLを直接叩く方法とは別に、MCP（Model Context Protocol）サーバーを登録して、エージェントの「道具」としてアイコン検索を追加するやり方もあります。エージェント側が検索と取得の手順を意識しなくてよくなるのが利点です。

Iconify向けのMCPサーバーとしてはiconify-mcp-serverが公開されており、npmで実在を確認できました（バージョン1.0.4、ライセンスGPL-3.0）。配布元のリポジトリでは、Claude Codeへの追加コマンドとして次の形が案内されています。

claude mcp add iconify -- npx -y iconify-mcp-server@latest

ただしMCPサーバーは、有志が個人で公開しているものも少なくありません。社内で使う場合は、配布元・ライセンス・更新状況を確認したうえで導入をご判断ください。まずはURL直取得から始めて、必要になったらMCPを検討する、という順序が無難です。

使う前に必ず確認したい、2つの落とし穴

落とし穴1：ライセンスはセットごとにバラバラ

今回確認しただけでも、MIT、Apache 2.0、ISC、CC0 1.0、CC BY 4.0と5種類が出てきました。多くは商用利用できますが、条件は同じではありません。

特に注意したいのがCC BY 4.0です。これは「表示（クレジット）が必要」なライセンスで、Font Awesomeのアイコンがこれにあたります。無料で使えることと、何も書かずに使えることは別です。

また、SVG Repoのように素材ごとにライセンスが異なるサイトでは、セット単位で判断できません。エージェントに任せる場合は、「ダウンロードしたファイルの出典とライセンスを一覧に残す」ところまで指示に含めておくことをおすすめします。

落とし穴2：ブランドロゴは「無料配布」でも自由には使えない

ここが最も見落とされやすい点です。アイコンファイル自体がCC0（権利放棄）で配布されていても、そのロゴが表す商標の権利は、当然ながら企業側に残っています。

今回検証に使ったDiscordを例に取ります。Discordの公式ブランドガイドラインでは、ロゴをカラー・黒・白で使うことは認めつつ、編集・変形・色の変更・再構成をしないよう求めています。さらに、Discordの商標やブランドアセットはDiscord社の財産であり、ガイドラインで許可された範囲を超える使用には同社の許可が必要である旨が明記されています。

つまり「アイコンサイトから取得できた＝自由に使ってよい」ではありません。企業ロゴを使う場面では、各社が公開しているブランドガイドラインを確認するのが確実です。この判断はAIエージェントに任せきりにせず、人が担うべき工程だとお考えください。

エレファンキューブの視点：アイコン選びは「わかりやすさ」の設計

※ここからは、教育コンテンツ制作会社としての当社の意見です。事実の記述と区別してお読みください。

アイコンの選定は、見た目を整える作業だと思われがちです。しかしeラーニング教材や研修資料をつくってきた立場から申し上げると、これは学習者が内容を理解するスピードに直結する設計課題です。

理由は3つあります。

一つ目は、意味の一貫性です。同じ「注意」を表すのに、あるページでは三角の警告マーク、別のページではビックリマークの丸アイコン——という状態は、学習者に「この2つは違う意味なのだろうか」と考えさせます。その一瞬の迷いが、本来集中してほしい内容から注意をそらします。ひとつのセットで統一するだけで、この迷いは消えます。

二つ目は、絵文字の表示差です。絵文字は端末やOSによって見た目が変わります。研修担当者のPCで確認したときと、受講者のスマートフォンで表示されたときで印象が違う、ということが起こり得ます。教材の品質を一定に保ちたい場面では、SVGのほうが安心です。

三つ目は、権利処理の記録が残ることです。企業研修の教材は、社内配布とはいえ公的な性格を持つ資料です。「どのサイトから、どのライセンスで取得したか」が残っていれば、あとから問い合わせがあっても即座に答えられます。エージェントに取得させるなら、この記録まで自動で残す設計にしておくと、あとが楽になります。

AIエージェントは、素材集めの手間を確実に減らしてくれます。ただし「どのアイコンがこの学習内容に合っているか」「この表現は受講者に誤解を与えないか」という判断は、いまも人の仕事です。当社では、こうした判断をインストラクショナルデザインの観点から積み重ねながら、教材を制作しています。

よくある質問

Q. Claude CodeやCodexは、設定なしでもアイコンを取得できますか？

ネットワークにアクセスできる環境であれば、URLを指定してファイルを取得すること自体は可能です。ただし社内のネットワーク制限や、エージェント側の許可設定によっては、外部への通信がブロックされることがあります。今回の検証環境でも、一部のホストへのアクセスが制限されていました。まず1つ試して、取得できるか確認してから本格運用に入るのが確実です。

Q. どのサイトから始めるのがおすすめですか？

用途によって変わります。画面のUI用に統一感のあるアイコンをそろえたいならLucideかHeroicons、種類の多さを重視するならMaterial SymbolsかPhosphor、企業ロゴが必要ならSimple Icons、とにかく幅広く探したいならIconifyかSVG Repo、という使い分けが実用的です。

Q. 「Discordのアイコンがない」と言われたときはどうすればいいですか？

そのセットにブランドロゴが収録されていない可能性が高いです。今回の検証では、Lucide・Heroicons・Material Symbols・Feather Iconsにはありませんでした。ブランドロゴが必要な場合は、Simple Icons、Tabler Icons、Bootstrap Icons、Font Awesomeのbrands、SVGLなどを指定してみてください。

Q. 商用の企業研修教材でも使えますか？

MIT、Apache 2.0、ISC、CC0であれば商用利用が可能です。CC BY 4.0はクレジット表示が条件になります。ただし企業ロゴについては、ライセンスとは別に各社の商標ポリシーが適用されるため、ブランドガイドラインの確認が必要です。判断に迷う場合は、法務部門にご相談ください。

Q. アイコン名が見つからないと言われます

名前の揺れが原因のことが多いです。「ホーム」はhomeとhouse、「検索」はsearchとmagnifying-glassとmagnifyのように、セットによって呼び方が違います。エージェントに名前を推測させるのではなく、検索ページやAPIで一覧を取ってから選ばせる手順にすると、この問題はほぼなくなります。

まとめ

  • AIエージェントが絵文字を使うのは、確実に表示できる選択肢だから。アイコンを取得させる手順を指示に含めれば解決する
  • Iconify、SVG Repoをはじめ、URLを指定するだけでSVGを取得できるサイトは複数ある（2026年8月3日に取得を確認）
  • UI用のアイコンセットには、企業ロゴが収録されていないことがある。名前を推測させず、検索させる手順が有効
  • ライセンスはセットごとに異なり、ブランドロゴには商標の制約が別途かかる。ここは人が確認する工程として残す

参考にした情報源

  • Iconify 公式ドキュメント（API・SVG取得の仕様、収録セット一覧データ）
  • 各アイコンセットの公式GitHubリポジトリ（ファイル本体・ライセンス表記）
  • npmレジストリ（パッケージのバージョン・更新日・ライセンス）
  • SVG Repo 公式サイト（検索ページおよびライセンス説明ページ）
  • Discord 公式ブランドガイドライン

※本記事の検証は2026年8月4日時点のものです。各サイトの構成・収録内容・ライセンスは変更される場合があります。ご利用の際は、必ず公式サイトの最新情報をご確認ください。

教材づくりの「判断」の部分を、ご一緒します

エレファンキューブは、eラーニング教材・企業研修動画・教育コンテンツの制作を手がけてきました。累計3,000件を超える制作実績の中で積み上げてきたのは、素材を集める技術ではなく、「学習者に伝わるかどうか」を判断する視点です。

AIを活用した制作フローの設計から、インストラクショナルデザインにもとづく教材構成まで、ご相談を承っております。「社内でAIを使って教材を作ってみたが、品質のばらつきが気になる」といったご相談も歓迎です。まずはお気軽にお問い合わせください。

最終更新日: 2026-08-04

こちらもどうぞ