Advertisement

bestofuidesignicon1

ホームページやブログなどにおいてアイコンは、デザイン性、ユーサビリティにおいても重要なパーツのひとつとなっています。

特に人気の高いウェブサイトなどでは、使いやすく、初めてサイトを訪れてくれたビジターにも直感的に操作できるように親切設計がされています。

 

これまでにもいろいろなアイコンセットを紹介していますが、今回はホームページ、ブログなどを制作するときなどに使えるUIデザイン用アイコンセットをまとめた「Ultimate Roundup of Free User Interface Icons」をご紹介します。

一度紹介したことのあるアイコンセットも含まれていますが、どれもウェブサイト制作で使えるものばかりとなっています。

 

 

詳細は以下から。

 

 

UIデザイン用アイコンセットまとめ


 

Scalable Icons

全部で25種類のイラストレーターで編集可能なベクターファイルが収録されています。

このアイコンセットは個人、商用利用かかわらずまずデザイナーさんに許可を取る必要があります。

25free

 

 

Free Vector Icons

型押し風にデザインされたシンプルでスタイリッシュなアイコンセット。

収録されているファイルにはPNGファイル以外にもフォトショップで編集可能なPSDファイルも一緒にまとめられているので、色の変更など簡単にできますよ。

preview

 

 

Diagona Icons

200種類にも及ぶPNG画像でデザインされたアイコンが揃っています。

すべて10x10px、16x16pxとなっており、ミニアイコンとして使用することができます。

商用利用に関してはライセンスを購入する必要があるようです。

Diagona-icons

 

 

Free Web Develpment Icons

個人、商用に限らずどんなプロジェクトにでも使用することができるweb2.0風アイコンセット。

収録されているアイコンは全部で80個となっており、24x24pxのミニアイコンタイプ。

PNGファイルのほかに、icoファイル、tifファイル、gifファイル、bmpファイルが同梱されています。

34al_4

 

 

Free Web Development Icon 2

こちらも24x24pxのミニアイコンタイプのアイコンセットとなっており、合計60個のアイコンを収録しています。

アイコン色を少し薄くしたバージョンも含まれているので、通常時、フーバー時など使い分けることができそうです。

preview_full

 

 

Free Web Development Icon 3

動作を簡単に確認できるかわいいデザインのアイコンセットで、カラー、白黒バージョンの2タイプが用意されています。

webdev2

 

 

Blogging Icon Set

ブログに必要と考えられるアイテムを12種類そろえた立体的なデザインのアイコンセット。

24×24、36×36、48x48pxの3タイプが用意されており、どれもPNGファイルに仕上げられています。

個人、商用どちらのプロジェクトでも使用可能となっています。

blogging-icons-set2

 

 

Funciton Icon Set

ウェブデザイン制作で便利なアイコンが128個揃っており、クレジットカード、ソーシャルメディアアイコンなども一緒にまとめているので、ダウンロードしておくと便利です。

またどのアイコンも細かくデザインされており、どんなデザインにもうまく合わせることができそうです。

function_icon_set

 

 

One Bit Icons

企業用ウェブサイトなどで使われていそうな落ち着いたカラーリングが特長のひとつ。

全50個のアイコンが収録されており、個人、商用利用ともに問題なく使用することができます。

preview1

 

 

WIP Web Iconset

個人利用のみとなりますが、質感がとても美しいアイコンセット。

ウェブサイトに必要なアイテムがまとめられています。

Web_Iconset_by_xlphs

 

 

Iconic Project

ピクトグラムのようなシンプルなデザインが揃っているアイコンセット。

全部で14色の異なる色に変更することができ、サイズも8x8pxから32x32pxの5種類から選ぶことができるので、色々なデザインに応用することができそうです。

icons

 

 

Glossy Buttons

ツルツルとした質感を表現したい場合はこちらのアイコンファイルはいかがでしょうか。

33種類のアイコンが16x16pxから48x48pxまでの5種類でダウンロード可能となっています。

また個人、商用利用ともにOKなのもうれしいですね。

glossy-buttons+preview

 

 

Snow Pack

あまり他では見かけないユニークなアイテムをデザインしたアイコンセット。

