BLOG
25年新卒 WEBエンジニア インターンシップ 受付中

【2022年版】無料アイコン素材サイト13選【商用利用可能】

更新日:2022/06/07

忙しい作業に追われる毎日、アイコンの手描きは難しい…そんな方に、
ハイクオリティで使いやすいアイコン素材をすぐに利用することができれば、
とっても心強いですよね。
そこで、無料で商用利用OKでクレジット表記不要なアイコンが探せるサイトを
今回は13サイト選んでみました。

ぜひブックマークしてWebデザインやプレゼン資料作成にお役立てください。
では、どうぞ。

※すべて2022年6月現在の情報です。
掲載時と情報や規約が変更になっている場合もありますので、使用前に各サイトの利用規約をご確認の上ご利用ください。

Ikonate


アイコンの線幅・アイコンサイズ・色・線端と角の形状まで細かくカスタマイズ可能。
必要なアイコンを選択して一括ダウンロードできます。

ファイル形式 PNG/SVG
会員登録 不要
ライセンス・利用規約 MIT License
線幅変更などのカスタマイズ

Ikonate

Font Awesome


Webアイコンフォントのサービスで人気のサイトですが、SVGもダウンロードできます。
無料のFree版と、有料のPro版があり、Free版でも約2000のアイコンが無料で使えます。

ファイル形式 SVG
会員登録 KitによるCDNを使う場合アカウント登録が必要
ライセンス・利用規約 Font Awesome Free License/Font Awesome Pro License
線幅変更などのカスタマイズ アイコンのタイプが選べる(Solid/Regular/Light/Thin/Doutone)

Font Awesome

※利用方法に関しては弊社ブログでもまとめているのでこちらもご覧ください!
【無料で利用できるWebアイコンフォント】Font Awesome を使ってみよう

Material Icons


Googleから提供されているWebアイコンフォント。
アイコンの種類は5タイプ(Outline/Filled/Rounded/Sharp/Two tone)から
選んで使用できます。

ファイル形式 PNG/SVG
会員登録 不要
ライセンス・利用規約 APACHE LICENSE
線幅変更などのカスタマイズ アイコンのタイプが選べる(Outline/Filled/Rounded/Sharp/Two tone)

Material Icons

REMIX ICON


主にUI用アイコンに使えるシンプルな素材。
ベクターデータをブラウザ上でコピーして、デザインツールに直接ペーストできる便利さが特徴です。

ファイル形式 PNG/SVG
会員登録 不要
ライセンス・利用規約 Apache License
線幅変更などのカスタマイズ △パス編集は可能

REMIX ICON

iconmonstr


シンプルなデザインが多く、サイズ・色・背景の形を変更してダウンロードできます。
塗りつぶしとアウトラインのアイコンが揃っています。
アイコン検索は英語で入力してください。

ファイル形式 PNG/SVG
会員登録 不要
ライセンス・利用規約 License Agreement
線幅変更などのカスタマイズ △パス編集は可能

iconmonstr

ICOOON MONO


カテゴリーごとに、ちょっと特殊なアイコンも揃っています。なんと、その数6,000以上!
日本語でアイコンが探せるのも便利。
アイコンによって線の太さがバラバラなのでちょっと使いづらいことも。

ファイル形式 JPG/PNG/SVG
会員登録 不要
ライセンス・利用規約 ラインセンスについて
線幅変更などのカスタマイズ △パス編集は可能

ICOOON MONO

IFN 無料アイコン


1,000以上のアイコンが利用規約の範囲内であれば自由に使えます。
日本語で検索でき、Web制作で使える基本的なアイコンは揃うでしょう。

ファイル形式 JPG/PNG/SVG
会員登録 不要
ライセンス・利用規約 利用規約
線幅変更などのカスタマイズ △パス編集は可能

IFN 無料アイコン

フリーのアイコンイラスト素材 icon-pit


