こんにちは！
今回は制作会社に勤めて毎日webサイトのデザインをしている私が
よくお世話になっているフリー（無料）のアイコンサイトをご紹介します！
アイコンはwebサイトのデザインを作る時によく使用します。
ヘッダーやボタンなどにアイコンを使っているサイトも多いですよね。
文字だけのwebサイトは味気ないし、見づらい。。。
それに実際WEBサイトでは文字はあまり読まれないので、画像やイラストやアイコンが活躍しているのです。
そのサイトの雰囲気に合うアイコンをすぐ用意できるよう、フリーアイコンサイトを知っておくといいですよ＾＾
という方のために、使用例も交えてご紹介していきます♪
※ライセンスについては記事公開後に変更される可能性もあるため、ダウンロード前にご自身でご確認ください。
私がよく使うおすすめフリーアイコンサイト
ICOOON MONO
シンプルなアイコンの種類が豊富！
なので私がアイコンを探す時、まず最初にこのサイトに来ます。
上部のメニュー部分にジャンルごとにまとめられているので、素材が探しやすいです✨
ダウンロードも簡単で、色も好きに変更でるので、さくっとお目当てのアイコンが手に入ります♪
いろんなサイト見ていて、結構ここのアイコンが使われているな〜と思います＾＾
▼webデザインではこんな感じで使えます！
これは女性向けクッキングスクールのwebサイトで
持ち物の紹介部分。（例）
下に丸を敷くとおしゃれになります♡
| 商用利用 | 可能 |
| クレジット表記 | 不要 |
| ファイル形式 | ・SVG ・PNG ・JPG |
FLAT ICON DESIGN
クオリティーの高いアイコンが揃っています！！
そして、流行りのフラットデザインのアイコンです。
一つのアイコンでも、影あり・背景あり・色味ごとに好みのタイプを選べます。
私も、ポップなデザインのサイトを制作した時に使用させていただきました♪
これで無料なのすごいですよね✨
| 商用利用 | 可能 |
| クレジット表記 | 不要 |
| ファイル形式 | ・JPG ・PNG ・SVG ・AI ・EPS |
OWL STOCK
モノクロもカラーも割とたくさんの種類が揃っています。
全体的にかっちりしすぎず、カジュアルに使える可愛い感じのアイコンです。
上記の２つのサイトと同じようなアイコンですが、まだあまり有名ではないので、上記のサイトで飽きてしまったり、他とあまり被りたくない方にはこちらがおすすめです！！
| 商用利用 | 可能 |
| クレジット表記 | 不要 |
| ファイル形式 | ・PNG ・JPG ・AI |
ハンコでアソブ
個人的に大好きなアイコンサイトです！
ハンコがかすれたナチュラルな風合いが素敵なんです。
保育園サイトをデザインした時に使用させていただきました。
色はモノクロの１種類のみなので、色は自分で編集して付けました♪
おかげさまで可愛いサイトができましたよ＾＾
▼応用例
フォトショップでカラーオーバーレイや、レイヤーにペンで色を塗ってグリッピングマスクをかけることで、色を簡単につけられます。
ヘッダー部分のアイコンにも、幼稚園のサイトだったら毎日の持ち物の部分にも使えますし、このアイコンだったら周りに散らしてイラストとして使っても可愛いと思います。
| 商用利用 | 可能 |
| クレジット表記 | 不要 |
| ファイル形式 | ・PNG |
icon-rainbow
お花だけでもいろんな種類のアイコンが揃っていて、種類が豊富な印象です。
ビジネス系の資料で使えるようなフォーマルなものから、他であまり見ないユニークなもの（スケボーだけでも３種類！）まであるので、探していて楽しいです！
一つ目の ICOOON MONOと同じような感覚で簡単に探せます。
| 商用利用 | 可能（制限あり） |
| クレジット表記 | 不要 |
| ファイル形式 | ・JPG ・PNG ・SVG ・AI ・EPS |
Material Icons
高品質でシンプルで可愛すぎないアイコンです。
検索は英語でですが、基本的なものは揃っているし、使いやすいサイトです。
| 商用利用 | 可能 |
| クレジット表記 | 不要 |
| ファイル形式 | ・PNG ・SVG |
150 outlined icons
線で作られた小さくてちょこんとしたかわいいアイコンです。
150個セットなので、ダウンロードしておくと便利ですよ！
今後さらに増える予定だそうです✌︎
▼使用例
今回のアイキャッチでは贅沢にたくさん使いまくりました＾＾笑
ザ・アイコンって感じのアイコンですよね♡ 可愛い。。。
| 商用利用 | 可能 |
| クレジット表記 | 不要 |
| ファイル形式 | ・AI ・PSD ・SVG |
終わりに
WEBデザインにアイコンは欠かせない素材です。
ここに載っているサイトから探せば、だいたいのアイコンは見つかると思います！
サイトを選ぶのにたくさん悩んだので、この記事がサイト作りに役立てたら嬉しいです♡
フリーのイラストサイトのまとめもぜひご覧ください＾＾
導線迷子やデザインの魅せ方に
悩んでる女性起業家さんへ
集客導線・世界観をサポート
Webデザインを中心に制作してます＊
