Advertisement

8iconfont_top

 

Webサイト制作で最近よく利用されているアイコンフォントは、配色を変更できたり、Retinaディスプレイ表示に対応したり、ページ読み込み速度が上がったりとメリットがたくさんあります。あなただけの特製アイコンフォントを作成しませんか。

 

 

海外デザインブログSmashing Appsで、オンライン上でアイコンフォントを手軽に無料で作成できるジェネレーターまとめたエントリー「Free Icon Font Generators for Designers」が公開されていたので、今回はまとめてご紹介します。

 

 

 

詳細は以下から。

 

 

 

手軽にアイコンフォントを作成する、無料オンラインジェネレーター9個まとめ

 

IcoMoon

複数のアイコンフォント素材からデザインを選択でき、SVGファイルをアップロードしてオリジナルアイコンも作成できるジェネレーター。アイコンフォントを管理するにも便利なダッシュボード画面。

fontgenerators1

 

 

 

Fontello

用意されたアイコンをクリック、サイズを指定すれば、アイコンフォントをすぐに利用可能な状態でダウンロードできます。

fontgenerators2

 

 

 

Fontastic

2014年4月現在9,000個以上のアイコンから選択することができ、詳細についてはこちらの記事で詳しく触れています。

fontgenerators6

 

 

 

Iconvau.It

SVGアイコン作成用テンプレート素材をダウンロードできるので、オリジナルアイコンを作成するときにも便利ですよ。

fontgenerators3

 

 

 

Font Custom

コマンドラインを叩いて設定を変更できる、デベロッパー向きオンラインジェネレーター。

fontgenerators4

 

 

 

We Love Icon Fonts

アイコンフォントのWebホスティングサービス、生成されたコードを貼り付ければすぐに利用できる点はポイントです。

fontgenerators5

 

 

 

Font Combiner

アイコンフォントを作成するだけでなく、利用フォントのカーニングなど詳細設定まで指定できる、多機能な生成ツール。

fontgenerators8

 

 

 

Iconmelon

用意またはアップロードしたSVGアイコンに、ドロップシャドウなどのエフェクトをCSSでスタイリング、生成してくれます。こちらの記事で詳しく触れています、ご参考にどうぞ。

Iconmelon - SVG Icons Lib for the Web

 

 

 

Glyphter : The SVG Font Machine

より柔軟なアニメーションやデザイン表現が可能なSVGアイコンを、ドラッグ&ドロップで作成していくオンラインツール。

glyphter-icons-font-svg

 

 

参照元リンク : Free Icon Font Generators for Designers – SmashingApps