今回は、「アイコン素材」を配布しているサイトをご紹介します。
- 無料
- 商用利用可能
- クレジット表記不要
で使えて、私が長年ブックマークに入れてきて、たびたびお世話になってきたサイト達を集めました!
気軽に使えて、わかりやすい資料づくりにもってこいなので、ぜひチェックしてみてください😊
※ここに記載した利用規約は変更になる可能性があるため、素材を使用する際は、ご自分で素材サイトの利用規約をよく読んでからの使用をお願いします。
定番アイコン素材
まずは、Webサイトや広告などでよく見る定番的なアイコン素材をご紹介します。
ICOOON MONO
安心の日本サイト。アイコン数が多いので、まずはここから探しています。
サイト上から、サイズ選択(16px~512pxまで)や、色変更ができるので、プロが使うようなillustratorなどの画像編集ソフトをお持ちでない方に、特におすすめのサイトです。
- アイコン数:6000個以上
- ダウンロード形式:PNG, JPG, SVG, illustrator AI, photoshop EPS
Icon rainbow
こちらのサイトも日本語です。ICOOON MONOと似たようなサイトのつくりで、アイコンも似通っているため、一方で欲しいものが見つからなければこっちを探す、という感じで使っています。
同じく、サイト上から、サイズ選択(16px~512pxまで)や、色変更ができるので、デザイン初心者にもおすすめです。
- ダウンロード形式:PNG, JPG, SVG, illustrator AI, photoshop EPS
無料のAi・PNG白黒シルエットイラスト [2020/01/06 追加]
日本のサイトなので、お正月や干支など日本ならではのアイコンも見つけられますよ😊
アイコン素材ですが、JPGやPNGファイルは高解像度な大きめサイズで作られているので、印刷用途にも心配なく使えます。
- アイコン数:10000個以上
- ダウンロード形式:AI、PNG、JPG
ICON HOIHOI [2020/01/06 追加]
商用利用可能なアイコン・イラスト素材ならICON HOIHOI
1色ではなく、カラーのアイコンをお探しの方にお勧めのアイコン素材サイト。
ビジネスにもカジュアルシーンにも使える豊富なバリエーション展開で、サイズも7段階あり大変使い易いです。
- アイコン数:1000個
- ダウンロード形式:PNG
iconmonstr
こちらは英語のサイトですが、ライセンスとQ&Aのページがあるため、利用規約を理解し易くて安心です。
アイコンはそれぞれ、塗り(Fill)と線(Outline)の2通りの種類があるのも嬉しいポイント。
ここの猫アイコンがかわいくって、いつかどこかで使いたいと企んでいるのですが…!
- アイコン数:4420個以上
- ダウンロード形式:SVG, EPS, PSD, PNG
Icons – Material Design [2020/01/06 追加]
「マテリアルデザイン」を提唱しているGoogle自らが作成したマテリアルアイコン。
デザイナーや開発者が迅速に美しいモノづくりができるようにオープンソースライセンス(Apache license version 2.0.)で提供されています。
Apache License 2.0とは?商用できる?利用条件をやさしく解説
- アイコン数:942個(たぶん)
- ダウンロード形式:SVG、PNG
ラインアイコン素材
続いて、ラインアイコン(線で描かれたアイコン)を紹介します!
塗りつぶされていないので、軽くてすーっと馴染みの良いデザインです。
塗りが無い分、抽象度が高くなるため、アイコンによっては文字や写真など他の要素を使って、分かりやすく伝える工夫も必要です。
ICON BOX
日本のサイト。線の太さを、FUTO(太い)、HOSO(細い)の2種類から選べます!
細いアイコンが欲しい時に、こちらのサイトで探しています。
こちらのサイトでも、サイト上から、サイズ選択(16px~256pxまで)ができますよ。
- アイコン数:1000個以上
- ダウンロード形式:PNG, SVG
フリーのアイコンイラスト素材 icon-pit [2020/01/06 追加]
上記で紹介した「無料のAi・PNG白黒シルエットイラスト」と同じ運営者様による別サイトで、こちらではライン系アイコンが豊富です。
角が丸みを帯びているので優しい印象。
こちらも日本ならではアイコンが豊富で使い勝手の良いアイコンばかりです。
- アイコン数:1160個(たぶん)
- ダウンロード形式:AI、PNG
DesignZone
英語のサイトです。アイコンのテーマごとに、セットでダウンロードできるようになっているのが特徴です。
色付きと色無しの2種類があり、色付きの方は、アイコンというよりもイラストという感じ!
ダウンロードファイルの中には、アイコンに使われたフォントの情報も書かれています。
ほかにも、イラスト素材、パターン素材もあります。
- ダウンロード形式:AI, EPS, PNG (256×256px)
Unicons
こちらも英語のサイトで、Iconscoutによってデザインされたアイコンが無料でダウンロードできます。
他のアイコンと少し違って、ちまっとした特徴的なデザインがかわいいです。
ライセンスはGitHubのページに詳しく書かれていて、Apache License 2.0の下で利用できるとあります。
- アイコン数:1000個以上
- ダウンロード形式:SVG
LineIcons
英語のサイトです。こちらのアイコンは、主にWebサイトやブログを持つ方向け。
クリックひとつで、Webサイトへの埋め込み用コードを簡単に発行できますよ。
印刷物にも使えるSVG形式のアイコンは、トップページの「Download Now」ボタンを押すと一括ダウンロードできます。
- アイコン数:450個以上
- ダウンロード形式:SVG
Line Awesome [2020/01/06 追加]
Line Awesome — Free Beautiful Icon Font
「Line Awesome」は、Webサイトで使われた「Font Awesome」のアイコンを、コード1行でモダンな線スタイルのアイコンに変更できる機能性も備えたアイコン素材です。特に、Font Awesomeを使ってきた方におすすめです。
zipファイルからダウンロードするとSVG形式も入手できるので、Webサイト制作だけでなく、印刷物やプレゼン資料作成などにも使えますよ。
- アイコン数:463個以上
- ダウンロード形式:SVG、フォント形式(TTF、EOT、WOFF、SVG)
フラットアイコン素材
フラットアイコンは、その名の通り平らな見た目のアイコンです。Windows 8以降のスタートメニューのタイルのようなデザインでおなじみですね!
立体感が無い分、すっきりとした印象になります。
FLAT ICON DESIGN
フラットアイコンと言えばここですね!あまり紹介する必要はないかもしれません(笑)
サイト上から、サイズ選択(16px~512pxまで)ができるほか、「背景有(色3種)・無(色3種)・影のみ(色1種)」の中からも選択できます。
- ダウンロード形式:AI, EPS, JPG, PNG, SVG
FlatIcons
英語のサイトですが、見た目がごちゃごちゃしていないため、ストレスなく使えてお気に入りです。
サイト上から、色やサイズ選択(16px~256pxまで)ができるほか、アイコンの背景の形(丸、四角)までカスタマイズできます。
丸型のSNSアイコンがセットになった「Free Packs」(大きさは32px、48pxの2種類)もありますよ。
- アイコン数:2,500個以上
- ダウンロード形式:PNG
絵文字(EMOJI)アイコン素材
iPhoneやTwitterなどで目にする表情豊かで使い勝手の良い絵文字。
絵文字アイコンを無料ダウンロードできるサイトをまとめましたので、気になる方はぜひ下記リンクからチェックしてみてください!
【無料&商用可】おすすめ絵文字・顔文字アイコン素材と使用上の注意点
テーマ特化型のアイコン素材
一つのテーマ・ジャンルについてのアイコンが豊富で大変便利なテーマ特化型のアイコン素材サイトをご紹介します。
スポーツ特化型!「Player! Sporticon」 [2020/01/06 追加]
スポーツに特化したアイコン素材で、メジャーな競技からマイナーなものまで130種類のスポーツに対応!
ライセンスはApache 2.0で配布されています。
- アイコン数:130個
- ダウンロード形式:AI、SVG、PNG、フォント(TTF、OTF、EOT、WOFF、WOFF2、SVG)
各種ツール・サービスのアイコン素材「SVG Porn」
各種サービス・ツールの公式アイコンがダウンロードできるサイトです。
ライセンスについては、GitHubのページに、クリエイティブコモンズCC0の下で利用可能と記載があります。
ただし、配布元は違えど公式アイコンなので、アイコンを使う際は、各サービスが提示しているガイドライン(例:インスタグラムのブランドロゴガイドライン)を守って使うのがベターです。
クリエイティブコモンズライセンスとは?利用条件とクレジット表記の書き方を解説
- アイコン数:1000個以上
- ダウンロード形式:SVG
さいごに
たくさんのアイコン素材がある中で、今回は特に利用頻度の多いアイコン素材サイトをご紹介しました!
今までアイコンを使ったことの無かった方は、資料やWebサイトなどに、ぜひシンプルでわかりやすいアイコンを取り入れてみてください!
この記事で使用した素材
- アイキャッチ画像、挿絵:Illustrations | unDraw
※素材を使用する際は、素材配布サイトの利用規約をよく読み、ルールを守って使用しましょう!
よかった記事には、ぜひクリックをお願いします😊
ハートの数を参考にランキングを作りたいと思っているので、ご協力いただけたら幸いです。
お探しの疑問は解決できましたか?
解決できた記事には、ぜひハート💖をクリックして応援いただけるとうれしいです!