Webサイトのデザイン性をぐぐっと引き上げる無料アイコン143サイト

no text...

フルCSSのテンプレートガイド

Webサイトのデザイン性をぐぐっと引き上げる無料アイコン143サイト

[ SponsoredLink ]

空港の案内標識にも矢印や絵柄

空港の案内や公園の地図などには、その案内内容をよりイメージしやすいように、言葉だけでなく絵柄や矢印など（ピクトグラム）がついていることがあります。

こういったデザインはWebサイトにも応用され、「お買い物」「ショッピングカート」は買い物カゴの画像、「お支払い」「ポイント還元」はお財布、「メール」は手紙、「次のページへ進む」「前のページに戻る」は矢印などがついているのをよく見かけるでしょう。

見出しの横、リストのマーク、リンクの横などに適切な画像を表示させるだけで、Webデザインの質は断然変わります。今回は無料で使える、会員登録も必要ないアイコン素材配布サイトをまとめて143個紹介します。

どのようなアイコンを使えばいいかわからない場合は、経済産業省が定めているコミュニケーション支援用絵記号デザイン原則を参考にするといいと思います。

無料アイコン検索サイト

アイコン専門の検索サイトを紹介します。日本語は非対応ですが、「book」「pen」「cart」など簡単な英単語で検索できます。

ICON FINDER

iconfinder cap

ダウンロードできるのはPNG形式のみ、アイコンの数はやや多めです。大きさによる絞込み、1ページの表示件数切替（10,15,25）、アイコンの背景色切替(白,灰色,黒)ができます。検索結果では同じ絵柄で大きさが異なるアイコンが省略されます。

iconlet

iconlet cap

PNG, GIF形式でダウンロードできます。アイコンはとても多く、検索結果は30件ずつ小さい順に表示され、同じ絵柄のアイコンでも大きさが違えば別々に表示されます。

VERY ICON

veryicon cap

PNG,ICO,ICNS形式でダウンロードできます。アイコンの数はやや多め、256pxや512pxと大きめのアイコンも用意されており、検索結果は1ページあたり20件ずつ表示されます。検索結果では同じ絵柄で大きさが異なるアイコンが省略されます。大きさによる絞込みは機能していません。

ICONLOOK

iconlook cap

PNG, ICO形式でダウンロードできます。アイコンの数はやや多め、検索結果は1ページにまとめてに表示されます。検索結果では同じ絵柄で大きさが異なるアイコンが省略され、用意されているアイコンの大きさがラベルに表示されます。アイコンをクリックするとPNG形式、「Download .ICO file」をクリックするとICO形式をダウンロードできます。大きさによる絞込みができます。

IconSeeker

iconlook cap

PNG,ICO,ICNS形式でダウンロードできます。アイコンの数はやや少なめ、検索結果は1ページあたり18件ずつ表示されます。検索結果では同じ絵柄で大きさが異なるアイコンが省略され、用意されているアイコンの大きさがラベルに表示されます。アイコンにマウスカーソルを合わせるとダウンロード用のリンクが表示されます。

ICONSSEARCH

iconlook cap

PNG,ICO形式でダウンロードできます。アイコンの数はやや少なめ、検索結果は1ページにまとめて表示され、同じ絵柄のアイコンでも大きさが違えば別々に表示されます。他の検索サイトにはない珍しいアイコン（キャラ物とか）があります。大きさによる絞込みができます。

EasyIconFinder.com

iconlook cap

PNG,JPG,ICO形式でダウンロードできます。アイコンの数はやや多め、検索結果は1ページあたり12件ずつ表示されます。検索結果では同じ絵柄で大きさが異なるアイコンが省略され、用意されているアイコンの大きさがラベルに表示されます。アニメーションがついており検索結果が表示されるまで時間がかかります。アイコンをダブルクリックするとダウンロードページへ進めます。