![](https://blogdesign-recipe.com/wp-content/uploads/2021/11/Luke_Avater.jpg)
FLAT ICON DESIGNの使い方を教えて!
今回はこんな疑問にお答えします。
- FLAT DESIGN ICONの使い方を知りたい
- かわいいアイコンを無料で手に入れる方法を知りたい
- フラットデザインを簡単に実現させたい
かわいいアイコンが揃うFLAT ICON DESIGN(フラット•アイコン•デザイン)を徹底解説!
この記事を読めば、FLAT ICON DESIGNでかわいい無料アイコンを手に入れる方法がわかりますよ。
FLAT ICON DESIGN(フラット•アイコン•デザイン)とは
![](https://blogdesign-recipe.com/wp-content/uploads/2021/12/b21_flat_icon01.jpg)
![](https://blogdesign-recipe.com/wp-content/uploads/2021/12/b21_flat_icon01.jpg)
FLAT ICON DESIGN(フラットアイコンデザイン)はその名の通り、フラットタイプのシンプルかつ可愛いアイコンが約500点揃う無料のアイコンサイト。
とにかくクオリティが高く、アイコンのデザインに統一感があるのが魅力的です。
FLAT ICON DESIGNの特徴
- 全てのアイコンが個人•商用利用問わず無料で利用できる(著作権表記やリンク、使用報告も不要)
- Webサイトで利用する他、プレゼン資料やポスター、チラシなど、どんなデザインコンテンツにも使用OK(商標登録はNG)
- 数に限りがあるが、アイコンの背景色や影の有無、データの形式などを選べる
簡単3ステップ!フラット•アイコン•デザインの使い方
FLAT ICON DESIGNでアイコンをダウンロードして使う方法を3ステップで紹介します。
STEP 1:FLAT ICON DESIGNにアクセスし、アイコンを探す
まずはFLAT ICON DESIGNにアクセスし、アイコンを探してみましょう。
キーワードで検索するのも良いですし、カテゴリーが用意されているので、カテゴリーから検索するのもありです。
![](https://blogdesign-recipe.com/wp-content/uploads/2023/02/canva_icon_profile02.png)
![](https://blogdesign-recipe.com/wp-content/uploads/2023/02/canva_icon_profile02.png)
![](https://blogdesign-recipe.com/wp-content/uploads/2023/02/canva_icon_profile02.png)
「PC•ビジネス」カテゴリーにはブログと関連のありそうなアイコンがたくさんありますよ。
![](https://blogdesign-recipe.com/wp-content/uploads/2021/12/b21_flat_icon01.jpg)
![](https://blogdesign-recipe.com/wp-content/uploads/2021/12/b21_flat_icon01.jpg)
STEP 2:アイコンをクリックし、詳細設定を行う
気になるアイコンを見つけたら、アイコンをクリックし、詳細ページを確認します。
![](https://blogdesign-recipe.com/wp-content/uploads/2021/12/b21_flat_icon02.jpg)
![](https://blogdesign-recipe.com/wp-content/uploads/2021/12/b21_flat_icon02.jpg)
上図の右端下にアイコンの色パターンが3色あるので、ここをクリックします。
クリックすると、下記の詳細設定画面が出てきます。
![](https://blogdesign-recipe.com/wp-content/uploads/2021/12/b21_flat_icon03.jpg)
![](https://blogdesign-recipe.com/wp-content/uploads/2021/12/b21_flat_icon03.jpg)
- サイズ選択:アイキャッチ画像で使うなら、「256×256」で十分ですが、サイズがわからない場合は一番大きな「512×512」を選択しましょう
- ファイル形式:イラストがきれいに見え、ファイルサイズの軽い「PNG」を選択します
- デザイン選択:「背景あり」「背景なし」「影のみ」から好きなデザインを選択します
- 詳細設定ができたら、画面下の「表示中の画像をダウンロード」をクリックします
![](https://blogdesign-recipe.com/wp-content/uploads/2023/02/canva_icon_profile02.png)
![](https://blogdesign-recipe.com/wp-content/uploads/2023/02/canva_icon_profile02.png)
![](https://blogdesign-recipe.com/wp-content/uploads/2023/02/canva_icon_profile02.png)
②のファイル形式は、もしIllustratorやPhotoshopなどを使える方は「SVG」ファイルを選択すれば各アプリを使って自分でアイコンをカスタマイズすることができます。
③のデザイン選択では、各デザインをクリックすると、そのデザインが大きく表示されるので、比較しながら欲しいデザインを選択してみてくださいね。
![](https://blogdesign-recipe.com/wp-content/uploads/2021/12/b21_flat_icon04.jpg)
![](https://blogdesign-recipe.com/wp-content/uploads/2021/12/b21_flat_icon04.jpg)
STEP 3:Canvaなどの各デザインツール•アプリで使用する
ダウンロードできたら、Canvaなどのデザインツール•アプリにドラッグ&ドロップして、アイキャッチ画像作成に役立てましょう!
ちなみにCanvaで使用する場合は、「アップロード」メニュー>「メディアをアップロード」をクリックしてアイコンをアップロードすればCanva上で自由にアイコンが使える様になります。
![Canvaで素材(メディア)をアップロードする方法](https://blogdesign-recipe.com/wp-content/uploads/2022/04/Canva-media-upload.jpg)
![Canvaで素材(メディア)をアップロードする方法](https://blogdesign-recipe.com/wp-content/uploads/2022/04/Canva-media-upload.jpg)
FLAT ICON DESIGNを使ってみたレビュー
私は普段からFLAT ICON DESIGNを愛用していますが、なんと言っても
全てのアイコンに統一感があって、可愛くシンプルなフラットデザインを実現しやすい
という魅力があります。
ちなみに本記事のアイキャッチ画像もFLAT ICON DESIGNのアイコンを使用して作成しました。
![【FLAT ICON DESIGNの使い方】かわいいアイコンを無料で手に入れる方法](https://blogdesign-recipe.com/wp-content/uploads/2022/04/b21_ec_flat_icon_design.png)
![【FLAT ICON DESIGNの使い方】かわいいアイコンを無料で手に入れる方法](https://blogdesign-recipe.com/wp-content/uploads/2022/04/b21_ec_flat_icon_design.png)
フラット(Flat)という名前の通り平らな、平面的なデザインのことで、わざと立体感などを無くしてシンプルさを追求しています。
シンプルだからこその難しさはあるものの、装飾をそこまで必要としないので、ルールさえ押さえればおしゃれなデザインを実現しやすいメリットもあります。
下記のように、複数のアイコンを選んでも統一感があるので、アイコン選びに困らないのも大きなメリットです。
![アイコンの選び方のポイント①](https://blogdesign-recipe.com/wp-content/uploads/2021/12/b21-how-to-select-icons01.png)
![アイコンの選び方のポイント①](https://blogdesign-recipe.com/wp-content/uploads/2021/12/b21-how-to-select-icons01.png)
こんな人におすすめ
- かわいいデザインが好き
- フラットデザインでWebサイトやブログ、印刷物のデザインをしたい
- ノンデザイナーでデザインにかかる時間を最小限にしたい
![](https://blogdesign-recipe.com/wp-content/uploads/2023/02/canva_icon_profile02.png)
![](https://blogdesign-recipe.com/wp-content/uploads/2023/02/canva_icon_profile02.png)
![](https://blogdesign-recipe.com/wp-content/uploads/2023/02/canva_icon_profile02.png)
FLAT DESIGN ICONのアイコンを使うだけでデザインがおしゃれに+時短もできて一石二鳥!
まとめ
今回はかわいいアイコンが揃う無料サイトFLAT ICON DESIGNの使い方を徹底解説しました。
よりシンプルなアイコンが欲しい、FLAT ICON DESIGNで好みのアイコンが見つからなかった、という方はICOOON MONOもおすすめです。
![](https://blogdesign-recipe.com/wp-content/uploads/2022/04/b21_ec_icooon_mono.png)
![](https://blogdesign-recipe.com/wp-content/uploads/2022/04/b21_ec_icooon_mono.png)
ハイクオリティなアイコンばかりで使いやすいので、ぜひおしゃれなデザイン作りに役立ててみてくださいね。