アイコン関連ブックマーク激増の2012年を振り返って、今年見てきたアイコン系リソース全部紹介!

素材

今年はアイコンWEBフォント系のサイトが本当に増えましたねー。知らずの間に僕のブックマーク内のアイコンカテゴリも、もはや収集がつかない勢いで増えている事に気づいて、さぁちょっと個人的に整理が必要だと思いましたので、今日はこれまでも利用/参考にさせてもらってきたアイコンリソースサイトと、今年僕が知ったアイコンWEBフォントを紹介しているサイト交えて、完全にオンリーアイコンネタで今日は記事を書かせて頂ければと思います!

半分以上は僕の備忘録になりますが、こういったリソース関連は今年も来年もやっぱりできる限り周りのWEB屋同士でも共有させて頂ければと思っています!念のためライセンスは一個一個のアイコンに対して表記してあったりパッケージで表記してあったりまちまちなので、ご自身でご確認頂けますと幸いです!っていうか、まとめ出してちょっと公開したのですが、とんでも無い量になってしまってホントすいません…

では、早速行ってみましょう!

アイコンファインダー系

シンプルな検索ボックスに探したいアイコンのキーワードを入れて検索するっていう、まぁなんともシンプルなアイコンファインダー系のサイト達です!結構サイトによっても癖や種類があったりするので、まぁ幾つか使いそうな物をピックアップしておいてもいいかもしれませんね!

Screeny Shot 2012 11 21 10 49 58 PM

Icon Search Engine | Iconfinder

もはや定番のアイコン検索サイトかと!

Screeny Shot 2012 11 21 10 50 03 PM

Icons Search Engine

アイコン検索するときの候補の一つに!

Screeny Shot 2012 11 21 10 50 05 PM

Icon Seeker, an icon search engine, help you search and free downlad icons.

リアル目なヤツが多い印象!こちらもアイコン検索の候補に〜。

Screeny Shot 2012 11 21 10 50 07 PM

Very Icon, Free Icons, PNG ICO Icons,Vista Icons Search AND Download

詳細検索できるのがたまにありがたい!

Screeny Shot 2012 11 21 10 50 09 PM

Search icons with iconlet – free icons search engine

詳細検索時にLicenseでソートできるのが嬉しい!

アイコンリソースサイト系 

アイコンリソースに富んだサイトの数々!全部挙げるとキリがないので僕好みの物だけピックアップしてご紹介!

Screeny Shot 2012 11 21 11 04 03 PM

Endless Icons | Free icons and creative stuff

Endless Studioというサイトのプロジェクトの一環で作られたアイコンサイト!

Screeny Shot 2012 11 21 11 04 07 PM

iconmonstr

個人的にかなり好きなシンプルなアイコン!

Screeny Shot 2012 11 21 11 04 49 PM

Icons & Icon Packs – Download Free PNG Icons | IconsPedia

ライセンス毎の検索が出来るのはやっぱありがたいですねー!

Screeny Shot 2012 11 21 11 04 53 PM

Feed Icons – Home of the free Standard RSS Icon

フィード用アイコン!

Screeny Shot 2012 11 21 11 04 58 PM

We Love Icons: Mac, Windows and Linux PNG icons of the finest quality!

個人で利用できるフリーアイコンばかり集めたアイコン紹介サイト!

Screeny Shot 2012 11 21 11 05 04 PM

Free Icons Web – Icons, Free Icons, Png Icons, Desktop Icons

シンプルなのもあるけど、どちらかと言えば3Dちっくなキレイな感じのアイコンが多い印象

Screeny Shot 2012 11 21 11 05 13 PM

Style, hand pick & download icons of your choice.

面白いなと思ったアイコンサイト!カスタマイズして選んでダウンロード!無料版なら20ダウンロードまで!CSS Sprite化なら選択できる。

アイコンWEBフォント系

