フラットデザインに使える!おすすめ無料アイコン集

web

【商用利用可】話題のフラットアイコン

main_flat

 

こんにちは。webディレクターの青木です。

 

 

近年、web業界でも「フラットデザイン」が主流になっています。

このフラットデザインとは、デザインの装飾的な部分を排除した、シンプルさを極めたコンテンツを邪魔しないデザインのことをいいます。

 

 

下記をご覧頂くと分かるように、左側のグラデーションがかかっているボタンが従来のもので、左側がフラットデザインでつくられたボタンになります。

では、なぜこのようなフラットデザインが主流になってきたのでしょうか?

 

 

btn_image

 

 

時代の変化に伴い、PCサイトがメインだったwebサイトがiOSやAndroid OSの普及によりスマートフォンサイトがトレンドとなっています。

右側のようにグラデーション加工され、立体感のあるボタンはPCサイトでは、質感も美しく表示されていますが、

これが、スマートフォンサイトではどうでしょう。

 

 

スマートフィンサイトでボタンを見ると、ボタン②のように小さいからこそ、つぶれて見辛く見えてしまいます。

 

見辛さ・・・これはユーザーにとって不快感のもととなってしまします。

 

 

このようなことを避けるためにも、端末に合わせた適切なレイアウトが求められています。

マルチデバイスに対応するコンテンツ制作のために向いているデザイン、これが「フラットデザイン」です。

 

 

そんなフラットデザインですが、web制作においてアイコンを使用する頻度は多くあります。

無料で提供されているアイコンも多数あり、選りすぐるには時間がかかってしまいます。

そこで、今回は「フラットデザイン」に使えるおすすめアイコンをご紹介します!

 

 

FLAT ICON DESIGN

 

flaticon

 

 

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

 

 

 

ICOOON MONO

 

icooonmono

 

http://icooon-mono.com/

 

 

 

Eldorado mini free

 

eldorado

 

http://www.icojam.com/blog/?p=380

 

 

 

free icon

 

freeflat

 

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

 

 

 

上記であげたものは商用利用可能の素材ですが、素材の中では無料でもサイトの紹介が必要なものなど条件がありますので、

ご使用される際には、必ず利用規約をご覧ください。

関連コラム