title_img

これは参考にしたい!最近のアイコンデザインを10サイトご紹介!

どうもどうも

いやー3月はただでさえ忙しいのに、今年は消費税対応ですよ。
増税を5月にしてくれればよかったのに…!!

そんなドタバタした3月を終え、ゆっくりできるかな?と思ったら
アイコン制作のお仕事いただきました!ありがとうございます!(白目)

と、いうわけで毎日アイコン見てるのですが
色々と良いアイコンが見つかったのでご紹介いたします!

 
 
スポンサーリンク




 
 

【1】flaticon

icon_01
http://www.flaticon.com/
フリーのアイコン。
Webfont/PNG/SVG形式がダウンロード可能。

「人気順」「カテゴリ別」「icon Pack」と選べるのが良いですね。
数も多くかなり参考になります!
 
 

【2】FlatIcons

icon_02_2
http://flaticons.net/
フリーのアイコン。
PNG形式がダウンロード可能。
 
 
icon_02_1
わ、これすごい。
ブラウザ上で色とか背景の形とか選べるんだ。
もっと数が多ければなぁ…
 
 

【3】Roundicons

icon_03
http://www.smashingmagazine.com/2014/04/01/freebie-flat-icon-set-60-icons-png-svg-eps-psd-ai/
フリーのアイコンセット。
PNG/SVG/EPS/PSD/AIがダウンロード可能

かわいい感じなので、今回作るアイコンの参考にはならないかなぁ…と思ったけど
色使いとか参考にさせていただきます!きれい!
 
 

【4】Meteocons

icon_04
http://www.alessioatzeni.com/meteocons/
フリーのアイコンセット。
SVG/EPS/PSD/CSHがダウンロード可能

お天気系アイコンだけですが、天気の表現とかいざ作るとなると迷うんですよね…
これはほぞんほぞん。
 
 

【5】Beautiful Flat Icons

icon_05
http://www.elegantthemes.com/blog/freebie-of-the-week/beautiful-flat-icons-for-free
フリーのアイコンセット。
PNG/PDF/EPS/PSD/AIがダウンロード可能

淡い感じの色使いが素敵ですね。
フラットで作るとなると、影をどうしようか…と悩む事が多いんですが、
影の付け方なども参考にさせていただきますです!
 
 

【6】FLATTIES

icon_06
http://flatties.uiparade.com/
有料のアイコン。
icon_06_2
かわいい感じのデザインです。色も最高!藤子不二雄先生を思い出しました。
自分に作れるか疑問ですが参考にさせていただきたい…!
 
 

【7】FLATICON

icon_07_01
https://flaticons.co/
有料のアイコン。
icon_07_02
かなり量が多いので、参考にはもってこい。
同じ意味のアイコンでも作者によって微妙に違うというのがおもしろいっすね。
 
 

【8】Streamline

icon_08
http://www.streamlineicons.com/index.html
有料のアイコン。

Previewから1600個以上のアイコンが見れます。
ちょっと線が細い感じなので、
小さいところに使うアイコンとしては難しいかなあ…
参考にのっているのを見ると24pxまでは大丈夫そうですね。
 
 

【9】icon Shock

icon_09
http://www.iconshock.com/flat-icons/
有料・無料のアイコン。
懐かしい感じの立体的なアイコンから、
最近のフラット系アイコンまで。
昔はこの立体のアイコンに苦しめられたなぁ…
フラットはフラットで難しいんですけどね…
 
 

【10】Pixeden

icon_10
http://www.pixeden.com/icons-set
有料・無料のアイコンあり。
メニュー→【icons】を開くと
各ジャンル事のアイコンが紹介されているので便利です。
 
 

いかがだったでしょうか。
しかし、アイコンって本当に作るの難しいですね…
良いアイコンデザインを沢山見て、引き出しをを増やしておきたいものです。

次はSVGのアイコンをWebフォントにしてみようかなー
やってみました!詳しくはこちら

ではではー

 
 
スポンサーリンク




 
 

コメントを残す

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です