Pocket

どうも。yohicです。
アイコンのデザインってむずかしいですよね。
テキストがなくても、何を表現しているかわからないアイコンはダメ!とか思いつつも、いざ自分が作ろうとなると全く意味のわからないものを作ってしまっているわけですが。。

今回は2016年に作られたアイコンを29個ほどまとめてみました。
バリエーションの参考になれば幸いです!

スポンサーリンク



01:Material icons

01
https://design.google.com/icons/
グーグル謹製のアイコンセット。
種類も豊富ですし、デザインもシンプルで良いですね。
参考になります。

02:FLATICON

02
http://www.flaticon.com/
様々なフォーマットとデザインの種類があるアイコンギャラリーサイト。
有料プランにすると無制限にダウンロードできるみたいです。

03:100+ Food and Drinks Color Icons by Icons8

03
https://speckyboy.com/2016/08/18/freebie-colored-food-drink-icon-set/
食べ物と飲み物のアイコンセットです。
色使いが良いですね。デザインもかわいい。
細部の作りなど勉強になります!

04:90 Free Multipurpose Icons

04
https://dribbble.com/shots/2541625-Free-multipurpose-icons
丸みのあるかわいいアイコンセットです。

05:Barista And Coffee Lovers Icon Set

05
https://www.smashingmagazine.com/2016/03/freebie-barista-iconset-50-icons-eps-png-svg/
コーヒーに特化したアイコン集です。
いつ使うんだろうか。。参考になります!

06:Swifticons – 52 Flat Activities Icons

06
http://graphicburger.com/swifticons-52-flat-activities-icons/
フラットデザインのかわいいアイコンです。
色使いも鮮やかでいいですね。
アイコンの種類はなんというか…色々ですが参考になります!

07:Free Line & Filled Kitchen Icons

07
https://www.behance.net/gallery/35867353/Free-Line-Filled-Kitchen-Icons
台所関係のアイコンセットです。
簡略化されたデザインなのに、しっかりなんのアイコンかわかるようにするのって難しいですね。

08:40 Office Icons

08
https://dribbble.com/shots/2644571-40-Office-Icons
オフィス系のアイコンセットです。
これまた、丸みのあるアイコンでかわいいですね。
最近のアイコンは丸みがかったものが多いですね。

09:50 COMPANY ICON

09
https://www.market-me.fr/freebies/classic-template/company-icon-set/
会社にあるアイテムのアイコンセットです。
ちょっと個性があるのでわかりにくいアイコンもありますが、綺麗ですね。

10:E-commerce & Web icons

10
http://psdmockup.xyz/40-free-icons/
通販系のアイコンセットです。

11:Bank And Money Icons

11
http://www.graphicsfuel.com/2016/01/bank-and-money-icons/
銀行とかお金に関するアイコンセットです。
細かいところまで作られてますね。
大きいサイズで使うのに適したデザインかなと。

12:50 Free Finance Icons

12
http://graphicgoogle.com/50-free-finance-icons/
お金系のアイコンセットです。
使いどころが難しいですがこの色使いいいですね!

13:CagoLife Icon

13
https://dribbble.com/shots/2897361-CagoLife-Icon-Free-download
ラインで表現したシンプルなアイコンセットです。
線だけでアイコン作ろうとするとやたら難しいですよね。
これはすごいなあ。参考になります。

14:200+ Free Line Icons

14
https://gumroad.com/l/200icons
これもラインで表現したアイコンセットですね。

15:Free Designer Line Icon

15
https://speckyboy.com/2016/06/28/free-line-icon-set-designers/
こちらもラインで表現したアイコンセットですね。
色々な背景色に乗せても違和感ないですね。すごい。

16:20×20 Free Line Icon set

16
https://dribbble.com/shots/2788717-20×20-Free-Line-Icon-set
丸みがあるラインのアイコンです。
やはり、丸みがあるデザインが多いですね。

17:60 free space line icons

17
https://www.pixellove.com/free-ios-space-icons
宇宙的なアイコンセットです。
有料プランになると色々な種類のアイコンがダウンロードできるみたいですね。
イラスト描ける人はいいなあ。。

18:SIMPLE LINE ICONS

18
https://www.market-me.fr/freebies/classic-template/simple-line-icons/
カテゴリはバラバラですが、シンプルで綺麗なアイコンセットです。

19:Free icons pack

19
https://icon54.com/free-icons-pack/
シンプルなラインのアイコンセットです。
ここまで色々なアイコン見てきましたが、アイコンのデザインって微妙なところで上手い下手がわかれますね。難しいなあ。
このデザインはすごいバランスが良いと思いました。

20:Line Arrow Icons

20
http://graphicsdrawer.com/line-arrow-icons
色々な矢印のアイコンセットです。
矢印は単純なデザインで表現しないとなので、バリエーションの参考になりますね。

21:100 LINE ICONS

21
http://tylerbrooksdesigns.com/projects/100-icons/
シンプルですが、作り込まれたアイコンセットです。
ガイドも書いてあって勉強になります。

22:Food & Drinks Icon Set

22
http://graphicburger.com/food-drinks-icon-set/
食べ物と飲み物のアイコンセットです。
カラーバージョンのちょっと燻んだ感じの色がいいですね。

23:Business and Money Icons

23
https://ewebdesign.com/free-business-money-icons/
ビジネス系のアイコンセットです。

24:Flat Business Icon Set

24
https://speckyboy.com/2016/02/16/free-nucleo-flat-business-icon-set/
こちらもビジネス系のアイコンセットです。
丸みがかった感じと、色使いでかなりやさしい印象のアイコンになってますね。

25:Free Weather Line Icons

25
https://www.behance.net/gallery/34784579/Free-Weather-Line-Icons
お天気アイコンのセットです。
なかなか使うタイミングがないアイコンですねw
作る事になった時のバリエーションの参考に!

26:Picons Social

26
https://picons.me/download-social.php
ソーシャル系のアイコンセットです。
モックアップ作る時にいつも探すんですよね。。参考になります。

27:Material Design Avatar Set

27
http://www.oxygenna.com/news/new-freebie-material-design-avatar-set
アバターのアイコンセットです。
うーーむ。。参考になるか微妙ですが、顔のパーツを組み替えて色々なアバターを作る参考にはなる・・かな・・

28:Musical Instrument Icon Set

28
https://speckyboy.com/2016/08/06/freebie-musical-instrument-icon-set/
楽器系のアイコンセットです。
ギターをやっている人間としては納得いかないデザイン(ネックがブリッジまで伸びてる)ですが、参考になります…!

29:The Flat eCommerce Icon Set

29
https://speckyboy.com/2016/04/20/free-flat-ecommerce-icon-set/
ショッピング系のアイコンセットです。
デザインいいですね!参考になります。

いかがだったでしょうか。
アイコンを作る際に、ぜひ参考にしてみてくださいー!

Pocket

There are currently no comments.