3,200点の細目のラインアイコンが揃っています。
線幅が統一されているため日本のWebサイトデザインで使いやすいですが、
細すぎて線幅を調整したいときはちょっと不便です。

ファイル形式 PNG/Ai
会員登録 不要
ライセンス・利用規約 サイトご利用案内・ご利用規約
線幅変更などのカスタマイズ △パス編集は可能

フリーのアイコンイラスト素材 icon-pit

SILHOUETTE ILLUST


10,000点以上のフリー白黒シルエットイラスト素材集です。
日本のサイトなので日本文化のアイコンがあったり、点数の多さが魅力と言えます。

ファイル形式 PNG/Ai
会員登録 不要
ライセンス・利用規約 サイトご利用案内・ご利用規約
線幅変更などのカスタマイズ △パス編集は可能

SILHOUETTE ILLUST

ICON BOX


パスデータが生きているのでイラレで編集しやすい!
Webでよく使うアイコンは揃うものの、1000個以上というアイコンの数も
一つのアイコンのバリエーションばかりなので、今後の更新に期待したいです。

ファイル形式 PNG/SVG
会員登録 不要
ライセンス・利用規約 ABOUT|ICON BOXについて
線幅変更などのカスタマイズ

ICON BOX

FLAT ICON DESIGN


フラットアイコンといえばここ!というくらい有名なサイトでしたが
特殊なアイコンが多くて、幅広いジャンルでは使いづらいイメージです。

ファイル形式 JPG/PNG/Ai/EPS/SVG
会員登録 不要
ライセンス・利用規約 素材の利用条件
線幅変更などのカスタマイズ △パス編集は可能

FLAT ICON DESIGN

Icon-rainbow


かわいらしいイメージのアイコンなので、堅めのサイトには合わないかもしれません。
種類が多くお目当てのアイコンが見つかりやすいのですが、
細かい装飾が多いので小さく使うとせっかくのデザインがつぶれるので注意が必要です。

ファイル形式 JPG/PNG/Ai/EPS/SVG
会員登録 不要
ライセンス・利用規約 使用条件について
線幅変更などのカスタマイズ △パス編集は可能

Icon-rainbow

カクレノ


シンプルながらグラデーションを使用したカラーのイラストアイコンと線画アイコンも用意されています。
バリエーションごとにまとめてダウンロードする形になります。
線画アイコンは「境界線の展開」を行っておらず、線の太さを変更可能なのが◎です。

ファイル形式 PNG/SVG
会員登録 不要
ライセンス・利用規約 各素材ページの『利用規約ポイント』を確認。
線幅変更などのカスタマイズ

カクレノ

【番外編】Icônes


「素材配布サイト」ではないので番外編。

複数の商用利用無料のアイコンから、
使用するアイコンを選んでセットにして利用できるオンラインツールです。
様々なバリエーションから使用するアイコンだけ選んでバッグに入れダウンロードすると
サンプルのHTMLが入っていて、コピペでアイコンフォントとして利用が可能です。

ファイル形式 SVG
会員登録 不要
ライセンス・利用規約 各プロジェクトごとに異なる
線幅変更などのカスタマイズ 各プロジェクトごとに異なる

Icônes

まとめ

以上、筆者おすすめの2022年版無料アイコン素材サイト13選+αでした。
Webデザイン初心者の方は、こんなときどういうアイコンを使えばいいのかな…?
という際の、デザインの参考にもなりますよね。
各サイトのデザインの違いを楽しみながら、ぜひ活用して頂ければと思います。

ですが、特殊なアイコンで無料素材サイトでは見つからない…
単純な線で描けるアイコンならわざわざ探さなくても…
ということもあると思います。
そんなときはIllustratorで自作をするのもおすすめです。
弊社ブログで解説していますのでこちらもぜひご覧ください。

Illustrator初心者でも簡単3ステップで描けるアイコン作成

FOLLOW US