PLUS1WORLD

UIデザインの参考に フラットデザインアイコンサンプルまとめ

30-free-flat-icon-sets-0004

最近、このブログのデザインを1から作りなおして、フラットデザインを取り入れて見ようかなと考えています。

フラットデザインはシンプルな分、ごまかしが効きません。使い所が難しいので何か見本やサンプルがあると助かりますよね。

勉強がてら、フラットデザインのサンプルとなるアイコンのリンクを集めてまとめてみました。

広告

フラットデザインアイコンまとめ

30-free-flat-icon-sets-0001

Free program icons on Behance

 

30-free-flat-icon-sets-0002

Dribbble – Free Flat Icon Set by Barry Mccalvey

 

30-free-flat-icon-sets-0004

40 Social Media Flat Icons on Behance

 

30-free-flat-icon-sets-00005

Weather app + psd on Behance

 

30-free-flat-icon-sets-0006

My Desktop Icons – Free Download on Behance

 

30-free-flat-icon-sets-0007

Dribbble – Freebie – Flat Credit Cards by Ian Silber

 

30-free-flat-icon-sets-0008

Flat UI Kit – HTML/PSD Design Framework

 

30-free-flat-icon-sets-0009

Dribbble – Flat Social Icons (Freebie) by Thiago Marques

 

30-free-flat-icon-sets-0011

Dribbble – Free Flat Icons by Jan Dvořák

 

30-free-flat-icon-sets-0012

Dribbble – Flat Icons Freebie by Seevi ::::✈

 

30-free-flat-icon-sets-0013

Meteocons • 40+ Weather Icons Free

 

30-free-flat-icon-sets-0014

Dribbble – Free Flat Icons by buatoom

 

30-free-flat-icon-sets-0015

20 Flat Icons (PSD) | GraphicsFuel.com

 

30-free-flat-icon-sets-0016

Flat icons

 

30-free-flat-icon-sets-0017

Dribbble – Big Flat Icons (.sketch) by Luc Chaffard

 

30-free-flat-icon-sets-0018

Dribbble – Free Icon Set 1.0 by Alexander Schultz

 

30-free-flat-icon-sets-0019

Dribbble – Flats by Mike Clarke

 

30-free-flat-icon-sets-0020

Dribbble – [FREEBIE] Flat Icons – Part 2 (.psd/.sketch) by OthMane Machrouh

 

30-free-flat-icon-sets-0021

Dribbble – [FREEBIE] Flat Icons (.psd/.sketch) by OthMane Machrouh

 

30-free-flat-icon-sets-0022

Dribbble – 12 Flat Icons – Free by Dan Vineyard

 

30-free-flat-icon-sets-0023

Dribbble – Vector Feebie by Jared Kennedy

 

30-free-flat-icon-sets-0024

Free PSD: 24 Flat Icons | Premium Pixels

 

30-free-flat-icon-sets-0025

Free PSD: Flat File Icons | Premium Pixels

 

30-free-flat-icon-sets-0026

Dribbble – Cosmo mini free by Icojam

 

30-free-flat-icon-sets-0027

Flat Design Icons Set Vol1 | Media Icons | Pixeden

 

30-free-flat-icon-sets-0028

Flat Design Icons Set Vol2 | Media Icons | Pixeden

 

30-free-flat-icon-sets-0029

Flat Design Icons Set Vol3 | Media Icons | Pixeden

 

30-free-flat-icon-sets-0030

Flat Design Icons Set Vol4 | Media Icons | Pixeden

フラットデザインをどう取り入れるか

フラットデザインを取り入れようとするブログやウェブサイトがそもそもフラットデザインに向いた内容を取り扱っているのか? フラットデザインを取り入れる前にまずは取り入れる目的も重要だと思います。

フラットデザインを取り入れることによって確かに全体のデザインはスッキリしますが、下手をすると見た目が味気なくなるだけというリスクもあります。

流行っているからフラットデザインを取り入れてみるのではなく、それがユーザにとっていいことなのか考えてから、フラットデザインのUIやアイコンなどを検討しましょう。

出典:30+ Free Flat UI Icon Sets – Blog of Francesco Mugnai
出典:25 Absolutely Free Flat Icon Sets – Designbeep