個人的に役立ったデザイン素材や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アソシエイト・プログラムの参加者です。

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

エレガントで美しい無料のスクリプト筆記体フリーフォント55+

エレガントで美しい無料のスクリプト筆記体フリーフォントをまとめてみました。 ウェディング・結婚式や

記事を読む

レスポンシブ対応などコンテンツスライダー/スライドショー用jQueryプラグイン50+

サイトのコンテンツをリッチに見せるだけでなく、省スペースで数多くのコンテンツを効率的・効果的に表示で

記事を読む

2014年登場のCSSツール・サービスはこれを!2014ベストCSSツール・サービス50

2014年登場のCSSツール・サービスはこれ!2014ベストCSSツール・サービス50

2014年に登場したCSS関係のツール、サービスをご紹介します。 CSS3の登場で、CSS関連のツ

記事を読む

無料で使える英語/欧文のインライン(二重線)フリーフォント

無料で使える英語/欧文のインライン(二重線)フリーフォント21

無料で使える英語/欧文のインラインフォント=二重線が入ったフリーフォントをご紹介します。 デザイン

記事を読む

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

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

記事を読む

見ている人を魅了するcodrops作成のマウスオーバーエフェクト21

ユーザーを魅了するcodrops作成のマウスオーバーエフェクト21

CSS3対応のブラウザーが増えているおかげで、マウスオーバーエフェクトにも凝った演出を施しているサイ

記事を読む

ファイルのウイルス感染を無料でチェックできるオンラインセキュリティー

ファイルのウイルス・マルウエアを無料でスキャンできるオンラインサービス9

ファイルのウイルスやマルウエアを無料でスキャンできるオンラインサービスセキュリティーサービスをご紹介

記事を読む

デザインを華やかにする無料の英語/欧文デザインフォント30

デザインを華やかにする無料の英語/欧文デザインフォント50

デザインを華やかにする無料の英語/欧文デザインフォントをご紹介します。 ユニークにデザインされたフ

記事を読む

コード/js不要!ドラッグ&ドロップだけでCSSイメージスライダーがつくれるアプリ「cssSlider.com」

コード/js不要!ドラッグ&ドロップだけでCSSイメージスライダーがつくれるアプリ「cssSlider」

イメージスライダーは限られたスペースに多くの視覚的情報を盛り込めるので、ショップなどでは非常によく利

記事を読む

CSSアニメーションを使ったエフェクトライブラー9

CSSアニメーションを使ったエフェクトライブラリー9

CSSアニメーションを使ったエフェクトは、プログラムを苦手とするWEBデザイナーや一般の方々に新しい

記事を読む