もうこれでSVGアイコンを探すときに困らない! 無料で利用できるアイコンライブラリを横断検索できる便利サイト -Icônes

当ブログでもたくさんのSVGアイコンのライブラリを紹介してきましたが、それらのほとんどがひとまとめに閲覧・検索できる便利なサイトを紹介します。

複数のアイコンライブラリから探せるだけでなく、異なるライブラリのアイコンをまとめてアイコンフォントにもできます。矢印アイコンはMaterial Iconsで、ホームアイコンはBootstrapで、ということもできます。

もうこれでSVGアイコンを探すときに困らない! 無料で利用できるアイコンライブラリを横断検索できる便利サイト -Icônes

Icônes
Icônes -GitHub

Icônesの特徴

Icônesは、150,000個を超えるオープンソースのベクターアイコンをまとめたIconifyを利用して、無料で利用できるSVGアイコンを閲覧・検索できるサイトです。

サイトのキャプチャ

Icônes

各アイコンのライセンス(MIT, Apacheなど)は一目で分かるので、便利ですね。

サイトのキャプチャ

アイコンを表示するときには、ライトモードとダークモードの両方に対応しています。

サイトのキャプチャ

aaa

Icônesに登録されているアイコンライブラリ

Icônesに登録されているアイコンライブラリの一覧は、下記ページで分かります。

サイトのキャプチャ

アイコンライブラリの一覧

アイコンライブラリは、ジャンル別にも分けられています。

サイトのキャプチャ

UIデザイン用の一般的なアイコン

SVGのスピナーに特化されたライブラリやかわいい絵文字に特化されたライブラリもあります。

サイトのキャプチャ

アニメーションアイコン、絵文字アイコン

ブランドのロゴ、ソーシャルメディアのロゴ、スキル用のアイコン、国旗や地図用のアイコンも揃っています。

サイトのキャプチャ

ブランドのアイコン、地図・旗のアイコン

テーマ別には、ゲーム、オーディオ、天気、メディカル、covid用のアイコンが揃っています。

サイトのキャプチャ

テーマ別のアイコン

Icônesの使い方

Icônesの使い方は、簡単です。
アイコンを一覧から探すか、キーワードで検索できます。

たとえば、先日の記事で紹介したUIデザインに最適でシンプルなSVGアイコン「Phosphor Icons」も登録されています。

サイトのキャプチャ

Phosphor Icons -Icônes

各アイコンをクリックすると、利用方法(ダウンロード・コード)が表示されます。

サイトのキャプチャ

アイコンのダウンロード

上部のメニューから「Multiple Select」をオンにすると、複数のアイコンを選択できます。

サイトのキャプチャ

「Multiple Select」をオンに

選択したアイコンは、下部のショッピングアイコンに納まります。アイコンをまとめてzipファイルでダウンロードしたり、アイコンのフォントファイルを作成することもできます。

サイトのキャプチャ

選択したアイコンのダウンロード

sponsors

top of page

©2024 coliss