今年はほんとーに沢山のアイコンWEBフォントの紹介を目にしてきました!至る所でまとめられているので今更かもしれませんが、僕がこの1年に知った物をほぼ全部ご紹介させて頂ければと思います!無料版はPNG、有料版はWEBフォント入りってのも中にはありますが、その辺全部ここにカテゴライズさせて頂きますのであしからず!

Screeny Shot 2012 11 22 12 39 58 AM

Uicons – Icons for Apps and Stuff – Glyphs – Icon Set

有料アイコンだけど、すごいクオリティ高いしUIcons Fontの物はアイコンフォント化してる!

Screeny Shot 2012 11 22 12 40 08 AM

Web Symbols typeface

超シンプルだけど、ナビゲーションや機能説明なんかに対し丁度使いたそうなアイコンが沢山!

Screeny Shot 2012 11 22 12 40 28 AM

Font Awesome, the iconic font designed for use with Twitter Bootstrap

たぶん僕が初めてアイコンWEBフォントってヤツを知ったきっかけになったのがこちら!

Screeny Shot 2012 11 22 12 40 22 AM

OpenWeb Icons… a font!

えー、Font Awsomeにインスパイアされて出来たらしいアイコンWEBフォント(笑)

Screeny Shot 2012 11 22 12 40 35 AM

Symbolset

こちら有料になりますが、すごいシンプルで良さげなフォントが沢山!

Screeny Shot 2012 11 22 12 40 41 AM

Fontello – easy iconic fonts composer

見てみると分かるんですが、使いたいフォントを選んでダウンロードするタイプのアイコンWEBフォントサイト!おまけにSILライセンス!

Screeny Shot 2012 11 22 12 40 47 AM

Typicons

WEBフォントだけじゃなく、AIもEPSデータも付いてるのが嬉しい!

Screeny Shot 2012 11 22 12 40 54 AM

Raphaël Icon-Set via @font-face

こちらもまたシンプルで使いやすそうな印象のWEBフォント!

Screeny Shot 2012 11 22 12 40 59 AM

Modern Pictograms – The Design Office

モダンなピクトグラムのアイコン!WEBフォントとしてダウンロードする時は、リンク先のFont Squirrelに@font-face Kitがあるのでそこから!

Screeny Shot 2012 11 22 12 41 25 AM

Fico | a font with icons, by Lensco.be

こちらもまたシンプル目なアイコンWEBフォントが沢山!

Screeny Shot 2012 11 22 12 41 30 AM

Iconic Icon Set – 171 icons in raster, vector and font formats—Some Random Dude

柔らかい印象を受けるアイコンIconic!かなり沢山のデータ形式があって嬉しい!

Screeny Shot 2012 11 22 12 41 35 AM

iconSweets 2 » Even more free icons by Yummygum

お求めやすい価格で$8!PSDファイルならフリーダウンロード可!

Screeny Shot 2012 11 22 12 42 01 AM

Tipogram – Embeddable and Vector Interface Icons

2012/11/20現在は$18!

Screeny Shot 2012 11 22 12 42 07 AM

Pictos

もの凄いバランスが良いアイコンWEBフォントとアイコンパッケージ!実績もあって値段張るけど良さげ!

Screeny Shot 2012 11 22 12 42 16 AM

Entypo – 250+ carefully crafted pictograms

無料

Screeny Shot 2012 11 22 12 42 21 AM

Foundation Icons Fonts – ZURB Playground – ZURB.com

細身で使い勝手のよさそう!

Screeny Shot 2012 11 22 12 42 26 AM

A Free Icon Web Font

Screeny Shot 2012 11 22 12 42 34 AM

Web Icon Fonts | chibatch.jp

日本の人だ! LINEあったのがなんか嬉しいw

Screeny Shot 2012 11 22 12 42 40 AM

Free beautiful web icons – Vector social media icons

ソーシャル系はフリー!

Screeny Shot 2012 11 22 12 42 55 AM

