flat

フラットデザインのアイコン素材を無料でGETできるサイト15選


iOS7やWindows8で採用されたフラットデザイン。
フラットデザインとは、簡単に言えばグラデーションを利用しないのっぺりとしたデザインのことを指します。
このフラットデザインが最近話題になっています。
今回はそんなフラットデザインに使用するアイコン素材が無料で利用できる素材をまとめました。

free-icon

free-icon

http://free-icon.web-tuhan.net/

フラットアイコンの素材サイトは海外サイトが多い中、日本向けで作られています。
日本語というだけで見やすく、とても利用しやすいサイトになります。
サイズも数パターン揃えられており、使いやすい素材が揃っています。

 

Ballicons

Ballicons

http://ballicons.net/

細部までこだわって作られたシンプルなアイコンが無料で15個使用可能なサイトです。
全体的には暖色系の色のものが多い印象を受けます。
無料で利用できますが、有料プランもあり、有料プランでは更に多くのアイコンを使用することができます。

 

UiPixels

UiPixels

http://www.uipixels.com/

此方のサイトはWEBデザイナーのEmrah Demirag氏が運営する素材サイトになります。
非常に質が高く、またPSD形式で保存できるので編集がとてもしやすく便利です。
フラットデザインのアイコンを使いたい時には是非とも利用したいサイトです。

 

Dribbble

Dribbble

http://dribbble.com/

世界中のデザイナーの作品がある投稿型の素材サイトになります。
作品を投稿するには登録済みのデザイナーから招待してもらう必要があります。
しかも、その招待は月に1度しか送れず、厳選されたデザイナー陣の素材が豊富です。

 

Flat icons

Flat icons

http://www.iconshock.com/flat-icons/

フラットデザインのものが驚くほどたくさん提供されているサイトです。
その数なんと3600種類以上!
しかもサイズ違いで豊富に準備されているので、用途にあった大きさのものを選べます。

 

Random Free Icons AI

Random Free Icons AI

http://freebiesbug.com/psd-freebies/random-free-icons-ai/

此方のサイトにはぬいぐるみや乗り物などのアイコンが揃っています。
素材は落ち着いた色合いのシンプルなものになります。
Illustratorに対応した形式で保存できるので、編集もしやすく便利なサイトです。

 

FLAT ICON DESIGN

FLAT ICON DESIGN

http://flat-icon-design.com/

海外の素材サイトが多い中、安心の国内素材サイトになります。
豊富な素材が揃えられていて、落ち着いた色合いのものが多い印象を受けます。
また、商用利用も可能なのが嬉しいところです。

 

名古屋ホームページ制作・イラスト制作ブログ

名古屋ホームページ制作・イラスト制作ブログ

http://web-flash-nagoya.ag-cleaner.com/material/344.html

利用しやすい日本の素材サイトになります。
パソコンや筆など数はあまり多くありませんが商用利用も可能な嬉しいサイトです。
名古屋のホームページ制作会社のブログで配布されているようです。

 

Free Flat Icon

Free Flat Icon

http://dribbble.com/shots/1104784-Free-Flat-Icon-Set

iPhoneアプリ風のアイコン素材が揃った素材サイトです。
モノクロのデザインにオレンジ色が映えるカッコイイアイコンがあります。
ダウンロードはPSD形式で可能です。

 

Some Random Dude

Some Random Dude

https://useiconic.com/open/

此方のサイトは1色のシンプルな素材サイトです。
アイコンの種類も豊富で求めているものが見つかるのではないでしょうか。
様々なフォーマットで提供されているのも便利です。

 

Simple Icons

Simple Icons

http://simpleicons.org/

背景色が透明で、アイコンの色が白と黒の2色があります。
アイコンサイズは16×16から4096×4096までの11サイズも揃っています。
ダウンロードはpng形式で可能です。

 

Icons&Coffee

Icons&Coffee

http://iconsandcoffee.com/freebie-flat-web-icon-set/

丸型のシンプルなアイコンが揃ったサイトになります。
色は白黒のものとカラフルなバージョンの2種類があります。
32×32、64×64の2種類のサイズがあり、png形式でダウンロードできます。

 

Icons DB – free custom icons

Icons DB - free custom icons

http://www.iconsdb.com/

アイコンの種類が物凄く豊富で、1つ1つのアイコンはカラフルよりは1色で統一されています。
サイズは16×16から512×512までの8種類があります。
素材の形式もico、png、gif、jpgの4種類があり、様々な場面に対応してくれます。

 

Free download: Modern long shadow icons

Free download: Modern long shadow icons

http://www.webdesignerdepot.com/2013/08/free-download-modern-long-shadow-icons/

ロングシャドウデザインのアイコン素材サイトになります。
商用利用もOKなのが嬉しいですね。
無料で使えますが、ダウンロードにはメールアドレスを入力する必要があります。

 

100 Coloured PSD Icons

100 Coloured PSD Icons

http://freebiesbug.com/psd-freebies/stylicons-100-coloured-psd-icons/

100種類ものフラットアイコンが揃ったサイトです。
はっきりした色合いのアイコンが多くあります。
ダウンロードはpsd形式で可能です。

 

さいごに

今回はフラットデザインのアイコンがダウンロードできるサイトをご紹介しましたがいかがだったでしょうか。
フラットデザインの素材サイトの多くが外国のサイトになる為、探すのにも一苦労だと思います。
今回は日本のサイトもいくつかご紹介したので、初めて使う方にはおすすめです。
外国のサイトを使う際には、利用規約だけ注意しましょう。

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

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

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


yuki

ウェブ制作に携わって15年。 様々な業種のサイトを制作してきました。 現在、フリーランスとして活動し、起業家ママの応援サイトMAMAStyle(http://mamastyle.yukiweb.jp/)を運営中!

Next Article人物のイラストが無料でダウンロードできるサイトまとめ