無料で商用利用できる便利なアイコンフォント10選

UX MILK編集部

モノづくりのヒントになるような記事をお届けします。

Webサイトやアプリでは欠かせない要素であるアプリですが、アイコンフォントを使うことで手軽に数多くのアイコンに対応することができます。

アイコンフォントは画像と異なり、CSSのみでサイズやカラーが変更できます。また、読み込みが画像に比べて計量であり拡大しても綺麗に表示することが可能です。

今回は、無料で商用可能なアイコンフォントを紹介します。また、CDNに対応しているものも多く、ローカルにダウンロード不要で手軽に使うことができます。ぜひ活用してみてください!

Font Awesome

fontawesome

Font Awesomeは全634種類のアイコンフォントを提供しています。Webサイトやアプリなどで利用するフォントが数多く取り揃えられています。

・ダウンロード先:http://fontawesome.io/
・CDN提供先:https://www.bootstrapcdn.com/fontawesome/
・Fontライセンス:SIL OFL 1.1
・Codeライセンス:MIT

Material icons

material-icons

Material iconsはGoogle社が公開しているマテリアルデザインのガイドラインに基づいて作成された公式のアイコンセットです。全部で900以上ものアイコンが提供されています。

・ダウンロード先:https://design.google.com/icons/
・CDN提供先:https://github.com/google/material-design-icons
・ライセンス:Apache 2.0

Typicons

typicons

Typiconsは全336種類のアイコンフォントを提供しています。丸みを帯びたシンプルなデザインでどんなデザインにも使いやすいです。サイト上のアイコンにカーソルを合わせることで、そのアイコンのクラス名を確認することができます。

・ダウンロード先:http://www.typicons.com/
・CDN提供先:https://cdnjs.com/libraries/typicons
・Iconライセンス:CC BY-SA 3.0
・Fontライセンス:SIL OFL 1.1

ionicons

ionicons

ioniconsはモバイルアプリフレームワークであるionicのためのアイコンセットです。ionicのためのものですが、用途の制限はされておらず自由に使うことができます。

・ダウンロード先:http://ionicons.com/
・CDN提供先:http://ionicons.com/#cdn
・ライセンス:MIT

Foundation Icon Fonts 3

foundation-icon-fonts-3

Foundation Icon Fonts 3はCSSフレームワークのFoundationを開発しているZURB社が提供するアイコンセットです。アイコンは全283種類あります。

・ダウンロード先:http://zurb.com/playground/foundation-icon-fonts-3
・CDN提供先:http://www.jsdelivr.com/projects/foundation-icons
・ライセンス:MIT

Genericons

genericons

Genericonsはシンプルなデザインの汎用的なアイコンセットです。サイト上ではアイコンをクリックし、「Copy CSS」あるいは「Copy HTML」を選択すれば、素早くCSSとHTMLのコードをコピーすることができます。

・ダウンロード先:https://genericons.com/
・CDN提供先:http://www.jsdelivr.com/projects/genericons
・ライセンス:GPL

GitHub Octicons

github-octicons

OcticonsはGitHubで利用されているアイコンセットを提供しています。コード関連のアイコンが数多く取り揃えられているため、開発関連のツールなどの利用できそうです。

・ダウンロード先:https://octicons.github.com/
・CDN:http://www.jsdelivr.com/projects/octicons
・Fontライセンス:SIL OFL 1.1
・Codeライセンス:MIT

IcoMoon Free

icomoon

IcoMoonは3つの料金プランがあり、無料プランの場合では全490種類のアイコンを使用することができます。

また、IcoMoon Appを利用すると、SVGファイルを取り込むことができ、オリジナルのアイコンを手軽に作成することができます。

・ダウンロード先:https://icomoon.io/#icons-icomoon
・ライセンス:GPL / CC BY 4.0

Themify Icons

themify

Themify IconsはiOS 7にインスピレーションされて作成されたアイコンセットです。320種類以上のアイコンが提供されています。シンプルな線で作られており、調和の取りやすいデザインになっています。

・ダウンロード先:http://themify.me/themify-icons
・Fontライセンス:SIL OFL 1.1
・Codeライセンス:MIT

Entypo+

entypo

Daniel Bruce氏がデザインした全411種類のアイコンセットです。シンプルで使いやすいデザインになっています。

・ダウンロード先:http://www.entypo.com/
・Iconライセンス:CC BY-SA 4.0
・Fontライセンス:SIL OFL 1.1


イベント

2017/12/05(火)
Design Thinking Square