Advertisement

 

 

ウェブデザインをより便利に使いやすくするために、アイコン素材を利用しているホームページをよく見かけます。

言語などに関わらずユーザーが視覚的に選ぶことができユーサビリティの面においても優れているのですが、すべてのアイコンをデザインするには時間も労力も必要となります。

 

海外デザインブログSpeckyboy Design Magazineで比較的最近公開されたばかりの無料アイコン素材セットを20個まとめたエントリー「20 New Free Icon Sets for Web Designers and Developers」が公開されていたので、今回はご紹介します。

ホームページやブログなどのウェブサイトで利用する事も目的にデザインされた素材が多いので、お探しのデザインを見つけてみてはいかがでしょう。

 

 

詳細は以下から。

 

 

無料ダウンロード可能なウェブデザイン制作に使えるアイコン素材まとめ

 

Stack Icon Set

ウェブデザインに必要な合計154種類のアイコンデザインをまとめた素材セットで、16x16pxから128x128pxの4タイプから選択する事が可能。

※ 個人、商用利用可能

 

 

Icon Sweets2

以前こちらのエントリーで紹介していますが、400種類のレタープレス(型押し)で表現されたアイコンデザインセット。

※ 個人、商用利用可能

 

 

Retina Display Icon

白をベースにデザインされたシンプルなウェブデザイン用無料アイコン素材のひとつで、iPhone4のRetinaディスプレイに対応したアイコンサイズも収録されています。

 

 

Android Icons – Shape Package

アンドロイド携帯で利用されているデザインアイコンを忠実に再現したアイコン素材セットで、Photoshop用カスタムシェイプを使っているのでどんなサイズにも対応してくれます。

 

 

Echo Minimal Icon

ブログデザイン制作に使えそうなミニマルアイコン素材を40個まとめたセット、デザインプレビューはこちらよりどうぞ。

※ 個人、商用利用可能

 

 

Free Simple Icon

レタープレス(型押し)デザインとほんのりと立体的なベベルデザインのアイコン素材8個をPSDファイルとPNGファイルで収録。

 

 

Open Source Multitouch Gesture Library

タッチスクリーンで操作するデバイスが増えていることもあり、タッチ操作だけにこだわった200種類+のイラスト風アイコン素材。

それぞれ.pngファイルとIllsutrator用.epsファイルで収録されています。

 

 

Micro Icons

ナビゲーションメニューなどちょっとした気配りとして利用することができる高品質なミニアイコン素材32個セット。

 

 

Starbo – A Free Icon Set

やさしい色使いが魅力的な無料アイコン素材12個セットとなっており、ダウンロードリンクが分かりにくいのでこちらよりどうぞ。

※ 個人、商用利用可能

 

 

Pixel Perfect Collection

グラデーションやテクスチャを利用した細部までこだわり抜いた高品質アイコン素材33個セットで、48x48pxのやや大きめサイズが使い勝手よさそうですよ。

※ 個人、商用利用可能

 

 

The Noun Project

ピクトグラム好きにはたまらないバリエーション豊富なアイコン517個セット。こちらのエントリーで詳しく紹介していますので参考までにどうぞ。

※ 個人、商用利用可能

 

 

WPZOOM Developer Icon Set

丸っこいシェイプがやさしい印象を与えてくれるウェブデザインに使える総計154個のアイコン素材セット、.pngファイルのほかにPhotoshop用.psdファイル、Illustrator用.aiファイルもダウンロード可能です。

※ 個人、商用利用可能(要クレジット)

 

 

“Classic Rounded” – Free Iconset

やや丸みのあるデザインが特長的な「クラシック」アイコンシリーズで、27個のシンプルアイコン素材を収録。

※ 個人利用可能

 

 

Linkdeck, Icon Pack

iPhone用アイコンデザインを再現したメタリックなソーシャルメディア関連ロゴ45種類のアイコン素材セット。

16×16から256x256pxの5サイズから選ぶことができるので用途に応じて使い分け可能。

※ 個人、商用利用可能

 

 

Simple Social Icons PSD

立体的にデザインされたボタンデザインにソーシャルメディア各種ロゴを載せたデザインパーツ, 48x48px。

※ 個人、商用利用可能

 

 

126 Vector-Based Social Media Icons

ざらざらとしたノイズテクスチャを利用した質感の高いソーシャルメディアアイコン126個セット。

ベクター素材となっているので、サイズ、色変更なども自由自在に行うことができます。

※ 個人、商用利用可能

 

 

30 E-Commerce Icons

つやつやとした光沢感のあるショッピングサイトデザイン関連のアイコン30個セット。

ユーザーの知りたい情報をうまくイラスト化しているのではないでしょうか。

※ 個人、商用利用可能

 

 

Credit Card Icon Pack

クレジットカードをモチーフにしたアイコン素材の中でも特に表現力がすごい高品質アイコン素材。

ファイルは32x32pxの.pngとなっており、amazonやitunesカード、ゴールドカードなどもあるようです、。

※ 個人、商用利用可能

 

 

 

HTML5 Icons

最近公開されたHTML5のロゴを超立体的にデザインしたアイコンを収録した素材セットで、合計8種類512x512pxの.pngファイルとなっています。

※ 個人、商用利用可能

 

 

Original HTML5 Logo

これから増えてくると予想されるHTML5を利用したウェブサイトにロゴをレイアウトしてみてはいかがでしょう、全部で6種類のアイコンセットが用意されています。

※ 個人、商用利用可能

 

 

最後にもうひとつ・・・

 

Huge CSS Kit

アイコン素材を利用してあらかじめコーディングされたボタンやアコーディオンメニュー、クリックで開閉するトグル、ツールチップなどをまとめてセットにした便利キットです。

イメージファイルとcssファイルを読む込ませるだけで、簡単実装させることが可能。

デモページ

 

[参照元 : 20 New Fresh icon Sets for Web Designers and Developers – Speckyboy Design Magazine]