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

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

WEBデザインのインスピレーションに!UIデザインのコードスニペットコレクション「CodeMyUI」

WEBデザインのインスピレーションになるUIデザインのコードスニペットがコレクションされた「Code

記事を読む

レスポンシブ対応済みサイトがApple Watchに対応しているかどうかがわかる「the ultimate responsive test」

レスポンシブ対応済みサイトがApple Watchに対応しているかどうかがわかる「the ultimate responsive test」

Apple Watchがいよいよ発売になります。 ところで、あなたのレスポンシブ対応済みのサイトは

記事を読む

ダウンロードしたい素晴らしき無料の手書きフリー英語フォントベスト86

手書きフォントは、独創的なプロポーションから、デザインに個性的な味わいをもたらします。 遊び心を入

記事を読む

HTMLメールの無料テンプレートをお探しなら「無料で利用できるオープンソースなHTMLメールテンプレートコレクションサイト」

HTMLメールの無料テンプレートをお探しなら「Open Source Email Templates」

HTMLメールは、メールでの占める割合を着実に増やしていますよね。 美しいデザインのHTMLメール

記事を読む

ナビゲーションだけが90以上!ナビゲーションメニューのプラグインやチュートリアルのコレクションサイト「NavNav」

ナビゲーションだけが90以上!ナビゲーションメニューのプラグインやチュートリアルのコレクションサイト「NavNav」

ナビゲーションメニューのプラグインやデモ、チュートリアルが90以上コレクションされたサイトをご紹介し

記事を読む

波打つようなクリックエフェクトを実装できる「Waves」

今回はクリックしたときに、静かな湖面を指で触れて波打つようなエフェクトを実装できるライブラリーをご紹

記事を読む

twitterでのキーワードのひろがりを調べられるツール「twimp」

twitterでのキーワードのひろがりを調べられるツール「twimp」

twitterでのキーワードのひろがりを調べられるツール「twimp」をご紹介します。 作成者した

記事を読む

レスポンシブWEBデザインの確認に最適!スマホ・タブレットでの表示を一度に確認できる「Responsinator」

レスポンシブWEBデザインの確認に最適!スマホ・タブレットでの表示を一度に確認できる「Responsinator」

レスポンシブWEBデザインの確認に最適なツールをご紹介します。 このツールを使えば、スマホやタブレ

記事を読む

美しいCSSグラデーションをランダムにつくってくれる「Random CSS Gradient Generator」

美しいCSSグラデーションをランダムにつくってくれる「Random CSS Gradient Generator」

ズボラな自分に最適なCSSグラデーション作成ツールがあったので、ご紹介します。 グラデーションを自

記事を読む

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

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

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

記事を読む