iOS7やアプリではすでにお馴染みの「フラットデザイン」。
平面的なレイアウトや、均整が取れた配色にシンプルなデザインはウェブやアプリ開発では主流になりつつあります。
ただ、いくらシンプルとはいえ、Webデザイナーでない限りアイコン1つ作成するにしても難しいと感じる方は多いのではないでしょうか。

今回は、ノンデザイナーの方でも気軽にフラットデザインを取り入れられるよう、無料でダウンロードできるフラットデザインのアイコンをご紹介します。

フラットデザインアイコンの特徴

フラットデザインのアイコンはシンプルの中にしっかりとした象徴的モチーフや、ユーザーが見て一目で意味が理解できるものなのでとても質の高いアイコンです。それを自分で考えて制作するのはとても大変ですよね。

フラットデザインはレイアウトにしてもフォントや色の均整が取れていて、平面的なデザインが特徴です。
そのため、アイコンもすっきりとしてシンプルのため、昔のようにグラデーションや複数の色使いをしていないのです。

これからご紹介するフリーでダウンロードできるアイコンを使って、お洒落で現代風のウェブサイトやアプリを作っていきましよう。

フラットデザインアイコンをDLできるWebサービス4選

WEBALYS

Webalys._Creative_Resources_for_designers___Developers__used_By_more_than_100_000_Designers.png
http://www.webalys.com/

世界最大数のGoogle素材のアイコンパックも掲載しているWEBALYSは、フリーダウンロードだと350アイコン、有料だと4,000アイコンをDLできます。
iOS9用のアイコンから、イラスト調やヴィンテージまで多様なアイコンをダウンロードできます。

※クレジット・リンク不要、商用可能

iconmonstr

iconmonstr___Free_simple_icons_for_your_next_project.png
http://iconmonstr.com/

こちらはフラットデザインのアイコンでよく掲載されているので目にした方も多いのではないでしょうか。
全てモノトーンで作られているのですが、海外サイトの特徴か、どのデザインも洗練されていてとてもお洒落です。
女性向けや若者向けのアプリやサイトで活躍できそうなアイコンです。

ダウンロードはSVG、イラストレーター、PSD、PNGの4種類から選べるのでとても便利です。

※クレジット・リンク不要、商用可能

FLATICON

Free_vector_icons___SVG__PSD__PNG__EPS___Icon_Font___Thousands_of_free_icons.png
http://www.flaticon.com/

こちらは、フラットデザインアイコンと言っても人物だけおを表現したアイコンや、手の動きを表したもの、レストランのエレメントなど場所など幅広いアイコンを扱っています。
トップページから気になるカテゴリアイコンをまとめてダウンロードすることも可能で、ベクトルアイコン、PNG、PSDとIconfontと形式が多様に選べます。

フリーでダウンロードする場合は、freepicのリンク設置が必須です。

pictogram2

human_pictogram_2.0__無料人物_ピクトグラム素材_2.0_.png
http://pictogram2.com/

国内では非常に人気の高いピクトグラム2.0。非常口に使われているマークもピクトグラムです。
ダウンロードはイラストレーター、JPG、PNGで利用可能です。

※クレジット・リンク不要、商用可能

まとめ

一言でアイコンと言っても、使うシーンやアプリ、ウェブサイトによってもテイストやカラーは大きく異なります。
海外や国内のアイコンでもテイストの違いはありますが、自分で作りたいフラットデザインにどんなアイコンが適切か、バランスをよく考えてフリーアイコンを取り入れてはいかがでしょうか。

このニュースを読んだあなたにおすすめ

Photoshop初心者必見!Photoshopを使いこなすために知っておくべき情報まとめ
全て無料!デザインの魅力をさらに引き立てる高品質PSDファイル60選
コミカルなデザインで活用したいマンガ風フォントまとめ

このニュースに関連するカリキュラム

LPOに関するカリキュラム

LPOに関するカリキュラム

LPOに関して、カリキュラム形式で学びましょう