忙しい作業に追われる毎日、アイコンの手描きは難しい…そんな方に、
ハイクオリティで使いやすいアイコン素材をすぐに利用することができれば、
とっても心強いですよね。
そこで、無料で商用利用OKでクレジット表記不要なアイコンが探せるサイトを
今回は13サイト選んでみました。
ぜひブックマークしてWebデザインやプレゼン資料作成にお役立てください。
では、どうぞ。
掲載時と情報や規約が変更になっている場合もありますので、使用前に各サイトの利用規約をご確認の上ご利用ください。
目次
Ikonate
アイコンの線幅・アイコンサイズ・色・線端と角の形状まで細かくカスタマイズ可能。
必要なアイコンを選択して一括ダウンロードできます。
| ファイル形式 | PNG/SVG |
|---|---|
| 会員登録 | 不要 |
| ライセンス・利用規約 | MIT License |
| 線幅変更などのカスタマイズ | 〇 |
Font Awesome
Webアイコンフォントのサービスで人気のサイトですが、SVGもダウンロードできます。
無料のFree版と、有料のPro版があり、Free版でも約2000のアイコンが無料で使えます。
| ファイル形式 | SVG |
|---|---|
| 会員登録 | KitによるCDNを使う場合アカウント登録が必要 |
| ライセンス・利用規約 | Font Awesome Free License/Font Awesome Pro License |
| 線幅変更などのカスタマイズ | アイコンのタイプが選べる（Solid/Regular/Light/Thin/Doutone） |
※利用方法に関しては弊社ブログでもまとめているのでこちらもご覧ください！
【無料で利用できるWebアイコンフォント】Font Awesome を使ってみよう
Material Icons
Googleから提供されているWebアイコンフォント。
アイコンの種類は5タイプ（Outline/Filled/Rounded/Sharp/Two tone）から
選んで使用できます。
| ファイル形式 | PNG/SVG |
|---|---|
| 会員登録 | 不要 |
| ライセンス・利用規約 | APACHE LICENSE |
| 線幅変更などのカスタマイズ | アイコンのタイプが選べる（Outline/Filled/Rounded/Sharp/Two tone） |
REMIX ICON
主にUI用アイコンに使えるシンプルな素材。
ベクターデータをブラウザ上でコピーして、デザインツールに直接ペーストできる便利さが特徴です。
| ファイル形式 | PNG/SVG |
|---|---|
| 会員登録 | 不要 |
| ライセンス・利用規約 | Apache License |
| 線幅変更などのカスタマイズ | △パス編集は可能 |
iconmonstr
シンプルなデザインが多く、サイズ・色・背景の形を変更してダウンロードできます。
塗りつぶしとアウトラインのアイコンが揃っています。
アイコン検索は英語で入力してください。
| ファイル形式 | PNG/SVG |
|---|---|
| 会員登録 | 不要 |
| ライセンス・利用規約 | License Agreement |
| 線幅変更などのカスタマイズ | △パス編集は可能 |
ICOOON MONO
カテゴリーごとに、ちょっと特殊なアイコンも揃っています。なんと、その数6,000以上！
日本語でアイコンが探せるのも便利。
アイコンによって線の太さがバラバラなのでちょっと使いづらいことも。
| ファイル形式 | JPG/PNG/SVG |
|---|---|
| 会員登録 | 不要 |
| ライセンス・利用規約 | ラインセンスについて |
| 線幅変更などのカスタマイズ | △パス編集は可能 |
IFN 無料アイコン
1,000以上のアイコンが利用規約の範囲内であれば自由に使えます。
日本語で検索でき、Web制作で使える基本的なアイコンは揃うでしょう。
| ファイル形式 | JPG/PNG/SVG |
|---|---|
| 会員登録 | 不要 |
| ライセンス・利用規約 | 利用規約 |
| 線幅変更などのカスタマイズ | △パス編集は可能 |
フリーのアイコンイラスト素材 icon-pit
3,200点の細目のラインアイコンが揃っています。
線幅が統一されているため日本のWebサイトデザインで使いやすいですが、
細すぎて線幅を調整したいときはちょっと不便です。
| ファイル形式 | PNG/Ai |
|---|---|
| 会員登録 | 不要 |
| ライセンス・利用規約 | サイトご利用案内・ご利用規約 |
| 線幅変更などのカスタマイズ | △パス編集は可能 |
SILHOUETTE ILLUST
10,000点以上のフリー白黒シルエットイラスト素材集です。
日本のサイトなので日本文化のアイコンがあったり、点数の多さが魅力と言えます。
| ファイル形式 | PNG/Ai |
|---|---|
| 会員登録 | 不要 |
| ライセンス・利用規約 | サイトご利用案内・ご利用規約 |
| 線幅変更などのカスタマイズ | △パス編集は可能 |
ICON BOX
パスデータが生きているのでイラレで編集しやすい！
Webでよく使うアイコンは揃うものの、1000個以上というアイコンの数も
一つのアイコンのバリエーションばかりなので、今後の更新に期待したいです。
| ファイル形式 | PNG/SVG |
|---|---|
| 会員登録 | 不要 |
| ライセンス・利用規約 | ABOUT｜ICON BOXについて |
| 線幅変更などのカスタマイズ | 〇 |
FLAT ICON DESIGN
フラットアイコンといえばここ！というくらい有名なサイトでしたが
特殊なアイコンが多くて、幅広いジャンルでは使いづらいイメージです。
| ファイル形式 | JPG/PNG/Ai/EPS/SVG |
|---|---|
| 会員登録 | 不要 |
| ライセンス・利用規約 | 素材の利用条件 |
| 線幅変更などのカスタマイズ | △パス編集は可能 |
Icon-rainbow
かわいらしいイメージのアイコンなので、堅めのサイトには合わないかもしれません。
種類が多くお目当てのアイコンが見つかりやすいのですが、
細かい装飾が多いので小さく使うとせっかくのデザインがつぶれるので注意が必要です。
| ファイル形式 | JPG/PNG/Ai/EPS/SVG |
|---|---|
| 会員登録 | 不要 |
| ライセンス・利用規約 | 使用条件について |
| 線幅変更などのカスタマイズ | △パス編集は可能 |
カクレノ
シンプルながらグラデーションを使用したカラーのイラストアイコンと線画アイコンも用意されています。
バリエーションごとにまとめてダウンロードする形になります。
線画アイコンは「境界線の展開」を行っておらず、線の太さを変更可能なのが◎です。
| ファイル形式 | PNG/SVG |
|---|---|
| 会員登録 | 不要 |
| ライセンス・利用規約 | 各素材ページの『利用規約ポイント』を確認。 |
| 線幅変更などのカスタマイズ | 〇 |
【番外編】Icônes
「素材配布サイト」ではないので番外編。
複数の商用利用無料のアイコンから、
使用するアイコンを選んでセットにして利用できるオンラインツールです。
様々なバリエーションから使用するアイコンだけ選んでバッグに入れダウンロードすると
サンプルのHTMLが入っていて、コピペでアイコンフォントとして利用が可能です。
| ファイル形式 | SVG |
|---|---|
| 会員登録 | 不要 |
| ライセンス・利用規約 | 各プロジェクトごとに異なる |
| 線幅変更などのカスタマイズ | 各プロジェクトごとに異なる |
まとめ
以上、筆者おすすめの2022年版無料アイコン素材サイト13選＋αでした。
Webデザイン初心者の方は、こんなときどういうアイコンを使えばいいのかな…？
という際の、デザインの参考にもなりますよね。
各サイトのデザインの違いを楽しみながら、ぜひ活用して頂ければと思います。
ですが、特殊なアイコンで無料素材サイトでは見つからない…
単純な線で描けるアイコンならわざわざ探さなくても…
ということもあると思います。
そんなときはIllustratorで自作をするのもおすすめです。
弊社ブログで解説していますのでこちらもぜひご覧ください。