GLYPHICONS – library of precisely prepared monochromatic icons and symbols.

ちょっと高いけど、個人的にかなりドツボなアイコンフォント!

Screeny Shot 2012 11 22 12 43 01 AM

Ligature Symbols

以前から購読させてもらってる くらげだらけさんの中の人が作ったWEBフォント!

その他アイコン関連

IcoMoon App

こちらのIcoMoon Appは色々なアイコンフォントライブラリーの中から好きなフォントを選んでWEBフォントに出来るサービスです。『全部のアイコンWEBフォントなんか使わないから、使いたい奴だけ選べればいいのに』そんな要望をバッチリ叶えてくれるサービスですね。

使い方は こちらとかが詳しく書いてあるかなと。あ、でもアイコン選んだ後にどうやってダウンロードするか迷いました。画面したに次へ的なボタンが固定されてあるので、ご注意ください。

Ligature Icon フォントセットの自作方法とWebFont – くらげだらけ(くだくらげのBLOG)

あと、上の方でもご紹介させて頂いたくらげだらけさんのこちらのアイコンフォントの自作記事は、自分でアイコンフォント作る時にめっちゃ重宝させて頂きました。マジありがとうございました!

どひゃー、多かった…以上、いかがでしたでしょうか?

2012年を振り返り、アイコンと名のつくブックマークを全てまとめてみました。流石にこの量になると頭がクラクラするのですが、いつの時代も必要とされているデザインの一つにアイコンは挙げられると思うので、是非とも参考にしてみてはいかがでしょうか?

ついでに、アイコンに限らず自身のリソースを強みとなる考えについて

海外に渡った外国人WEB制作者は仕事を探すのに必死です。そんなん何処の国でも例外ないでしょうけど、必死というのはお金を稼ぐためというだけではなく、そもそもその国に滞在するためにだったり、大金はたいて留学したからには何か成果を残さないといけないというプレッシャーだったり。まぁ、なんかそういう変な部分含め必死って感じです。

どうやったら就職できまっか?というご質問に僕が面接の極意とか、コミュニケーション能力超向上方法とか、これをやれば絶対仕事が見つかる必勝法とか、そういうアドバイスが出来ればいんですが、残念ながら僕にそういう知識はありません。

それで最近よく事例としてお話に挙げさせて頂くのは、上記のように自分のこれまで蓄積してきたデザインや制作のリソース関連を公開して、それをポートフォリオとする手段です。

例えば、デザイナーであれば自分のデザインの経験の中で、必ず蓄積されてきたデザインリソースが有るはずです、自作テクスチャだったり、ボツになったイラストだったり、アイコンだったり、そういった自分が一生の内に蓄積してきたリソースを一般公開してしまうのです。『なんで自分だけのリソースを他人に挙げちゃわないといけないんだ』って思っても全然良いと思います、たぶん他所の人がやるでしょうから。

で、面接の時にそのリソースの山を見せてこう言いましょう。

These are resources I myself produced. Hiring me immediately means you will have a person who can do this just for you.

このリソースは全部僕が作りました。もし雇って頂けたなら僕はアナタのためだけにこれらを作ることができます。

めっちゃわかりやすくシンプルで、今の時代のデザイナーらしい就活方法だと僕は思いますがねー。

別に就活に限った話しではなく、自分のブランドはこれから自分で作って行かなければ成らない時代だと僕は結構真面目に考えてたりするので、あの手この手を使って『自分が何をしてきて、何が出来る人間なのか』を必死ぶっこいてアピールしなければと脅迫されてる思いです!

もし、デザイナーでこの先不安。みたいなことがあれば、今のうちに自分の持ちうるリソースやテクニックを提示する場所を作って置いても良いかもしれませんね!僕も頑張って自分なりのブランドを作っていけるよう頑張っていきたいと思います!

ではでは、皆様よきアイコンライフを〜!

Pagetop