アイコン素材はWebデザインのあらゆる場所で活用することができます。ボタンやリストの見出し、ラベルなどにアイコン素材を取り入れれば、より使いやすくデザインも優れたWebサイトを作ることができますね。
しかし、自分でアイコン素材を作るのは手間がかかるし、アイコン素材を探すのもライセンスなどを調べるのが結構面倒です。
そこで、ライセンスフリーで商用利用OKのフリーアイコン素材サイトをまとめました。ぜひお気に入りのアイコン素材サイトを探してみてください。
INDEX
アイコン素材を使用する時に気をつけるべきこと
無料で利用可能なアイコン素材だからといって、なんでもOKという訳ではありません。必ず著作権を守ってアイコン素材を利用するようにしましょう。
著作権を守ろう
本記事でご紹介するサイトは、すべて下記の条件を満たしているため、ビジネスの現場でもクレジット表記なしで利用することが可能です。
2019年7月現在での情報です。将来的にサイトの利用規約が変更になる可能性があります。
- 無料で利用可能
- 商用利用OK
- クレジット表記が不要
逆に、著作権で保護されている他者の作品を無断で使用すると、法律に反する行動となるため賠償責任などが発生する可能性があります。ほとんどの人がルールに則って使用していると思いますが、素材を使用する時はしっかりとライセンス内容について確認する習慣を付けましょう。
基本的に再配布はNG
無料で利用することができ、著作権表記なしで利用できる場合でも著作権は配布サイトにあります。そのため、配布サイトの許可なしでダウンロードしたアイコン素材をWebサイト上などで配布すると、利用規約違反となってしまう可能性があります。
サイトによっては再配布をOKしている場合もあるので、気になる人は一度ライセンスをしっかりと読んでみましょう。
Webに表示するならSVG形式がおすすめ
アイコン素材には複数のファイル形式が提供されていますが、Webサイトに表示する場合はSVG形式で利用するのがおすすめです。
ファイルサイズを小さく抑えることができ、どんな大きさで表示しても粗くならないのでいちいち画像ファイルを圧縮したりする必要がありません。
iconmonstr（アイコンモンスター）
iconmonstrは4000種類以上のおしゃれなアイコン素材を無料で利用することができるサイトです。何よりこのWebサイト自体がおしゃれなのでついつい使いたくなってしまいます。
アイコンは「Collection」としてまとめられており、例えば「Airport」のコレクションでは飛行機や管制塔など、空港に関するアイコンがまとめられているので探しやすさも抜群です。
| 商用利用 | OK |
|---|---|
| クレジット表記 | 不要 |
| ファイル形式 |
|
icooon-mono
icooon-monoは6000種類以上のアイコンが無料で配布されているサイトです。もちろん商用利用もOKです。
PNGやJPGをダウンロードする時はサイズや色を指定できるので、ダウンロードしたらそのまま使用することができる点も使いやすくて便利ですね。
| 商用利用 | OK |
|---|---|
| クレジット表記 | 不要 |
| ファイル形式 |
|
FLAT ICON DESIGN
FLAT ICON DESIGNは、フラットデザインのアイコン素材を無料でダウンロードすることができるサイトです。
アイコン自体のクオリティが非常に高いだけでなく、自分で背景色を選んだり、影のありなしを設定したりできるなど、使いやすさも抜群です。
| 商用利用 | OK |
|---|---|
| クレジット表記 | 不要 |
| ファイル形式 |
|
Font Awesome
Font Awesomeは無料で1500種類以上のアイコン素材を利用することができるサービスです。アイコンフォントとして使ったことがある方も多いと思いますが、実はSVGファイルをダウンロードすることができます。
2,3個のアイコンしか使用しないような場合は、CSSやJSのファイルを読み込むよりもページサイズを小さくすることができるので、SVGファイルとして使う方法がおすすめです。
SVGファイルをダウンロードしたい場合は、アイコンの詳細ページのタイトルの下に表示されているアイコンをクリックするとダウンロードすることができます。
| 商用利用 | OK |
|---|---|
| クレジット表記 | 不要 |
| ファイル形式 | SVG |
アイコンフォントとしてのFont Awesomeの使い方はこちらの記事でご紹介しています。
Material Icons
Material IconsはGoogleが提供するアイコン素材サービスです。Androidで使用されているアイコンなどもダウンロードすることができるので、UIデザインで使えるアイコン素材がたくさん提供されています。
また、Material Iconsはアイコンフォントとしても使用することができるので、Webサイトで利用する時もCSSだけで簡単にアイコンを表示することができます。
| 商用利用 | OK |
|---|---|
| クレジット表記 | 不要 |
| ファイル形式 |
|
その他にも優れたアイコンフォントサービスはたくさん提供されています。気になる方はこちらの記事を参考にしてみてください。
SVG PORN
SVG PORNは海外の有名な企業やサービスのロゴやアイコンをSVGファイルとしてダウンロードすることができるサービスです。
AppStoreやApple Pay、Google Analyticsなど様々なサービスのアイコン素材をゲットすることができます。
| 商用利用 | OK |
|---|---|
| クレジット表記 | 不要 |
| ファイル形式 | SVG |
まとめ
アイコン素材はデザインのちょっとしたアクセントに使用することで、デザインの雰囲気がガラッと変わったり、よりユーザーにとって使いやすいデザインを作り上げることができます。
アイコン素材以外にも、写真素材やイラスト素材など無料で利用できるサービスが提供されているので、それらと組み合わせて使ってみてください！
