個人的に役立ったデザイン素材やTips、WEBサービス、役立つグッズ、あれやこれやをご紹介

アイコンフォントはもはや常識!アイコンフォントを無料で利用できるサービス ベスト10

アイコンフォントはもはや常識!アイコンフォントを無料で利用できるサービス ベスト10

好きなアイコンだけを選んでオリジナルのアイコンフォントにできる無料のサービスをまとめてご紹介します。
アイコンフォントを提供するサービスはものすごい数に上りますが、すべてのフォントを利用することはまれ。しかも、使用しないフォントまで読み込んでしまっては、読み込み時間に影響が出てしまいます。
そこで、自分の必要とするフォントだけを選択して利用できる無料のアイコンフォントサービスが非常に便利になってくるわけです。
今回は、そんなオリジナルのアイコンフォントを生成してくれる便利なアイコンフォント無料サービスのうち、ベスト◯と題してご紹介したいと思います。
サイトに用意されているフォントだけでなく、自分で作成したSVGファイルをアイコンフォントにできてしまうサービスもあります。
アイコンフォントを利用してみたいと思っている方のご参考になれば幸いです。

IcoMoon

いまさら聞けないアイコンフォントの導入の仕方・使い方
当ブロク「いまさら聞けない無料のアイコンフォントの導入の仕方・使い方」でもご紹介していますが、わかりやすく使いやすい人気のあるサービです。
IcoMoon

Fontastic

アイコンフォントはもはや常識!アイコンフォントを無料で利用できるサービス ベスト10
9000以上もあるフォントアイコンを無料で利用できるサービス。
すごい数のアイコンを無料で利用できるうえに、SVGファイルをアップロードすると、オリジナルのアイコンフォントもつくれてしまいます。
Fontastic

Font Awesome

fontAwesom01
こちらも当ブログでご紹介ずみ(いまさら聞けない無料のアイコンフォントの導入の仕方・使い方)。
Font Awesomeのサーバーの直リンクでアイコンフォトを表示できてしまう、とっても便利な無料サービスです。
現時点で439アイコンが無料で利用できます。
Font Awesome

We Love Icon Fonts

アイコンフォントはもはや常識!アイコンフォントを無料で利用できるサービス ベスト10
こちらもアイコンフォント・ホスティングサービス。
GoogleのWEBフォントと同じようなスタイルで、アイコンフォントを利用できます。
こちらもさまざまなアイコンフォントサービスが統合されていますので、かなり便利かも。
We Love Icon Fonts

Pictonic

アイコンフォントはもはや常識!アイコンフォントを無料で利用できるサービス ベスト10
現在、フリーのアイコンは362登録されています。
有料の場合は1アイコン59セント〜、また199ドル出せば制限なく利用できます。
Pictonic

Icon Melon

アイコンフォントはもはや常識!アイコンフォントを無料で利用できるサービス ベスト10
こちらも、アイコンを選択して、利用したいアイコンフォントだけを生成できるサービス。
面白いのは、ドロップシャドウ、ばかし、エンボスといった、エフェクトも一緒に生成できるところ。
Icon Melon

Fontello

アイコンフォントはもはや常識!アイコンフォントを無料で利用できるサービス ベスト10
さまざまアイコンフォントサービスを統合して利用できるしてくれているオープンタイプのサービス。
まとめてアイコンを探せるのでとっても便利ですね。
ただし、サービス元ごとにライセンスが異なるので利用する際にはご注意を。
Fontello

Font Custom

アイコンフォントはもはや常識!アイコンフォントを無料で利用できるサービス ベスト10
アイコンフォントをコマンドラインで生成するサービス。
SVGファイルをまとめて、コマンドラインを入力すれば、CSSとフォントファイルを生成してくれます。
Font Custom

Icon Vault

アイコンフォントはもはや常識!アイコンフォントを無料で利用できるサービス ベスト10
手持ちのアイコンをフォント化してくれるだけのシンプルなジェネレーター。
SVG形式が対象で、変換したいアイコンをフォルダまとめZIP形式に圧縮してドラッグ&ドロップします。
Icon Vault

Font Combiner

アイコンフォントはもはや常識!アイコンフォントを無料で利用できるサービス ベスト10
さまざまな種類のフォントから、お好みのグリフを選択して、新しくオリジナルフォントとして作成してくれるサービです。
IllustratorやInDesignでいう「合成フォント」的なことができてしまう面白いサービスです。
Font Combiner

お役に立てましたら、以下どれでも結構のですので、ポチリと……。

  • 0
  • 0
  • 0
  • 6

Amazonアソシエイト・プログラム規約による記載
当サイトはamazon.co.jpを宣伝しリンクすることによってサイトが紹介料を獲得できる手段を提供することを目的に設定されたアフィリエイト宣伝プログラムである、Amazonアソシエイト・プログラムの参加者です。

この記事を読んだ人はこんな記事も読んでいます

プログラミング・コーディングの作業効率UP!ミスを激減させる見やすいフリーフォント18

プログラミングやコーディングするとき、どんなフォントを使っていますか? 私の場合、Coda 2とい

記事を読む

2014年の要チェック無料英語/欧文フリーフォント99

質のいい英語(欧文)のフリーフォントが次々に出ていますが、 今回は2013年後半から2014年現在

記事を読む

コピペで完了!12種類のプログレスバーを簡単に導入できるPACE.js

すでに当サイトにも導入してみたのですが、お気づきでしょうか。 PC版で当サイトをご覧いただくと、画

記事を読む

ロマンチックな英語/欧文の無料フリーフォント19

ロマンチックな英語/欧文の無料フリーフォントをまとめてみました。 年に数回あるロマンチックなイベン

記事を読む

文字をカラフルに!CSSとjQueryでテキストを2〜3色で表現してしまう「HalfStyle」

CSS3やWEBフォントの登場でテキスト回りの装飾がお手軽になってきましたが、1文字をだけを2〜3色

記事を読む

デザインのインスピレーションに最適!パーツ/テーマごとのWEBデザイン見本帳「calltoidea」

WEBデザインのインスピレーションに最適!パーツ/テーマごとのデザイン見本帳「calltoidea」

WEBデザインのインスピレーションに最適なパーツ/テーマごとのWEBデザイン見本帳「calltoid

記事を読む

Googleフォントを使ったタイポグラフィに惚れぼれ!「Google Web Fonts Typographic Project」

Googleフォントを使った美しいタイポグラフィに惚れぼれ!「Google Web Fonts Typographic Project」

Googleフォントを使った美しいタイポグラフィをご紹介します。 Googleフォントは無料で使え

記事を読む

WEBデベロッパーのためのおすすめYouTubeチャンネル15選

WEBデベロッパーのためのおすすめYouTubeチャンネルをご紹介します。 対象はHTML、CSS

記事を読む

Chromeのタブをクリックするだけで音声を消す方法

Chromeのタブをクリックするだけで音声を消す方法

Google Chromeのタブをクリックするだけで音声を消す方法をご紹介します。 Chromeの

記事を読む

CSSスプライト作成の決定版!これ以上ない使いやすさの「Spritebox」

CSSスプライト作成の決定版!これ以上ない使いやすさの「Spritebox」

CSSスプライトを誰でも簡単に、しかも見やすく生成できてしまうツールのご紹介です。 CSSスプライ

記事を読む