企業が自社ホームページやサービスサイト、オンラインショップ、オウンドメディアなどのあらゆるWebサイトを構築する中で、デザインを行う際やちょっとした装飾を行いたいとき、またプレゼン資料やダウンロード資料をPowerPointなどで作成するときに便利なのが、アイコンです。
アイコンは、自社でデザイナーに作成してもらうこともできますが、無料かつ商用利用可能で、優れたデザインのアイコンを配布しているWebサイトからダウンロードして利用することもできます。素早く洗練されたアイコンが手に入れば、作業スピードも見栄えもよくなります。
そこで、今回はフリーアイコンを利用するときの注意点や活用法などを解説します。さらに、フリーアイコンが無料で使える素材サイト20選もご紹介しますので、ぜひご活用ください。
目次
フリーアイコンとは無料アイコン
フリーアイコンとは、「無料のアイコン」のことを指します。アイコンは、一般的に小さなイラストや図の画像データを意味し、WebサイトやSNS、デジタル資料で広く使用されています。これらのアイコンは、言葉で表現する代わりに記号化やシンボルマーク化することで、視覚的に情報を素早く伝達する役割を果たします。
長文や表現しづらい内容を端的に図示することで、ユーザーが一目で認識しやすくなるのがアイコンの特徴です。例えば、「メール」を表す「手紙（封筒）」のアイコンは、多くの人々に認知されています。Webサイト上で封筒のイラストを見れば、それがメールを示していることが直感的に理解できます。
「無料」という言葉は、アイコンの作成者が無償で配布している素材であることを意味します。通常、Webサイトなどで自由に使える素材であっても有償で販売されることがありますが、作者の好意などにより無償配布されているものをフリーアイコンと呼びます。
フリーアイコンの利用は、個人がSNSやブログで使用するケースだけでなく、事業者がWebサイトや資料作成時に活用することもあります。ただし、稀にフリーアイコンを「著作権フリーのアイコン」という意味で使用するケースもあるため、何がフリーなのか、ダウンロード前に確認することが重要です。
関連記事
・誰でもできるホームページのアイコン設定方法とは？
・線画ってなに？初心者でも分かる線画イラストの描き方やおしゃれな線画フリー素材サイトのご紹介
・感覚マーケティングのチカラ：上智大学 外川准教授が語る消費行動への影響力
・エイチームの動画広告戦略〜成功確率と再現性向上のための取り組み｜エイチーム連載第2回
フリーアイコンの種類
主要なフリーアイコンの配布サイトで入手できるアイコンの種類を5種類、ご紹介します。これらの種類を知っておくことで、必要な場面に応じて適切なアイコンを選択することができます。
- アウトラインアイコン
- 塗りつぶしアイコン
- シルエットアイコン
- ピクトグラムアイコン
- フラットアイコン
それぞれのアイコンタイプには特徴があり、用途や目的に合わせて使い分けることが重要です。例えば、シンプルさを重視する場合はアウトラインアイコンが適しているかもしれません。一方で、視認性を高めたい場合は塗りつぶしアイコンやシルエットアイコンが効果的かもしれません。
これらのアイコンの種類を理解し、適切に選択することで、より効果的なデザインや情報伝達が可能になります。次の項目では、各アイコンタイプについて詳しく解説していきます。
アウトラインアイコン
アウトラインアイコンは、輪郭が描かれており、中が塗りつぶされていないアイコンです。例えば、ハートマークのアイコンであれば、ハートマークの輪郭だけで中身が塗りつぶされていないタイプです。複雑な形状を得意とします。このタイプのアイコンは、シンプルでありながら、細部まで表現できるため、多くのデザイナーに好まれています。また、背景色に関わらず使いやすく、様々な場面で活用されています。
塗りつぶしアイコン
塗りつぶしアイコンとは、アウトラインアイコンが塗りつぶされているアイコンです。ハートマークで言えば、ハート型の輪郭が描かれた内側が全て塗りつぶされている状態です。複雑な形状は向いていませんが、パッと見て印象に残りやすく、インパクトを出せます。このタイプのアイコンは、シンプルで力強い印象を与えるため、ボタンやナビゲーションメニューなどに適しています。また、背景色との対比が明確になるため、視認性が高いという特徴もあります。
シルエットアイコン
シルエットアイコンとは、いわゆる影絵です。モノトーンで塗りつぶされています。道路標識などにはシルエットアイコンが使われています。このタイプのアイコンは、シンプルで分かりやすい特徴を持っており、視認性が高いのが特長です。また、様々な背景色に合わせやすく、デザインの統一性を保ちやすいという利点もあります。シルエットアイコンは、情報を端的に伝える必要がある場面や、スペースが限られている場所での使用に適しています。
ピクトグラムアイコン
ピクトグラムとは、絵文字や絵単語、図記号の総称です。絵を使って、分かりやすく表現した記号の一つです。シルエットアイコンと似ていますが、ピクトグラムは記号という意味で、ただのイラストではなく、必ず何らかの意味を持ちます。
非常口やトイレマークなど、国際的に統一されたピクトグラムもあります。アイコンのピクトグラムも、一目で「これはこういう意味だ」というのが分かるので、利用者に何かを指し示すことができます。例えば、スマートフォンアプリの設定画面や、公共施設の案内板などでよく見かけるでしょう。
ピクトグラムアイコンの特徴は、シンプルで直感的な理解のしやすさにあります。言語や文化の壁を越えて、視覚的に情報を伝達できる点が大きな利点です。そのため、国際的なイベントや多言語対応が必要な場面で特に重宝されます。
関連記事：ピクトグラムとは？その意味や歴史、作り方、無料での利用方法を解説
フラットアイコン
平面的なフラットデザインのアイコンです。基本的にどのアイコンもフラットなデザインではありますが、フラットデザインのアイコンと謳われているものは、できるだけ立体的な見え方が避けられているアイコンを指します。これらのアイコンの種類を、用途やシーンに合わせて使い分けましょう。フラットアイコンは、シンプルで見やすく、モダンな印象を与えるため、多くのWebサイトやアプリで採用されています。特に、スマートフォンなどの小さな画面での表示に適しており、ユーザーにとって視認性が高いという利点があります。
関連記事：
・Illustrator（イラストレーター）を解説！仕事としても使われる意味も教えます
・ロゴデザイン初心者必見！ロゴの考え方やコツ、やってはいけないことを解説
・インフォグラフィックとは！作り方と作成する上でのコツを解説！
フリーアイコン使用のメリット
フリーアイコンを使用することで、ウェブサイトやデジタルコンテンツの制作において多くのメリットが得られます。視覚的な要素を効果的に取り入れることで、ユーザーエクスペリエンスを向上させ、情報伝達をより効率的に行うことができます。以下では、フリーアイコン使用の主な利点について詳しく解説します。これらのメリットを理解し、適切に活用することで、より魅力的で使いやすいデザインを実現することができるでしょう。
アイコンが示す内容を素早く認知させる
スマートフォン内のアプリでは、機能に関連した物をアイコンとして表示しています。アイコンを見慣れてくると瞬時に目的のアプリを開くことができます。このように、アイコンは視覚的な情報を短時間で伝達する役割を果たします。ユーザーは長い説明文を読む必要がなく、アイコンを一目見るだけで機能や内容を理解できるため、ウェブサイトやアプリの操作性が向上します。また、言語の壁を越えて情報を伝えられるという利点もあります。
商品の魅力を直感的に伝える
商品説明の欄にアイコンを付け加えることで、ユーザーが商品を使用する際の情景をより具体的にイメージしやすくなります。例えば、食品の商品ページであれば、「簡単調理」を示すアイコンや「電子レンジ対応」を表すアイコンを配置することで、調理の手軽さや利便性を視覚的に伝えることができます。このように、適切なアイコンを効果的に使用することで、商品の特徴や魅力をユーザーに直感的に伝えることが可能となり、結果として購買意欲の向上や売上の増加にもつながります。
ユーザーの注意を喚起する
文章のみでの説明を行うよりも、アイコンを利用してサイトを作成したほうが重要な点に注目を集めることが可能となります。視覚的な要素であるアイコンは、ユーザーの目を引き、特定の情報や機能に注意を向けさせる効果があります。例えば、警告や注意を促す際に赤い三角形のアイコンを使用することで、ユーザーに即座に重要性を伝えることができます。また、新機能や特別オファーを示すアイコンを配置することで、ユーザーの興味を引き出し、クリックやアクションを促すことも可能です。このように、適切に選択されたアイコンは、ユーザーの行動を誘導し、サイトの使いやすさを向上させる重要な役割を果たします。
関連記事
・誰でもできるホームページのアイコン設定方法とは？
・LINEアイコンの画像の設定方法！おしゃれな画像を設定する方法を解説！
フリーアイコン使用のデメリット
フリーアイコンを使用することには、いくつかのデメリットが存在します。これらを理解し、適切に対処することが重要です。主なデメリットとしては、他のWebサイトと同じアイコンを使用してしまう可能性があること、著作権に関する制限が存在する場合があること、そして商用利用に制限がかけられていることがあるという点が挙げられます。これらのデメリットを考慮しながら、フリーアイコンの使用を検討する必要があります。
ほかのWebサイトと被ってしまう場合がある
フリーアイコンは誰でも利用できるため、他のWebサイトと同じアイコンを使用してしまうことがよくあります。ユーザーが「このアイコン、他のWebサイトでも見たことがある」と気づく可能性があります。これにより、サイトの独自性や印象が薄れてしまう恐れがあります。
さらに、評判の良くないWebサイトで使用されているアイコンと同じものを知らずに使ってしまうリスクもあります。このような場合、自社のWebサイトのイメージダウンにつながる可能性があります。そのため、フリーアイコンを選ぶ際は、できるだけ汎用的でないデザインや、カスタマイズ可能なものを選ぶことが重要です。また、複数のフリーアイコンサイトを比較検討し、より独自性の高いものを探すことも一つの対策となります。
著作権を放棄していない場合もある
フリーアイコンは無料で使用できるものの、著作権が完全に放棄されているわけではありません。多くの場合、利用規約に使用条件が明記されており、その範囲内での使用が許可されています。例えば、個人利用に限定されていたり、商用利用には別途許可が必要だったりする場合があります。
また、アイコンの改変や再配布が禁止されているケースも少なくありません。そのため、フリーアイコンを使用する際は、必ず利用規約を確認し、定められた条件を遵守することが重要です。
条件を無視して使用すると、著作権侵害となる可能性があり、法的トラブルに発展する恐れもあります。フリーだからといって安易に使用せず、常に著作権に配慮した利用を心がけましょう。
関連記事：著作権とは？制作担当者が知っておくべき保護の期限・期間や侵害しないための基礎知識＆ミッキー事例も紹介
商用利用が制限されている場合がある
個人ブログや趣味ブログなど、非営利で利用する分にはフリーで使用してもよいという条件が付け加えられていることもあります。この場合、利益が目的となる商用利用のWebサイトで使用する際には有料となる可能性もあります。また、商用利用可能であっても、使用条件や制限事項が設けられていることがあります。例えば、クレジット表記が必要であったり、使用できる業種や用途が限定されていたりする場合もあります。
このように、一見フリーに見えても実際にはさまざまな制限があることも、フリーアイコンを使用する上で注意すべき点と言えます。利用前に必ず利用規約をよく確認し、適切に使用することが重要です。
関連記事
・ブログの効果を最大化する「まとめ記事」とは！作り方をご紹介！
・はてなブログを活用したSEO対策とは！使い方次第で重宝されるその方法を解説
フリーアイコン選びのポイント
フリーアイコンを選ぶ際のポイントとしては以下が挙げられます。
- わかりやすいデザインを選ぶ
- デザインを統一させる
- アイコンの大きさやラインの太さが均一のものを選ぶ
これらのポイントを押さえることで、Webサイトやプレゼン資料の視覚的な一貫性と品質を高めることができます。適切なフリーアイコンを選択することで、ユーザーの理解を促進し、情報の伝達をより効果的に行うことが可能になります。また、統一感のあるデザインは、プロフェッショナルな印象を与え、ブランドイメージの向上にも寄与します。
わかりやすいデザインを選ぶ
フリーアイコンはわかりやすいデザインのものを選びます。そもそもアイコンは言語化しなくても視覚的にどういった内容のものがその先にあるのかを分かるようにするためのものです。つまりひと目見て、その先の内容が分かるアイコンでなければアイコンの役目を果たしていないのと同義と言えるのです。そういった観点からフリーアイコンはできるだけわかりやすいデザインを選ぶのがひとつのポイントです。例えば、「メール」を表すアイコンであれば、封筒のシンプルな絵柄が適しています。また、「検索」機能を示すアイコンなら、虫眼鏡のデザインが一般的です。これらは多くの人が直感的に理解できるデザインであり、ユーザーにとって使いやすいWebサイトやアプリケーションを作る上で重要な要素となります。
デザインを統一させる
アイコンはなるべくデザインを統一させたほうがWebサイト全体の統一感をもたせることができます。複数デザインのアイコンを交互に使用したりWebサイトのデザインや方向性に似つかわしくないデザインのアイコンであったりすると、違和感が出るばかりでなくデザイン力のない稚拙なWebサイトと見られかねません。そういったブランドイメージやユーザビリティの低下を避けるためにも、アイコンのデザインは統一させることが重要です。同じスタイルや色調のアイコンを選択することで、サイト全体の視覚的な一貫性が保たれ、ユーザーにとっても使いやすく魅力的なインターフェースを提供することができます。
アイコンの大きさやラインの太さが均一のものを選ぶ
Webサイトのデザインを統一させるにはアイコンの大きさやラインの太さにもこだわって統一するようにします。特に線で表現するアイコンはアイコン同士を並べてみたときにラインの太さが違うとそれだけで違和感を覚えます。
またアイコンの大きさがバラバラの場合はWebサイトの統一感もなくなります。つまりこれら2つの要素が少しでも食い違うとWebサイト全体としてみたときに非常にアンバランスな配置に見えることもあります。こういった全体的なデザインの観点からフリーアイコンの大きさやラインの太さは均一のものを選びます。
関連記事
・ユニバーサルデザインとは！例を交えて徹底解説します！
・プロトタイプとは！Webデザインの際に作るメリットデメリットを解説します！
・Webデザインとは何か！Webデザイナーとしての仕事もあわせて解説します！
フリーアイコンの利用方法
フリーアイコンの利用方法は以下の手順となります。
1. 検索窓に「フリーアイコンサイト」などのキーワードを入力しフリーアイコンを提供しているWebサイトを見つける
2. 利用規約を確認し自社で利用可能か否かの判断を行う
3. 見つけたフリーアイコンサイトのアイコンが自社Webサイトのデザインに適合しているか判断する
4. フリーアイコンサイト内で検索をかけ利用したいアイコンを探す
5. PNGやJPGなど素材の形式が適切かを確認する
6. Webサイトのルールに従ってダウンロードする
フリーアイコン利用の注意点
Web上には優れたフリーアイコン素材サイトが多く存在します。例えば、あなたがフリーアイコン素材を見つけ、それを自社のWebサイトで利用するのにぴったりの素材だと思ったとします。
フリーなのだから無料で使えると思って、すぐにWebサイトに使い、そのまま公開してしまうと、問題が生じることがあります。場合によっては、結果的に問題とならないケースもありますが、フリーアイコンを利用する際には、基本的に注意が必要になります。主な注意点を予め確認しておきましょう。
● 著作権を守る
● 商用利用が可能かどうかを確認する
● クレジット表示が必要かどうかを確認する
● 加工は可能か確認する
● 再配布に注意する
著作権を守る
フリーアイコンを使用する際には、しっかりと利用規約（ライセンス）を読んでから利用する必要があります。一番注意したいのが、無償配布されているからといって、基本的に著作権は放棄していないケースが多いことです。
ですので、著作権法違反にならない利用が求められると同時に、著作権者が策定したルールに基づいて、利用する必要があります。例えば、あるフリーアイコン配布サイトでは、使用条件に違反しない限り、無料で使える旨が記載されています。
使用条件には、「素材販売サイトなどで素材そのものや改変した素材を販売することの可否」「再配布の可否」「クレジット表示の可否」「利用の連絡の必要性」「加工の可否」「利用の範囲（商用利用など）」などがあります。これらの規定は、各配布者によって異なります。いずれにしても、規定を必ず守りましょう。
商用利用が可能かどうかを確認する
企業が利用する場合、商用利用となりますので、フリーアイコン素材サイトに商用利用が可能かどうかを利用規約や使用条件で確認したり、問い合わせたりする必要があります。商用利用が禁止で、個人が趣味の範囲内で利用できるといった場合もあります。その場合は、企業がWebサイト等で利用してはいけません。
クレジット表示が必要かどうかを確認する
アイコンを利用した際に、同時に著作権者のクレジットを表示する必要がある場合があります。その場合、Webサイトなら、アイコンを使った部分の近く等に、指定の方法でクレジットを記載する必要があります。
例えば、「（C）ProFuture株式会社」などです。サイトによっては、素材サイトへのリンクを張る必要のある場合もあります。アイコンを使用する部分に、クレジットとして他の会社名などが入ってしまうのは避けたい場合には、クレジット表示の必要がないフリーアイコンを選んだほうがいいでしょう。
加工は可能か確認する
フリーアイコン配布サイトでアイコンをダウンロードして利用するとき、「アイコンに文字入れをしたい」「アイコンを2つ合成したい」などのニーズが出てくることがあります。そうした加工を許可しているサイトと許可していないサイトがありますので、これも利用規約や使用条件の確認が必要です。
また、加工を許可していても、加工の範囲を定めているサイトもあります。加工をしたい場合には、「そもそも加工は許されているのか」「加工の範囲はどこまでか」をしっかり確認しましょう。
再配布に注意する
再配布とは、ITの世界ではプログラムやデータなどを著作者や販売者以外の者が複製し、第三者に渡すことを言います。勝手に何でも再配布をしてしまうと、違法コピーとなってしまいます。
フリーアイコンを再配布するシーンの例を挙げると、自社でオリジナルのデスクトップ壁紙を作っているときに、うっかり他社のWebサイトからダウンロードして取得したフリーアイコンを使用してしまい、そのまま壁紙を配布してしまったというケースがあります。
これは加工と再配布を行ったことになります。もし加工と再配布が禁止されているフリーアイコンであれば、規約違反となります。再配布が禁止されているフリーアイコンを、堂々と再配布するケースは少ないと思われます。注意したいのは、「うっかり」のケースです。ぜひ注意しましょう。
フリーアイコンを商用利用する際の注意点
フリーアイコンを商用利用する際の注意点としては以下が挙げられます。
● 商用利用が可能か否かを確認する
● 出所が不明なフリーアイコンはリスクが高い
● 利用規約を確認する
商用利用が可能か否かを確認する
フリーアイコンを提供しているWebサイトでも一部を有料にしている場合もあります。また個人での商用利用は無料でも法人では有料と設定していることもあります。知らず知らずのうちにこういった一部有料素材を無断で商用利用してしまわないようによく利用範囲を確認する必要があります。
出所が不明なフリーアイコンはリスクが高い
出所が不明なフリーアイコンを商用利用する場合はリスクが非常に高くなります。例えば、イラストSNSなどでフリーとして出回っていたアイコンが実は有料で、出所は有料素材販売サイトだったという可能性もあります。こういったリスクがあることから、出所不明なフリーアイコンはなるべく商用利用しないように注意します。
利用規約を確認する
フリーアイコンを商用利用する場合は利用規約を確認します。例えば、提供しているフリーアイコンを「そのまま利用する場合のみ商用でも使用可」としている場合もあります。つまりアイコンの画像を加工したり改変したり、また再配布したりする場合は有料という可能性もあります。フリーとは言うもののこういった細かい制限を設けているサービスもありますので利用規約はよく確認するようにします。
フリーアイコンの活用方法
これまでご紹介してきたフリーアイコンは、様々な用途で利用できます。例えば、次のような用途で利用することが考えられます。
● ブログ・オウンドメディア
● Webサイト
● アプリ
● 広告
● 資料・スライド
● DTP・書籍の挿絵
● 案内板
ブログ・オウンドメディア
企業がブログやオウンドメディアを構築して公開していることが多いですが、そうしたブログ記事やコラム記事の内容をより分かりやすくするため、また見た目の引きをよくするためなどの理由で、ワンポイントでアイコンを配置するケースがあります。
ブログやコラム記事は、縦に長い文章形式が多いため、テキストが多くなりがちです。そうした文書の中で、アイコンが一つあっただけで、目を引き、一目で分かりやすく表現できるので、ぜひ積極的に活用してみましょう。
Webサイト
企業の公式サイトやサービスサイト、ECサイトなどにもフリーアイコンは使えます。先述のようなメールのアイコンは、メール問い合わせの目印になりますし、何か資料をダウンロードしてもらいたいときには、書類のアイコンやダウンロードを示すアイコンなどを配置すれば、閲覧ユーザーにアクションを起こさせることができます。
UI・UXを向上させる観点からも、Webサイトはできるだけシンプルにしたいものですし、モバイルでは特に文字量を少なく、分かりやすい表現は欠かせません。フリーアイコン、特にピクトグラムのような記号で示すことは、今後、積極的に実施していく必要があるでしょう。
アプリ
アプリにフリーアイコンを利用するのもいいでしょう。最近では、外国人向けにアプリを開発することもあると思われますが、アイコンなら文字ではなく端的に示すことができるので、ユーザーに伝わりやすくなります。
広告
広告などのクリエイティブでも利用できます。Web媒体はもちろん、紙媒体の広告にも活用できるでしょう。
資料・スライド
PowerPointなどのプレゼン資料やスライドでは、アイコン素材は重宝します。随所に使うことで、よりシンプルかつ分かりやすい資料になるはずです。PowerPointには既存のアイコン素材も利用できますが、ありふれた資料になりがちです。フリーアイコンサイトで見つけたバリエーションの多いアイコンを使用することで、優れた資料を作ることができそうです。
DTP・書籍の挿絵
DTPによる紙の制作物や、書籍の挿絵などにも使えることもあります。パンフレットやリーフレット、名刺などに使うことで、かっこよく分かりやすい制作物になるでしょう。
案内板
特にピクトグラムは案内板にも使えます。オフィスのエントランス、観光施設などに上手く配置することで、利用者の利便性を高めることができます。
関連記事
・オウンドメディアを活用して、企業認識を広げる努力を
・オウンドメディアとは？意味や運用する目的、具体的な成功事例を解説
・オウンドメディアで企業姿勢を示す。日本最大級の不動産・住宅情報の総合サービス「LIFULL HOME’S」運営のLIFULLが取り組む企業ブランディング
・オウンドメディアの理解度がプロモーション効率を上げる
・FAQとは？Webサイトで設ける目的やQ&Aとの違いとは
・Webサイトのキャッチコピーで直帰率・CV率改善
・Webサイトづくりで失敗しがちな「あるある」注意点とは？具体的な解決策も紹介
・Webサイト（ウェブサイト）とホームページの違いはなにか？今更聞けない基本を解説します
商用利用できるフリーアイコン素材サイト30選
フリーアイコンが素材としてダウンロードして使えるサイトを20ご紹介します。クレジット表示の有無や加工の可否などは各サイトで異なりますので、必ず利用規約を確認してから利用するようにしてください。
1. ICON BOX
2. Icons8
3. Metrize Icons
4. iconmonstr
5. ICOOON MONO
6. Material icons
7. SILHOUETTE DESIGN
8. HUMAN PICTOGRAM 2.0
9. EXPERIENCE JAPAN PICTOGRAMS
10. FLAT ICON DESIGN
11. Materialand EX
12. Loosedrawing
13. ちょうどいいイラスト
14. ICON EASY
15. ハンコでアソブ
16. unDraw
17. ICON BOX
18. icon-rainbow
19. IconsPedia
20. Pixeden
21. IFN
22. ピクトアーツ
23. Streamline
24. icon-pit
25. Orion Icon Library
26. IconDuck
27. Loaf
28. Picons
29. iconsDB.com
30. freepik
1.ICON BOX
画像引用：ICON BOX
商用利用：可
クレジット表記：不要
Webサイトに訪れると、「パスが編集できる商用フリーのアイコン素材集」とのテキストが目に入り、アイコンがずらっと並んでいます。シンプルで可愛らしいアイコンが多い印象です。デザイナーがアイコン作りなどの単純作業をする時間を減らして、よりクリエイティブな作業に専念できるようにという思いで作られているだけあって、クオリティが高いのが特徴です。
作者によると、他のフリーアイコンサイトの素材となるべく被らないタッチのもので、高クオリティかつ汎用性の高いものを中心に作っていきたいとのこと。そして、各アイコンのテイストが合っており、線データ、つまりパスが残った状態でダウンロードできるので、まさにデザイナーの仕事に役立ちます。
現在、線が「太い・細い」のテイスト別に探すことができるほか、カテゴリー別にも検索できます。カテゴリーは、「ビジネス・金融、人物、文具・雑貨、記号・マーク・矢印、建物・自然、乗物」と、主要なものがそろっています。
2.Icons8
画像引用：Icons8
商用利用：可
クレジット表記：必要（リンクも必要）
海外の素材サイトですが、日本語で閲覧することができます。フリーアイコンについては種類も数も多く、無料と有料のアイコンが存在します。無料の範囲内で使えるものは多いので、特に困ることはありません。
海外の斬新なセンスのアイコンが欲しいというときはありませんか？そんなときに、この素材サイトなら、思いもよらないアイコンに出逢うことができるのが魅力です。とにかく種類が多いので、検索しているだけで楽しめます。
また、検索しているうちに素敵なアイコンに出逢えるかもしれません。注意したいのは、無料であってもクレジット表記が必要で、さらにWebサイトへのリンクも必要である点です。条件を満たせそうであれば利用しましょう。
3.Metrize Icons
画像引用：Metrize Icons
商用利用：可
クレジット表記：不要
こちらも海外のフリーアイコン素材専用のサイトです。ダウンロードボタンは一つだけで、一度に300種類のアイコンをまとめてダウンロードできます。丸で囲まれた、小さくて可愛いアイコンです。とてもシンプルなので、利用の幅は広いです。一度ダウンロードしておいて損はないでしょう。
含まれている形式は、PSD (Single Shape Layer)、SVG (Single Icon 512 x 512)、EPS、AI、PDF、Web Fontで、プロユースが考えられているようです。商用利用可能で、クレジット表記も不要なので、ビジネスに利用できます。
4.iconmonstr
画像引用：iconmonstr
商用利用：可
クレジット表記：不要
海外の素材サイトで、広く知られている有名なサイトです。シンプルなアイコンが豊富なバリエーションで存在するので、「こんなアイコンが欲しい」というものがあれば、近しいイメージのものが見つかりそうです。検索する際には、英語で検索する必要があるので、少し不便かもしれません。
「Fill/Bold」のヘビーウェイトアイコンと、「Thin」のライトウェイトアイコンの種類に分かれています。各アイコン個別ページでは、SVG、EPS、PSD、PNG形式でダウンロードできます。PNG形式だけ、Webサイト上で大きさと色を自由に変更することができます。自分が求めるアイコンにしてからダウンロードできるのは便利ですね。
5.ICOOON MONO
画像引用：ICOOON MONO
商用利用：可
クレジット表記：不要
日本の有名なアイコン素材サイトです。モノトーンのアイコン素材が並んでいますが、ダウンロードする前に色を自由に変更してダウンロードできるのが魅力です。WebデザインやDTPなど、ビジネスシーンで活用できるアイコン素材を揃えているそうです。
特に、この情報過多の時代に最も求められていることは、良いものを正確に伝える「分かりやすさ」ではないかという考えの下、「分かりやすさ」「正確さ」「シンプルさ」は気持ちいいコミュニケーションの前提としてあり、さらなる居心地の良さを生むのではと考えていると作者は述べています。
ただ綺麗で可愛いだけのアイコンではなく、分かりやすくて正確でシンプルなアイコンは、きっとどんな制作物にもマッチするでしょう。種類がとても豊富なのも特徴です。困ったらまずここに訪れてみるのがいいかもしれません。
6.Material icons
画像引用：Material icons
商用利用：可
クレジット表記：不要
Googleが無料で公開しているアイコン集です。シンプルでかつ品質の高い、汎用的なアイコンが揃っているので、とても使いやすいです。統一されたそのクオリティの高さは、マテリアルデザインのガイドラインに基づいている点からも分かります。
サイズや色（白・黒）を選んでダウンロードできます。Android向け、iOS向けも用意されており、Webフォントとしてサイトに埋め込むこともできるなど、利用する側の利便性が考えられています。
7.SILHOUETTE DESIGN
画像引用：SILHOUETTE DESIGN
商用利用：可
クレジット表記：不要
シルエット素材が手に入るサイトです。クオリティの高い、現場で使えるものが豊富で、シルエットアイコンなら、ここに来ればほしいものが見つかりそうです。
カテゴリーも豊富で、「人物、動物、水棲生物、植物、昆虫、乗り物、イベント、地図、医療、ファッション、楽器、神々・伝統、背景・景色、製品プロダクト、食べ物、オススメ、その他」に分かれています。
自分で一から作ると時間がかかりそうな形状も、このサイトのアイコンを使えば時短でクリエイティブな制作物が出来上がりそうです。
8.HUMAN PICTOGRAM 2.0
画像引用：HUMAN PICTOGRAM 2.0
商用利用：可
クレジット表記：不要
ピクトグラムがダウンロードできるサイトです。一般的なピクトグラムと言えば、棒立ちだったり動きがあっても歩いたりしている程度など単純な形状ですが、ここのピクトグラムは「非常口のあの人」が実に多様な動きを見せてくれます。
例えば、犬の散歩、ちゃぶ台返し、跳び膝蹴りなど、「いつ使うのか？」と思うほど細かなシチュエーションのピクトグラムが手に入ります。「あのシーンを表現したい！」というときに、このサイトなら見つかるかもしれません。Adobe Illustratorで使えるAI形式のほか、PNG、JPG形式もあります。
「アタッチメント」という素材もあります。これは、このアイコン素材サイト専用のアタッチメント素材で、サイトでダウンロードできるピクトグラムに自由に装飾して好みのデザインにできるものです。Adobe Illustratorを使っている人は、ぜひこれも活用してみましょう。
9.EXPERIENCE JAPAN PICTOGRAMS
画像引用：EXPERIENCE JAPAN PICTOGRAMS
商用利用：可
クレジット表記：不要
日本デザインセンターによるピクトグラムを無償提供するサイトです。日本観光の魅力的な体験を支えるために作られたピクトグラムで、シンプルで分かりやすい造形と共に、日本の体験を一歩深く掘り下げたクオリティの高いラインアップが揃います。
「独自性、普遍性、柔軟性」の3つの指標を元に、デザイン開発が行われています。ダウンロード時にユーザー登録が必要ですが、登録する価値があるアイコンです。2021年11月には、新型コロナウイルス対応ピクトグラムを追加したバージョン1.1.0がリリースされました。
10.FLAT ICON DESIGN
画像引用：FLAT ICON DESIGN
商用利用：可
クレジット表記：不要
日本でとても人気のあるフリーアイコンサイトです。これはフラットなデザインのアイコンです。カラフルでシンプルだけれど、どこにもないテイストで、思わず複数、並べて使いたくなります。
Adobe Illustrator AI、EPS、JPG、PNG、SVG形式でダウンロードできます。JPG、PNG、SVGを選ぶと、サイズのほか、背景色の色、背景の有り無し、影なしなどを選ぶことができるので、好みのイメージでダウンロードできるのが特徴です。
11.Materialand EX
画像引用：Materialand EX
商用利用：可
クレジット表記：不要
Materialand EXはアイコンからテンプレート、ベクター素材まで幅広く取り扱っています。アイコンは「ドット絵」「ピクトグラム」「キャラクター」「ラインアイコン」「フラットアイコン」の5つのカテゴリーがあり、種類も豊富に揃っています。
中でもフラットアイコンはクオリティが高く、限られたスペースの中に影やグラデーションなど細部までリアルに表現されており、なおかつフルカラーでデザインされています。ビジネスサイトで利用するよりは、ブランディングサイトなど華やかなイメージを持たせる必要があるWebサイトで利用するのがおすすめです。
12.Loosedrawing
画像引用：Loosedrawing
商用利用：可
クレジット表記：不要
Loosedrawingは、自分で色の調整ができるアイコンサイトとなっています。Webサイトにカラーピッカーが表示されており、そこで色を調整するとWebサイト内のアイコン全ての色が変化するようになっています。
ただし、提供されているアイコンは全て単一色のみのアイコンでフルカラーではありません。アイコンは手書き風となっており、ペンで描いたような絵柄です。手作り感を出したアイコンを使いたいときにはぴったりです。カテゴリーもビジネスをはじめ「生活」「自然」「食べ物」など多くの種類があります。
13.ちょうどいいイラスト
画像引用：ちょうどいいイラスト
商用利用：可
クレジット表記：不要
ちょうどいいイラストは、Webサイト内全てのアイコンが手書き風となっており、手作り感がやさしい感じを醸し出しています。装飾は控えめで単一色から三色程度までのアイコンで統一されています。
親切なのが、アイコンごとに描いているシーンを言葉で表現しているところです。これによって「どういったシーンを描いているアイコンなのかが分からない」といったことがありません。カテゴリーもビジネスをはじめ「季節」「生活」「人物」など様々あります。
14.ICON EASY
画像引用：ICON EASY
商用利用：詳しい記載がありません
クレジット表記：詳しい記載がありません
ICON EASYは海外のサービスですが、日本語変換されるため利用ができます。非常にクオリティが高く、3Dソフトを利用して作成されたアイコンが豊富にあります。金属の質感や影の付き方、光のグラデーションなどリアルに再現されており、アイコンという小さくて限られたスペースに表示するのがもったいないといった印象を受けます。
また、カテゴリーも非常に多く、選定には問題ないと言えます。2024年1月時点において、アイコンの総数をざっと計算しただけでも7万6,000点を超えていますので、選定作業には骨が折れること間違いなしです。
15.ハンコでアソブ
画像引用：ハンコでアソブ
商用利用：可
クレジット表記：不要
ハンコでアソブはWebサイト名にもなっているように、黒一色のみのハンコ調のアイコンとなっています。画風は版画板に彫刻刀で彫ってデザインしたような感じで統一されており、版画風の手作り感が全面的に出ています。
JPEGではなく透過PNG形式のため背景は表示されず、どのような背景のWebサイトでも利用できます。カテゴリーも「動物」「花」「食べ物」など多岐にわたって提供されているので選定には問題ないと言えます。ビジネスサイトで利用するよりは、個人ブログや趣味ブログで利用した方がしっくりくるデザインです。
16.unDraw
画像引用：unDraw
商用利用：可
クレジット表記：不要
unDrawは海外のサービスですが、日本語変換されるため利用ができます。unDrawはWebサイト内にカラーピッカーが表示されており、そこで色を調整するとWebサイト内のアイコンの色を変更できます。ただし、アイコン自体が3色程度でしか表現されておらず、変更できる色は単一色のみとなっています。
人物のアイコンがメインで派手な装飾もされていないため、ビジネスサイト向けのアイコンと言えます。非常に多彩なシーンが用意されていますので、使いたいシーンがないということはなさそうです。
17.ICON BOX
画像引用：ICON BOX
商用利用：可
クレジット表記：不要
ICON BOXは「これぞアイコンの王道」というべき非常にシンプルなアイコンで、黒一色の線画のみでデザインされています。手書き風ではなく、デザインソフトのパスなどを使用して作成されている感じがあり、線や図形の歪み等はありません。
また、線の太さとアイコンの大きさを自分で調整できるため、Webページの内容に合ったアイコンを適宜その場で作成できます。単一色で派手な装飾もないため、ビジネスサイトで利用しやすいアイコンと言えます。
18.icon-rainbow
画像引用：icon-rainbow
商用利用：可
クレジット表記：不要
icon-rainbowは、非常にシンプルで単一色の王道的なアイコンです。単一色ですが、カラーピッカーが表示されており、そこから好きな色に変更ができます。イラストはデザインソフトのパスなどを利用して非常に綺麗に作成されており、手作り感は感じられません。
非常にかっちりとしたビジネスサイトなどで利用すると、Webサイトが引き立ちます。ダウンロードの際には16pxから512pxの間で大きさが変更できるので、あとで拡大縮小する手間が省けます。DTPデザインなどを行う場合は、ブックマークに入れておきたいWebサイトの一つです。
19.IconsPedia
画像引用：IconsPedia
商用利用：詳しい記載がありません
クレジット表記：必要な場合あり
IconsPediaは海外のサービスですが、日本語変換されるため利用ができます。非常にデザイン性に富んだ多種多様なアイコンがあり、3Dソフトを利用して作成された綺麗なアイコンもあります。
金属やプラスチックの質感、陰影の付け具合、グラデーションの繊細な表現など、アイコンで使用するのがもったいないぐらいクオリティの高いデザインが多数あります。カテゴリーも「動物」「アート」「漫画」などがあり、主にエンターテインメント系のWebサイトに合っているアイコンと言えます。
20.Pixeden
画像引用：Pixeden
商用利用：可
クレジット表記：不要
Pixedenは海外サービスですが、日本語変換されるため利用ができます。Pixedenはパステルカラーを中心とした漫画チックなロゴマークデザインが特徴のアイコンで統一されています。SNSでも利用できそうなデザインで女子に人気がありそうです。
カテゴリーは少し変わったカテゴリーが多く「Eコマース」「インターフェイス」「ハードウェア」などがあります。画風から判断すると、ビジネスサイトではあまりマッチせず個人ブログや趣味ブログなどで利用ができそうです。
関連記事
・フリー素材サイト7選／背景などの豊富な素材を無料でダウンロードできるサイトを紹介
・画像生成AIとは？イラストが生成される仕組みとおすすめサービス7選
・画像検索サイトとは！おすすめ5選や活用する上で注意する点も解説！
・バナーとは？意味や作り方、制作のポイントを解説します！
・Threads（スレッズ）とは？登録方法や使い方を解説
21.IFN
https://illustration-free.net/
商用利用：可
クレジット表記：不要
INFは黒一色線画のみのアイコンを提供しているフリーアイコンサイトです。非常にわかりやすくデザインされており、ひと目見てアイコンの意味が理解できます。カテゴリーもビジネス関連から自然や食べ物まで幅広い使用用途をカバーしています。シンプルが特徴のフリーアイコンです。
22.ピクトアーツ
商用利用：可
クレジット表記：不要
ピクトアーツは非常に種類が豊富なアイコンを提供しているフリーアイコンサイトです。カラフルな感じが特徴のアイコンで3Dが使用されています。質感もリアルに出ており３Dゲームに登場するようなアイコンとなっています。
23.Streamline
商用利用：可
クレジット表記：必要
Streamlineはイラストのようなアイコンから線画をモチーフとしたアイコンまで幅広く扱っているフリーアイコンサイトです。色も基本的に2色までに統一されており全体的に統一感もあります。フリーアイコンのみで1万3,000点を超えている非常に充実したサービスです。
24.icon-pit
商用利用：可
クレジット表記：不要
24.icon-pitは背景透過PNG形式が特徴のフリーアイコンサイトとなっています。背景透過PNG形式ですので背景に影響されることなくアイコンを設置できます。黒一色の線画アイコンとなっていて、パスを使って描かれた滑らかな曲線が印象的です。
25.Orion Icon Library
https://www.orioniconlibrary.com/
商用利用：可
クレジット表記：不要
Orion Icon LibraryはSVG 形式のベクトルアイコンが提供されているフリーアイコンサイトです。パスを使用して丁寧に描かれているため手作り感がありながらも線画としてまとまりがあります。自分でデザインを変更できるアプリも使用できます。
26.IconDuck
商用利用：表記なし
クレジット表記：表記なし
IconDuckは3Dアイコンからフラットのカラーアイコン、モノクロアイコンまで非常に多種多様なアイコンを扱っているフリーアイコンサイトです。27万点を超えるアイコンを揃えておりどれもユニークなものばかりです。カテゴリーが一般的な「食べ物」や「季節」、「動物」といった表現ではなく「モンスター」「イースター」「愛」など一風変わったカテゴリーが多くあります。
27.Loaf
商用利用：可
クレジット表記：不要
Loafはアニメーション化されたSVG形式のアイコンが特徴のフリーアイコンサイトです。アプリが使用できるようになっており、そのアプリを使用してアイコンの大きさや色などを自由に変更できます。元のアイコンからさらにオリジナルのアイコンへと変更を加えることができます。
28.Picons
商用利用：表記なし
クレジット表記：表記なし
Piconsはシンプルながら細部まで丁寧にデザインされたアイコンが特徴のフリーアイコンサイトです。Piconsでは「Piconsソーシャル」の項目のアイコンのみが無料で提供されています。「Piconsソーシャル」ではX（Twitter）やYouTube、FacebookといったSNSのアイコンの他、VISA、Amazon、Yahooといった「企業のアイコン」が使用できます。
29.iconsDB.com
https://www.iconsdb.com/icon-sets/cardboard-blue-icons/
商用利用：表記なし
クレジット表記：不要
iconsDB.comは単色のアイコンで統一されているフリーアイコンサイトです。シンプルで非常にわかりやすいデザインとなっており、ひと目でマークの意味が理解できます。カテゴリーも豊富で一通り揃っており、使用したいマークがないといったことは基本的にありません。
30.freepik
商用利用：可
クレジット表記：必要
FreepikはPNGの無料アイコンとSVGの有料アイコン合わせて1,000万点以上を揃えているフリーアイコンサイトです。モノクロから手書き風、アニメ調などユニークなアイコンが多数あります。カテゴリーも多くビジネスや自然、人々など一般的なものからカレンダー、クリップ、本といったモノの名前で分けているものもあります。
関連記事
・ビジネス現場で問われるスキル「パブリックスピーキング」の磨き方【元NHKアナウンサー松本和也】
・第1回 マーケティングって何だろう？～レベルの異なるマーケティングの区分と解釈～ 花王・廣澤連載
・第2回 経営戦略とマーケティング戦略って何が違うの？〜良い戦略の要諦とは〜 花王・廣澤連載
・第3回 バリュー・チェーンの視点から見る、マーケティング・マネジメントの実際 花王・廣澤連載
まとめ
・フリーアイコンとは、「無料のアイコン」のこと。アイコンとは、一般的に小さなイラストや図の画像データのことを指す。WebサイトやSNS、デジタル資料で多く利用されており、言葉で表す代わりに記号化・シンボルマーク化することなどによって視覚的に情報を伝えるためのもの。「無料」とは、アイコンの作成者が無償で配布しているアイコン素材であることを意味する。稀にフリーアイコンを「著作権フリーのアイコン」という意味で使用するケースもある。
・フリーアイコン素材を使用するときには、利用規約・ライセンス・使用条件をよく読み、遵守すること。「素材販売サイトなどで素材そのものや改変した素材を販売することの可否」「再配布の可否」「クレジット表示の可否」「利用の連絡の必要性」「加工の可否」「利用の範囲（商用利用など）」を確認する。
・フリーアイコンの種類には、主にアウトラインアイコン、塗りつぶしアイコン、シルエットアイコン、ピクトグラムアイコン、フラットアイコンなどがある。
・フリーアイコンは、ブログ・オウンドメディア、Webサイト、アプリ、広告、資料・スライド、DTP・書籍の挿絵、案内板などで活用できる。
