SVGアイコンを探すときの新定番! オープンソースのSVGアイコンを横断検索で、好みのデザインを見つけることができる -Iconhunt

オープンソースのSVGアイコンを探すときに大変なのが、好みのデザインを見つけることだと思います。たとえば、検索用の虫メガネアイコンだとレンズの大きさ、持ち手の長さ、レンズと持ち手のバランス、ストロークの太さなど、いろいろなデザインのアイコンがあります。

オープンソースのさまざまなアイコンを横断検索して、好みのデザインを見つけることができるSVGアイコン特化の検索エンジンを紹介します。

オープンソースのさまざまなアイコンを横断検索して、好みのデザインを見つけることができるアイコン検索エンジン

Iconhunt

Iconhuntは、オープンソースのアイコン(約150K)を対象にした検索エンジンです。キーワードを入力すると、各ライブラリのそのアイコンが一覧で表示されます。アイコンはすべて、MITライセンスの下でライセンスされているIconify -GitHubに従っています。

サイトのキャプチャ

Iconhunt

使い方は、簡単です。
普通の検索エンジンと同じように、キーワード(英語で)を入力します。たとえば「search」を入力すると、検索用アイコンがずらっと表示されます。

サイトのキャプチャ

「search」でアイコンを検索
※計617のアイコンがヒットしました。

アイコンをクリックすると、下部からそのアイコンをダウンロードできます。

  • SVGアイコンのリンク(Notion用)
  • SVGアイコンのコード(Figma用)
  • SVGアイコンのダウンロード
サイトのキャプチャ

「search」でアイコンを検索

SVGアイコンなので、色を変更してダウンロードすることもできます。

サイトのキャプチャ

「search」でアイコンを検索

基本的な使い方は、これで終わりです。
あとは、どんなアイコンがあるのか少し見てましょう。ホームアイコンもいろいろなデザインがあり、好みを見つけるが大変ですよね。

サイトのキャプチャ

「home」でアイコンを検索

メール用のアイコンもデザインがいろいろあります。

サイトのキャプチャ

「mail」でアイコンを検索

各種SNSやサービスのアイコンもたくさん揃っています。

サイトのキャプチャ

「git」でアイコンを検索

「Apple」で検索すると、Appleの新旧アイコンやリンゴのアイコン、Appleの各種サービスのアイコンも表示されました。

サイトのキャプチャ

「apple」でアイコンを検索

UIで使用するアイコンは、デザインも重要です。

サイトのキャプチャ

「bullet」でアイコンを検索

チェックのアイコンもいろいろなデザインがありますね。

サイトのキャプチャ

「check」でアイコンを検索

カートのアイコンだと逆に同じデザインがないくらいたくさん種類があります。

サイトのキャプチャ

「cart」でアイコンを検索

sponsors

top of page

©2024 coliss