SVGアイコン探しに困ったらここ！
25万個以上のアイコンを無料で検索「All SVG Icons」
目次
ホームページを制作していると、アイコン選びに意外と時間をとられることがあります。
「このライブラリには好みのデザインがない」「別のライブラリも確認したい」と、複数のサイトを行き来するのは地味に手間のかかる作業です。
そんなときに便利なのが「All SVG Icons」です。220種類以上のSVGアイコンライブラリを横断して検索・ダウンロードできるサービスで、登録不要・完全無料で使えます！
今回はその特徴と使い方をご紹介します。
All SVG Iconsとは
All SVG Iconsは、デザイナーやデベロッパー向けに、無料・オープンソースのSVGアイコンを一括して検索・閲覧・ダウンロードできるサービスです。
| 収録ライブラリ数 | SVGアイコン総数 | 利用料金 | アカウント登録 |
| 220種類以上 | 25万個以上 | 無料 | 不要 |
Material Symbols、Bootstrap Icons、HeroIconsといった定番のライブラリはもちろん、あまり目にしないニッチなライブラリまで幅広く収録されています。
「有名なものは一通り知っているけれど、もっと選択肢を広げたい」という方にも重宝します。
3つの便利な特徴
① ライブラリを横断してキーワード検索できる
検索ボックスにキーワードを入力すると、収録されているすべてのライブラリから該当するアイコンを一覧で表示してくれます。
たとえば「search」と入力すると、Material Symbols・Bootstrap Icons・HeroIconsなど、各ライブラリの検索アイコンがずらりと並んで表示されます。
デザインテイストを比較しながら選べるので、「このライブラリでは好みのものがなかった」というときに別のライブラリをすぐ確認できます。
② SVG・PNG・コードを選んでダウンロードできる
アイコンを選択すると、ダウンロードとカスタマイズのパネルが表示されます。ダウンロード形式はSVGファイルとPNGファイルの両方に対応しており、SVGコードをそのままコピーすることもできます。
さらに、React・Vueなどのコンポーネント用コードも表示されるため、フロントエンド開発での利用もスムーズです。
③ カラーをブラウザ上でカスタマイズできる
ダウンロード前に、ブラウザ上でアイコンのカラーを変更できます。FillとStroke（線）の色を個別に指定できるので、サイトのカラーに合わせた状態でダウンロードが可能です。
Figmaやデザインツールに持ち込む前に色味を確認できるのは助かります。
収録されているライブラリの例
主なライブラリをジャンル別に紹介します。
汎用・UI向け
- Material Symbols：Googleが提供する大定番ライブラリ。バリエーションが豊富。
- Bootstrap Icons：Bootstrap公式のアイコンセット。シンプルで使いやすい。
- HeroIcons：Tailwind CSSチームが開発。クリーンでモダンなデザイン。
特定用途・ユニークなライブラリ
- SVG Spinners：ローディング中に使えるアニメーション付きのスピナー素材。
- Fluent UI System Color Icons：Microsoftが提供するカラー対応のアイコン。
- Flag Icons：各国の国旗アイコン。多言語サイトや国際対応ページに。
- Weather Icons：天気関連のアイコンセット。観光・旅行系サイトにも。
- Health Icons：医療・健康関連のアイコン。クリニックや福祉施設のサイトに便利。
- VSCode Icons / Skill Icons：開発者向け。技術ブログやポートフォリオに使いやすい。
実際の使い方：3ステップ
登録や設定は一切不要です。手順はとてもシンプルです。
Step 1：キーワードで検索する
サイトにアクセスし、検索ボックスに使いたいアイコンのキーワードを英語で入力します。「arrow」「menu」「home」「star」など、直感的なワードで検索できます。
ライブラリ名を指定してブラウズすることも可能です。
Step 2：気に入ったアイコンを選ぶ
一覧から好みのデザインをクリックすると、カスタマイズパネルが表示されます。
カラーを変更したり、サイズを確認したりしながら選べます。
Step 3：ダウンロードまたはコードをコピーする
SVGまたはPNGでダウンロードするか、SVGコード・React/Vueコンポーネント用のコードをそのままコピーして使います。
商用利用可能なオープンソースのアイコンが収録されていますが、各ライブラリのライセンスは個別に異なります。使用前に対象ライブラリのライセンス（MIT・Apache 2.0など）を確認しておきましょう。
まとめ
All SVG Iconsは、SVGアイコン探しの手間を大幅に減らしてくれる便利なサービスです。
220種類以上のライブラリを横断検索できる・25万個以上のアイコンが無料で使える・カラー変更してからダウンロードできる・SVGコードやReact/Vueコードもそのままコピーできるという4つのポイントが揃っており、デザイナーにもエンジニアにも使い勝手のよいツールです。
「このアイコンを使いたいけれど、どのライブラリにも好みのデザインがない」と感じていた方は、ぜひ一度試してみてください。
