Advertisement

0279-01_free_iconfonts_app_interface_thumbnail

 

海外デザインブログSixRevisionsで、商用利用も可能な無料アイコンフォント17個をまとめたエントリー「Free Icons Fonts for Web User Interfaces」が公開されていたので、今回はご紹介します。Webサイトやアプリのインターフェースデザインにいかがでしょう。

 

 

 

詳細は以下から。

 

 

 

アイコンフォントってなに?

 

アイコンフォントは、通常のアルファベットやひらがなとは異なり、シンボルや絵文字(矢印、フォルダー、虫眼鏡など)を収録したフォントファイルです。

 

アイコンフォントは、Webサイトのナビゲーションメニューなどのユーザーインターフェース(UI)デザインに利用することを想定してデザインされています。CSS @font-faceスタイリングをすることで、他のWebフォント同様に利用することが可能です。

 

[fancy_box]

[list type=”star”] [li] すべてのブラウザー表示に対応したクロスブラウザサポート。@font-faceでスタイリングすればIE6もOK。[/li]

[li] スタイリング次第で自由にサイズ変更可能。[/li]

[li]お好みの配色でカラーリング可能。[/li]

[li] text-shadowやgradietなどのCSSスタイリングにも対応。[/li][/list][/fancy_box]

 

Webフォントの使い方についてはこちらのページ、アイコンフォントの使い方についてはこちらのページでとても詳しく解説されていますので、ご参考までに。

 

 

 

商用可能な無料アイコンフォント素材まとめ

 

Foundation Icons Fonts

CSSスタイリングされたデモが公開されており、アイコンフォントの使い方の参考にどうぞ。

0279-02_foundation_free_icon_font

アイコン数 : 137個 ライセンス : MITオープンソース

 

 

 

Sosa Icon Font

0279-03_sosa_free_icon_font

アイコン数 : 121個 ライセンス : カスタムライセンス(商用利用も可能)

 

 

 

Iconic Icon Set

0279-05_iconic_free_icon_font

アイコン数 : 172個 ライセンス : SIL Open Fontライセンス/Creative Commonライセンス

 

 

 

IcoMoon

専用アプリをダウンロードすることで使用可能となっています。

0279-08_icomoon_free_icon_font

アイコン数 : 316個 ライセンス : Creative Commonライセンス

 

 

 

Entypo

アイコンフォントの他に、Illustrator用ベクターEPSファイルもダウンロード可能。

0279-10_entypo_free_icon_font

アイコン数 : 100個 ライセンス : Creative Commonライセンス

 

 

 

Raphael Icon Set

天気アイコンなどにも対応したユニークなアイコンフォントが豊富です。

0279-06_raphael_free_icon_font

アイコン数 : 116個 ライセンス : MITライセンス

 

 

 

Signify Lite 

0279-16_signifylite_free_icon_font

アイコン数 : 38個 ライセンス : カスタムライセンス(商用利用も可能)

 

 

 

PulsarJS @FontFace 73 Free IconFont

0279-07_pulsar_free_icon_font

アイコン数 : 73個 ライセンス : SILオープンフォンライセンス

 

 

 

Heydings Icons

0279-12_heydings_control_free_icon_font

アイコン数 : 60個 ライセンス : Creative Commonライセンス

 

 

 

Typicons

0279-09_typicons_free_icon_font

アイコン数 : 137個 ライセンス : Creative Commonライセンス

 

 

 

Modern Pictograms

0279-14_modernpictograms_free_icon_font

アイコン数 : 86個 ライセンス : SILオープンフォントライセンス

 

 

 

Web Symbol Typeface

0279-17_websymbols_free_icon_font

アイコン数 : 137個 ライセンス : SILオープンフォントライセンス

 

 

 

FontStruct

0279-19_ikoo_free_icon_font

アイコン数 : 65個 ライセンス : Creative Commonライセンス

 

 

 

Social Media Icons

0279-18_socialmediaicons_free_icon_font

アイコン数 : 74個 ライセンス : カスタムライセンス(商用利用も可能)

 

 

イメージ画像を利用する代わりに、アイコンフォントを導入することで読み込み速度の改善も期待することができます。ぜひこの機会に利用してみてはいかがでしょうか。

 

 

参照元リンク : Free Icon Fonts for Web User Interfaces – SixRevisions