creatersnest

フラットデザインに合う無料アイコン素材まとめ


まだまだ人気のフラットデザイン。とは言ってもアイコンを一から作るのは大変です。
今回は、フラットデザインにぴったりのおしゃれなアイコンを配布しているサイトをご紹介します。

「こんなの欲しかった!」と思わず言ってしまうような細部にまでこだわった
クオリティの高いアイコンサイトをまとめましたのでチェックしてみてくださいね。

Beautiful Flat Icons

18_フラットデザインアイコンセット
http://www.elegantthemes.com/blog/freebie-of-the-week/beautiful-flat-icons-for-free

細部にまでこだわった分かりやすいアイコンがなんと384種類もあります。
フルカラーと単色バージョンがあるのも嬉しいですね。
個人・商用利用可。形式:AI、EPS、PDF、PNG

 

 

Free Flat Icons

01_超便利なフラットデザインアイコンセット
https://dribbble.com/shots/1095922-Free-Flat-Icons

地図アイコンやカレンダーアイコンなどシンプルなアイコンが揃っています。
個人利用可。形式:EPS、PSD

 

 

Free Flat Icons 2

02_変わりフラットデザインアイコンセット
https://dribbble.com/shots/1380706-Free-Flat-Icons-2

ゲームコントローラなどちょっと変わったかわいいアイコンが揃っています。
個人利用可。形式:EPS、PSD

 

 

Free 144 Vector Icon Set

3_単色のフラットデザインアイコンセット
http://dmartify.com/downloads/free-144-vector-line-icon-set/

ベクター素材の定番フラットアイコンです。背景をはずしても使えるので便利です。
個人・商用利用可。形式:AI、CDR、PDF、PNG

 

 

Smallicons Icon Set

04_かわいいフラットデザインアイコンセット
http://www.smashingmagazine.com/2013/11/29/freebie-smallicons-icon-set/

32pxサイズと64pxサイズのミニアイコンがたっぷり54種類。細部にまでこだわったきれいなアイコンが揃っています。
形式:SVG、PNG、PSD

 

 

Flat Design Icons Set Vol4

05_ハイライトがかかったフラットデザインアイコンセット
Flat Design Icons Set Vol4

ハイライト入りのおしゃれなアイコンが16個あります。
個人・商用利用可。形式:PSD

 

 

Free Flat Vector Social Icons

06_フラットデザインSNS用アイコンセット
http://webdesign-freebies.tumblr.com/post/47188036025/free-flat-vector-social-icons

FacebookやTwitterなどのSNS用のミニアイコンです。カラーもデザインもバリエーションが豊富です。
形式:EPS

 

 

Free Flat Vector Icons

07_フラットデザインアイコンセット
http://medialoot.com/item/free-flat-vector-icons/

フレームありとフレームなしの2種類あります。サイトに必要なアイコンはほとんど揃っています。
個人・商用利用可。形式:AI、PSD、PNG

 

 

ilepixeli icons

08_シンプルなミニアイコンセット
https://dribbble.com/shots/1383631-ilepixeli-icons

スマホサイトにも使えるシンプルなラインアイコンが80個あります。
個人・商用利用可。形式:AI、PSD、PNG

 

 

MINIMAL APPLE DEVICE ICONS

09_Macデバイスのフラットデザインアイコンセット
http://www.bestpsdfreebies.com/freebie/minimal-apple-device-icons/

Macbook Pro、iPad、iPad Mini、iPhone 5のデバイスアイコンです。
形式:PSD

 

 

12 Free Flat Office Icons

11_オフィス用品のフラットデザインアイコンセット
http://www.bilmaw.com/office-icons/

グラフや電卓などオフィス用品のアイコン。ラウンド型とスクエア型が用意されているので、
サイトの雰囲気に合わせて使えます。
形式:AI、EPS

 

 

Free Flat 24 Clean Icons

12_透明感のあるフラットデザインアイコンセット
http://365psd.com/day/4-191/

