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

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

オリジナルなアイコンフォントの作り方・使い方

いまさら聞けない無料でオリジナルなアイコンフォントを作る方法・利用する方法

アイコンフォントは便利だ、という声をあちこちで耳します。 遅ればせながら私も使ってみましたが、本当

記事を読む

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

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

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

記事を読む

無料で商用利用可のレスポンシブ/HTML5対応のテンプレートをまとめてくれている「HTML5 UP」

無料テンプレートを探すとき、どういう基準で探していますか? レスポンシブ対応? HTML5対応?

記事を読む

無料の四角く角張ったフォント=フリースクエアフォント33

無料の四角く角張った英語/欧文フォント=フリースクエアフォント33

無料の四角く角張った英語/欧文フォント=フリースクエアフォントをご紹介します。 スクエアフォントは

記事を読む

JSを使わずにCSSだけで簡単にシンプルなパララックス効果をつける方法

JSを使わずにCSSだけで簡単にシンプルなパララックス効果をつけられる方法をご紹介します。 パララ

記事を読む

プロが使う欧文/英語の無料フリーフォントが手に入る無料フォント配布サイトBest10

プロが使う欧文/英語の無料フリーフォントが手に入る無料フォント配布サイトをまとめてみした! 無料の

記事を読む

今さら聞けない!作業時間を短縮するChrome用ショートカットベスト・コレクション

ブラウザはChromeを使ってます。 そのChromeでサイトを制作したり、ブログを書いたりしてい

記事を読む

CSSグラデーションを簡単につくれる「Colorful CSS Gradient Background Generator」

背景画像をサッとつくれる便利ツール20選

背景画像をサッとつくれる便利ツールやサイトをご紹介します。 背景にちょっと手を加えるだけで、見た目

記事を読む

名だたるデザイナーが作成したフリーのWEBサイト用PSDファイルが無料!Dribble発Photoshop用サイトテンプレート

名だたるデザイナーが作成したフリーのWEBサイト用PSDファイルが無料!Dribble発Photoshop用サイトテンプレート45

今回もDribbbleから。 Dribbbleは世界の名だたるデザイナーが作品をアップしているコミ

記事を読む

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

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

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

記事を読む