この記事では無料で使えるアイコン素材サイトをまとめています。
記事を書いている段階で「この素材サイト使いにくいな」と思ったものはちょこちょこはぶき、結果として残った20サイトをご紹介します。
お気に入りの無料アイコン素材サイトを見つけてみてくださいね♩
それでは行ってみよ〜！
各素材サイトをご利用の際は、必ず利用規約等をご確認の上ご利用ください！
定番！無料アイコン素材サイト 6選
まずはアイコン素材サイトと言えば！というくらい知る人ぞ知る定番アイコンサイトをご紹介します。
EXPERIENCE JAPAN PICTOGRAMS
| 商用利用 | 可能 |
| クレジット表記 | 不要 |
「日本」を感じるピクトグラム素材サイト。新幹線、うどん、お城、鳥居、天ぷら、寿司などなど。ピクトグラムを変形させての利用はNGですが、色の変更は可能とのことなので色んなシーンで使えそうです。データはPNGとSVGでダウンロードできます。
ICOOON MONO
| 商用利用 | 可能 |
| クレジット表記 | 不要 |
有名なアイコン素材サイトの一つ。アイコンの種類が多く、ダウンロードする際に色の指定も可能。データはPNG、JPG、SVG、AI、EPSでダウンロードできます。
iconmonstr
| 商用利用 | 可能 |
| クレジット表記 | 不要 |
ドイツのデザイナーさんが作っている無料のアイコン素材サイト。海外のサイトなのでサイト内でアイコンを検索する際は英語で入力する必要があります。アイコンの色だけでなくフレームの形や背景の有無まで選択することができます。データはPNG、SVGでダウンロードが可能で、コードで直接サイトに埋め込むこともできます。
Icon-rainbow
| 商用利用 | 可能 |
| クレジット表記 | 不要 |
こちらもシンプルな無料のアイコン素材サイト。アイコンの色を指定できます。データはPNG、JPG、SVG、AI、EPSでダウンロードできます。
IFN 1063 FREE ICONS
| 商用利用 | 可能 |
| クレジット表記 | 不要 |
こちらもシンプルな無料のアイコン素材サイト。アイコンの色を指定できます。データはPNG、SVG、EPSでダウンロードできます。
ALESSIOATZENI
| 商用利用 | 可能 |
| クレジット表記 | 不要 |
海外の無料のアイコン素材サイト。シンプルなデザインのアイコンですが、ダウンロードサイトに飛んでダウンロードする必要があるのが少し面倒に感じるかもです。データはPSD、CSH、EPS、SVG、デスクトップ フォント、および Web フォントなどで使用できます。
細身の線でスタイリッシュな無料アイコン素材サイト 4選
アイコン素材サイトの中でも、割と細めの線で作られているアイコンが見つかるサイトをまとめました！
ICON BOX
| 商用利用 | 可能 |
| クレジット表記 | 不要 |
パスが編集できる無料のアイコン素材サイト。細い線で描かれたアイコン、太い線で描かれたアイコンなど線の太さでアイコンを絞ることができるので、自分が作りたいデザインに合ったものが探しやすいです。データはPNG、SVG、でダウンロードできます。
Ikonate
| 商用利用 | 可能 |
| クレジット表記 | 不要 |
こちらもパスが編集できる無料のアイコン素材サイト。線の太さを自由に決めることができ太くすることも細くすることも可能。線の種類まで選択することができます。データはZIPでダウンロードされ、中にはSVGデータとhtmlのファイルが入っています。コードでも埋め込みができるようですね。
icon-pit
| 商用利用 | 可能 |
| クレジット表記 | 不要 |
シンプルな無料のアイコン素材サイト。ダウンロードしたアイコンは加工して使うことができるため使い勝手がいい。データはZIPでダウンロードされ、AI、PNGデータが入っています。
Streamline
| 商用利用 | 可能 |
| クレジット表記 | 必要 |
海外のアイコン素材サイト。無料で使えるものと有料のものがあり、無料のものでもクレジット表記が必要なため使い勝手はあまり良くないです。ですが、アイコンの種類は多いため困った時は見てみるといいかもしれません。データはPNG、SVG、PDFでダウンロードできます。
カラー付き！無料アイコン素材サイト 4選
アイコンというと白黒、線画のイメージですが、カラーのものもあります。ここではカラーアイコンが見つかるサイトをご紹介します。
Icon-Icons
| 商用利用 | 可能 |
| クレジット表記 | 不要 |
海外のアイコン素材サイト。色んなテイストのアイコンがありカラーのデザインも多数。データはPNG、SVGなどでダウンロードできます。
ICONS8
| 商用利用 | 可能 |
| クレジット表記 | 必要 |
こちらも色んなテイストのアイコンがダウンロードできる素材サイト。データによっては無料で使えるものとそうでないものがあり、無料で使えるものでもクレジット表記が必要になるので注意。データはPNG、SVGなどでダウンロードできます。
FLAT ICON DESIGN
| 商用利用 | 可能 |
| クレジット表記 | 不要 |
フラットなテイストのアイコン素材サイト。背景ありなしの選択、背景の色も3色から選べます。データはJPG、PNG、SVGなどでダウンロードできます。
flaticon
| 商用利用 | 可能 |
| クレジット表記 | 必要 |
さまざまなテイストのアイコン素材サイト。無料で使うにはクレジット表記が必要なので使い勝手が若干悪いがアイコンの種類は多い。データは JPG、PNG、PSD、SVG、EPSでダウンロードできます。
シルエット風無料アイコン素材サイト 3選
線画ではなくアイコン全体を塗り潰したシルエットテイストのアイコン素材サイトをご紹介します。
シルエットデザイン
| 商用利用 | 可能 |
| クレジット表記 | 不要 |
シルエット素材サイト。食べ物系とか結構かわいい。データは JPG、PNG、SVG、AIでダウンロードできます。
ヒューマンピクトグラム 2.0
| 商用利用 | 可能 |
| クレジット表記 | 不要 |
非常口などの標識などで使われているピクトグラムのバリエーションを増やした素材サイト。データは JPG、PNG、AIでダウンロードできます。
SILHOUETTE ILLUST
| 商用利用 | 可能 |
| クレジット表記 | 不要 |
白黒シルエット素材サイト。10,000点以上とアイコンの数も多く揃っている。データはZIPでまとめて JPG、PNG、AIのデータをダウンロードできます。
コード埋め込みも可能な無料アイコン素材サイト 2選
アイコンを画像としてだけではなく、Webフォントとしてコードでアイコンを埋め込むことができるサイトをご紹介します。
Font Awesome
| 商用利用 | 可能 |
| クレジット表記 | 原則必要 |
コードでアイコンを埋め込むことができるとして有名な素材サイト。無料と有料のものがある。基本的にはクレジット表記が必要になるが、コードで埋め込む場合は指定のコードを変更せずそのまま埋め込むことで予め必要な著作権表記が含まれているためそのまま使用すればOK。別途クレジット表記をする必要はない。画像として使う場合はそれ単体だと著作権表記がされていないので別途クレジット表記が必要になる。コーディングで簡単にちょっとしたアイコンを入れたい！という時に使うのがおすすめ。
Material Icons
| 商用利用 | 可能 |
| クレジット表記 | 不要 |
こちらもコードでアイコンを埋め込むことができる素材サイト。Googlefontが有名だがアイコンもある。無料で使うことができて、コードだけでなくSVGやPNGの画像としてダウンロードも可能。
まとめ
アイコンと一口に言ってもさまざまテイストがあります。
「定番」「細めの線画」「カラーアイコン」「シルエットアイコン」「Webアイコン」とそれぞれでお気に入りのサイトをブクマークしておくと良いと思います。
素敵なアイコンを使ってデザインの質を上げちゃいましょう！
それではまた〜！