まるでガラスの上に載せたような透明感のあるアイコンです。
形式:PSD

 

 

It’s Flat! 48 Free Vector Icons

14_オフィス用品のフラットデザインアイコンセット
http://medialoot.com/item/its-flat-48-free-vector-icons/

プリンタや計算機などオフィス用品のベクター素材が48種類あります。
個人・商用利用可。形式:PSD、PNG

 

 

210 Line Icons

15_シンプルなフラットデザインアイコンセット
http://designbeep.com/2014/09/22/free-download-210-line-icons-psd-png-svg-icon-font/

バスや電車、バスケットボールなどちょっと変わり種のシンプルなミニラインアイコンが210種類もあります。
形式:SVG、PNG、PSD

 

 

Meroo – A Gorgeous Flat-Styled Icon Set

16_レトロなフラットデザインアイコンセット
Meroo – A Gorgeous Flat-Styled Icon Set

レトロな色使いがかわいいアイコンです。
個人・商用利用可。形式:PSD

 

 

Flatilicious – 48 Free Flat Icons

17_フラットデザインアイコンセット
http://www.pixel-fabric.com/flatilicious-48-free-flat-icons-18

パソコンやスマホアイコンの他、アイスや抜けた歯などの面白いアイコンもあります。
個人・商用利用可。形式:PSD

 

 

60 SEO Services Icons

19_SEOアイコンセット
http://simpleicon.com/set/60-seo-services-icons/

SEO関連のアイコンはなかなかめずらしいです。
個人・商用利用可。形式:EPS、AI、SVG

 

Free 12 Flat Hotel Icons
20_
https://www.behance.net/gallery/Free-12-Flat-Hotel-Icons/10560923

ホテルの中のアイテムがアイコンになっています。
商用利用不可。形式:PSD

 

 

TRAVEL AND ECOLOGY ICON SET
21_環境と乗り物のアイコンセット
http://tympanus.net/codrops/2014/10/17/freebie-travel-ecology-icon-set/

キャリバッグやチケットといった旅行関連のアイコンと、
木や葉などの環境関連のアイコンが揃っています。
個人・商用利用可。形式:AI、SVG、PSD、PNG

 

 

Flat Weather Icon Set

22_お天気アイコンセット
https://www.behance.net/gallery/Flat-Weather-Icon-Set/10398577

晴れや曇り、雷などお天気用のアイコンです。
商用利用不可。形式:PSD

 

 

まとめ

お気に入りのアイコンは見つかりましたでしょうか?

アイコンはバナーやボタンにちょこんと乗せるだけでもおしゃれになる優秀アイテムです。
今回は、デザインに困ったり、「あともう少しアクセントが欲しい」ときに大活躍すること
間違いなしのアイコンサイトをご紹介しました。

カスタマイズもできるので、デザインの参考にしてみてもよいかもしれませんね。

本サイトが運営するWebデザインのオンラインスクールが公開中!
以下のリンクからお申込みで、特別料金の70%OFF!

未経験からプロのWebデザイナーになる! 400レッスン以上の完全マスターコース
こちらのコースは全くの未経験の方が、プロのWebデザイナーとして働けるレベルになることを目的としたコースです。
・全422レッスン & 42時間! 通学スクール80万円相当の内容
・授業×チャレンジ課題で実践的なスキルが身につく!
・過去1100名以上のスクール卒業生を輩出した、 Webサービス運営企業・デザイナー輩出企業だからこそ作れるプログラム

Webやアプリの最新デザインツール Sketch3 |100レッスンの完全マスターコース
Sketch3未経験からプロレベルを目指す、充実したコースです。
Sketch3の単なる機能説明をするような、つまらないコースではなく、アイコン制作、ボタン作成、メインビジュアル制作、Webページの制作など、実際の制作をしながら実践力を身につけます。
1000名以上の卒業生がいる実績ある日本のWebデザインスクールが提供しています。


Next Article美しいグリッドデザインを作る方法&お役立ちツール3つ