Webサイト担当者で、アイコン素材サイト選びにお悩みの方も多いのではないでしょうか。
Webサイトのアイコン素材ってどこから手に入れたらいいんでしょうか？
アイコン素材は、無料で提供しているサイトがたくさんあります！料金はかかるか、商用利用可能かなど、ポイントをおさえて選ぶようにしましょう。
「アイコン素材ってどこからダウンロードするの？」「アイコン素材サイトが多すぎてどれを選んだらよいかわからない」とお悩みの方へ、無料かつ商用利用も可能なアイコン素材サイトを紹介します。
アイコン素材を利用するメリットや、使う際に注意したいポイントについても解説するので、ぜひ参考にしてください。
この記事で学べること
- Webサイトでアイコンを利用するメリット
- 無料のアイコン素材を使う際に注意したいポイント
- 無料で商用利用可能なアイコン素材サイト
- 目次
Webサイトでアイコンを利用するメリット
Webサイトでアイコンを利用することには、以下のようなメリットがあります。
情報を素早く伝えられる
アイコンは、ユーザーの直感的な操作や認識を助けてくれます。
人間は視覚的な情報を迅速に処理する能力を持っており、テキストよりもアイコンのほうが直感的に内容を理解しやすいのです。
テキストばかりが並ぶと内容の理解に時間がかかり、目的達成のためにはどこをクリックしたらいいのか判断に迷ってしまいます。
しかし、「購入」「通知」「警告」などをアイコン化すれば、一目見ただけで内容を理解できるため、操作に迷いません。
例として、ショッピングサイトで「カートに追加」と文字だけで表すより、カートのアイコンを活用すれば、言葉を読解する時間を省略し、ユーザーが操作を迅速に進められます。
また、国際的なサイトでは言語の壁を超えるコミュニケーションツールとしても機能するでしょう。
世界観を表現できる
アイコンは、ブランドや企業の世界観を表現するツールとしても活用できます。
Webサイト全体で世界観を統一することで、情報を伝えやすいだけでなく、よりユーザーの印象に残すことが可能です。
無料のアイコン素材を使う際に注意したい5つのポイント
フリー素材のアイコンとは、自由に使用できるアイコンのことです。Webサイトやアプリのデザイン、プレゼンテーションなどに使用できるよう無償で提供されています。
無料のアイコン素材を使う際には、注意すべきポイントがあります。
無料のアイコン素材を使う際は、以下のポイントに注意しましょう！
point 1
商用利用できるか
無料のアイコン素材を利用する際には、商用利用が可能かどうかを確認することが重要です。
商品にして販売したりするわけじゃなくても、商用利用になるんですか？
収益化を目的としたWebサイトは、商用利用とみなされます！
無料でアイコン素材をダウンロードできるサイトでは、商用利用が制限されていることが多くあるため、事前に利用規約を確認してください。
商用利用不可にもかかわらず、収益化を目的としたサイトに使用した場合、法的トラブルに巻き込まれるリスクが高まります。
したがって、無料のアイコン素材を使用する場合は商用利用の可否を十分理解し、適切な利用を心掛けましょう。
point 2
クレジット表記の必要性
クレジット表記とは、各種コンテンツの提供元を記載することです。
例えば「123株式会社」からアイコンの提供を受けた場合、「（C）123株式会社」と表記します。
クレジット表記が必要であっても、このような記載をするだけでよいので、そこまで手間はかかりません。
しかし、自社のWebサイト内に他社名が記載されることを避けたい場合は、クレジット表記なしの無料アイコンサイトを使用するのがよいでしょう。
point 3
加工・改変できるか
WebサイトやSNSに公開する際、アイコンに加工・改変を加えることがあります。
しかし、無料アイコン素材サイトによっては、加工・改変は禁止されています。禁止されている場合は、文字入れやアイコンのサイズ変更などを行うことができません。
また、サイトによっては「ここまではOK」「これはNG」と定めている場合もあるので、事前に利用条件を熟読しましょう。
違反すると著作権侵害等の法的トラブルになる可能性があるため、十分に注意してください。
point 4
ファイル形式
用途にあったファイル形式か、確認してからダウンロードするようにしましょう。ファイル形式によって、利用範囲や編集性が異なります。
例えば、EPSやAI、PSDは素材をそのままWebサイトに使用できません。
アイコン素材を提供している多くのサイトはJPGやPNGを提供していますが、ファイル形式を誤ると思うように扱えない場合もあるので、事前によく確認してからダウンロードしましょう。
point 5
利用規約
無料のアイコン素材でも、自由に利用していいわけではありません。必ず利用規約が定められています。
利用規約は、アイコン素材の利用可能な範囲や、使用するにあたっての約束ごと・条件を定めるものです。
例えば再配布や販売、公序良俗に反する使用は禁止されていることが多くあります。
利用規約を読まずに禁止行為に及んでしまうと、法的トラブルを引き起こす可能性もあるため、注意が必要です。
無料で商用利用可能！おすすめのアイコン素材サイト15選
無料で商用利用ができる、おすすめのアイコン素材サイトを紹介します。
Recommendation 1
Material Icons
画像引用：Material Icons
「Material Icons」は、Googleが公式で提供するアイコン素材サイトで、マテリアルデザインのガイドラインにもとづいた、シンプルなアイコンを提供しています。
クレジット表記は不要で、ファイル形式は、PNG・SVG・CDNが提供されています。
Recommendation 2
FLAT ICON DESIGN
画像引用：FLAT ICON DESIGN
「FLAT ICON DESIGN」は、フラットなデザインのアイコン素材を提供するWebサイトです。ポップな色彩が印象的なアイコンは、ランディングページなどにも適しています。
クレジット表記は不要で、PNG・JPG・Ai・EPS・SVGといったさまざまなファイル形式を選べます。
Recommendation 3
ICOON MONO
画像引用：ICOON MONO
「ICOOON MONO」は、シンプルなデザインのアイコンが特徴です。
モノクロで表示されていますが、ダウンロード時に好みのカラーやサイズを選択してダウンロードできます。種類も6,000個以上と豊富なため、さまざまな場面で活用可能です
クレジット表記は不要で、PNG・JPG・Ai・EPS・SVGが利用できます。
Recommendation 4
ヒューマンピクトグラム2.0
画像引用：ヒューマンピクトグラム2.0
「ヒューマンピクトグラム2.0」は、一般的な歩行者信号のような人型のピクトグラムをベースに、さまざまなユニークなポーズ・表現を加えたフリーのアイコン素材を提供しています。
視覚的にわかりやすく、面白いポーズや動きを取り入れているため、さまざまな用途で利用できます。
クレジット表記は不要で、提供されるファイル形式にはPNG・JPG・Aiがあります。なお、色を変えたい場合はAI素材でないと対応できません。
Recommendation 5
Icon Monstr
画像引用：Icon Monstr
「Icon Monstr」は、人気のある海外のアイコン提供サイトです。最大の特徴は豊富なバリエーションで、サイト内には3,500個以上のシンプルなデザインのアイコンがあります。
ユーザーは必要なアイコンを探して使用できますが、検索は英語で行う必要がある点には注意が必要です。
こちらもクレジット表記は必要ありません。ファイル形式はPNG・SVG・Ai・PSDが利用できます。
Recommendation 6
ICON BOX
画像引用：ICON BOX
「ICON BOX」は、シンプルなデザインのアイコンを無料提供しているサイトです。丸みを帯びたデザインが特徴的で、親しみやすさが感じられます。
ビジネスから個人利用まで、幅広く活用できます。クレジット表記は不要、PNG・SVGのファイル形式で提供されています。
Recommendation 7
Icons8
画像引用：Icons8
「Icons8」は、多彩なアイコン素材を提供する海外のサービスです。
グラフィックデザイン向けのアイコンや3Dアイコンといったおしゃれな物だけでなく、シンプルなアイコンも揃っています。
海外サイトですが日本語でも使用可能です。なお、無料ですがクレジット表記が必要なので、その点には注意しましょう。ファイル形式はPNG・SVG・EPS・PDFなどがあります。
Recommendation 8
シルエットデザイン
画像引用：シルエットデザイン
「シルエットデザイン」は、影絵の素材に特化したサイトです。人間・動物・背景・製品など、さまざまなカテゴリのシルエット素材が豊富に揃っているため、幅広いシーンで利用できます。
また、白黒以外にカラフルな素材も提供されており、ニーズに合わせて選択することが可能です。
リンクやクレジット表記は不要で、ファイル形式はJPG・PNG・SVG・Aiから選んでダウンロードできます。
Recommendation 9
シルエットイラスト
画像引用：シルエットイラスト
「シルエットイラスト」は、シンプルで使いやすいアイコン素材が揃っているサイトです。
モノクロの素材が中心で色の変更はできませんが、アイコンの種類は非常に豊富です。シンプルでモノクロのアイコンを探している方にピッタリといえます。
会員登録やクレジット表記は不要で、ファイル形式はJPG・PNG・Aiから選択できます。
Recommendation 10
ちょうどいいイラスト
画像引用：ちょうどいいイラスト
「ちょうどいいイラスト」は、名前の通りさまざまなシーンで「ちょうどいい」イラストを提供する素材サイトです。500点以上のイラストが無料で利用できます。
クレジット表記は必要ありませんが、アイコン素材の再配布や販売は明確に禁止されているため、絶対に行わないようにしてください。
なお、ファイル形式はEPS・PNGから選択できます。
Recommendation 11
icon-rainbow
画像引用：icon-rainbow
「icon-rainbow」は、シンプルで使いやすいデザインのアイコン素材が揃っているサイトです。
カラーパレットから特定の色を指定するだけで、アイコンの色を自由に変更できます。人物や企業、規格マークといったさまざまなアイコンが約7,000種類と豊富に揃っているので、使い勝手がいい点が魅力です。
クレジット表記は不要で、ファイル形式はPNG・JPG・SVG・Ai・EPSから選択できます。
Recommendation 12
icon-pit
画像引用：icon-pit
「icon-pit」は、ほどよいテイストのイラストが豊富に揃っているアイコン素材サイトです。
素材の数は約3,300点と多いですが、カテゴリ別に整理されていたり、キーワードから検索できたりするので、求める素材を見つけやすくなっています。
会員登録やクレジット表記は不要で、ファイル形式はPNG・Aiが主となっています。
Recommendation 13
SVG PORN
画像引用：SVG PORN
「SVG PORN」は、SVG形式のアイコン素材を提供するWebサイトです。
SVG形式は、拡大・縮小しても画質が劣化しないため、Webサイトに掲載してもきれいな表示を保てる特徴があります。
特別なクレジット表記やリンクは必要ありません。
Recommendation 14
Font Awesome
画像引用：Font Awesome
「Font Awesome」は、500件以上のWebフォントアイコン素材を無料提供しているサイトです。
CDNを通じての読み込み、もしくはサーバーへのファイルアップロードで、アイコン素材を使用できます。カラーやサイズの変更はCSSで行うのが特徴です。
Webサイト制作やアプリ開発などでよく利用されています。クレジット表記は不要です。
Recommendation 15
flaticon
画像引用：flaticon
「flaticon」は、豊富なベクター素材を持つサイトで、統一感のあるセットアイコンが特徴です。60万枚を超えるデザインから選べます。
無料で使用する際にはクレジットの表示が求められるので、利用する際は注意してください。
提供されるファイル形式は、選択するアイコンによって異なります。
よくある質問
アイコンはなぜ必要なんですか？
人間は、テキストよりもイラストや写真といった視覚的な情報を迅速に処理する能力を持っています。
そのため、アイコンの活用によってユーザーに情報を素早く伝えられたり、UIの向上につながったりするため、必要だと考えられています。
無料のアイコン素材サイトを利用する際の注意点はありますか？
利用規約をよく読んでから利用してください。利用規約には利用可能な範囲や、利用するにあたっての約束ごとが記載されています。
違反行為を行うと法的トラブルにもつながる可能性があるため、十分に注意しましょう。
まとめ
アイコン素材を利用すると、ユーザーに情報を迅速に伝えられるため、よりユーザーが使いやすいWebサイトになります。
アイコン素材は自分で制作する以外にも、無料のサイトからダウンロードすることも可能です。
今回は商用利用可能な無料のアイコン素材サイト15選を紹介したので、ぜひWebサイト制作にお役立てください。