102種類のアイコンが収録されており、商用利用も可能となっています。

Snow

 

 

Orb Icons

思わずクリックしてしまいたくなるかわいいアイコンが全部で100種類揃っており、サイズも16x16pxと32x32pxに2タイプから選ぶことができます。

ORB_Icons_by_taytel

 

 

Mini Icon Collection

いろいろなパーツに使うことができて便利な113個のアイコンセット。

すべてグレイスケールでデザインされており、10x10pxのGIFファイルで収録されています。

mini_icons_v2

 

 

MinIcons

30種類の細かくデザインされた高品質アイコンセットのひとつ。

スピーカーのデザインなど個人的に使いたいところです。

MinIcons_by_kyo_tux

 

 

Adobe Creative Icons

Adobeシリーズを立体的にデザインしたユニークなアイコンセット。

アイデア次第で面白い使い方ができるのではないでしょうか。

256x256pxのPNGファイルとicoファイルがそれぞれ収録されています。

Adobe_Creative_Icons

 

 

Bright Free Icon Set

光沢感たっぷりなデザインアイコンセットのひとつ。

あまり他では見かけないデザインのアイコンが多く、ウェブサイトなどで使うと直感的に分かりやすいデザインですね。

bright-free-stock-iconset+preview

 

 

DelliPack 2.0

サムネイル画像以外にも合計15種類の立体的なアイコンセット。

アイコンサイズも大きいので、色々な使い方をすることができそうです。

 

timthumb

 

 

Designers Icons

デザイナーさんにオススメしたいポップなデザインが印象的なアイコンセット。

すべてのアイコンはPSDファイルで配布されているので、フォトショップを使って色の変更なども自由に行うことができます。

designers-icons

 

 

Free Mobile Berries

モバイル用アプリケーションのためにデザインされた高品質な60個のアイコンセット。

64x64pxでデザインされ取り、どのアイコンもユニークでポップなカラーリングがナイス。

611

 

 

Glossy Vector Icons

ミニマルデザインのウェブサイトなどとの相性がよさそうなシンプルなアイコンセット。

全画面表示などの面白いデザインも収録されていますね。

Window_Icons_01

 

 

Photo Editing App Icons

写真編集アプリのUIデザインに困ったらこちらがおすすめです。

細部まで作りこまれた高品質アイコンで他で見たことないデザインがポイントです。

個人的にダウンロードさせてもらったアイコンファイルのひとつです。

icon_set_image_editor_01_1

 

 

 

UIデザインアイコンに関連するまとめ記事


今回紹介したアイコン以外にも、Photoshop VIPではこれまでにもカテゴリー別にウェブデザインで使えるアイコンセットを紹介しています。

よろしかったら、こちらも一緒に合わせてどうぞ。

 

シンプルでオシャレなデザインに必要なアイコンセット15個まとめ

ミニマルなデザインのUIデザインをしたいときに使えるシンプルなアイコンをまとめています。

bestminimalstyleicon

 

 

標識などに使われている絵文字「ピクトグラム」のアイコンセットいろいろまとめ

言語を使わずにデザインだけで理解することができるグローバルなアイコンが揃っています。

8symbolsign

 

 

ウェブデザイナーやブロガーが持っておきたい、アイコンセット40個まとめ

UIデザイン用アイコン以外にもソーシャルメディア系アイコンも一緒にまとめています。

40iconsetforblogger1

 

 

デザインにも使える絵文字風フリーフォント30個まとめ

ピクトグラムデザインをアイコンを使わずにフォントで表現することもできます。

持っておくと何かと便利な絵文字風フォントをまとめています。

30freedigbat

 

また無料ダウンロード「アイコン」コンテンツにもさまざまなアイコンファイルをご紹介しています。

こちらも覗いてみてはいかがですか。

Photoshop VIP >> 「アイコン」ダウンロードコンテンツ

 

参照元サイトにはこれら以外にもたくさんの高品質なアイコンセットがまとめられています。

もっとアイコンを探したい方などぜひ参考にしてみてはいかがでしょうか。

 

[参照元 : Ultimate Roundup of Free User Interface Icons – 1st WebDesigner]