2014/05/29
アイコンフォントはもはや常識!アイコンフォントを無料で利用できるサービス ベスト10
好きなアイコンだけを選んでオリジナルのアイコンフォントにできる無料のサービスをまとめてご紹介します。
アイコンフォントを提供するサービスはものすごい数に上りますが、すべてのフォントを利用することはまれ。しかも、使用しないフォントまで読み込んでしまっては、読み込み時間に影響が出てしまいます。
そこで、自分の必要とするフォントだけを選択して利用できる無料のアイコンフォントサービスが非常に便利になってくるわけです。
今回は、そんなオリジナルのアイコンフォントを生成してくれる便利なアイコンフォント無料サービスのうち、ベスト◯と題してご紹介したいと思います。
サイトに用意されているフォントだけでなく、自分で作成したSVGファイルをアイコンフォントにできてしまうサービスもあります。
アイコンフォントを利用してみたいと思っている方のご参考になれば幸いです。
IcoMoon
当ブロク「いまさら聞けない無料のアイコンフォントの導入の仕方・使い方」でもご紹介していますが、わかりやすく使いやすい人気のあるサービです。
IcoMoon
Fontastic
9000以上もあるフォントアイコンを無料で利用できるサービス。
すごい数のアイコンを無料で利用できるうえに、SVGファイルをアップロードすると、オリジナルのアイコンフォントもつくれてしまいます。
Fontastic
Font Awesome
こちらも当ブログでご紹介ずみ(いまさら聞けない無料のアイコンフォントの導入の仕方・使い方)。
Font Awesomeのサーバーの直リンクでアイコンフォトを表示できてしまう、とっても便利な無料サービスです。
現時点で439アイコンが無料で利用できます。
Font Awesome
We Love Icon Fonts
こちらもアイコンフォント・ホスティングサービス。
GoogleのWEBフォントと同じようなスタイルで、アイコンフォントを利用できます。
こちらもさまざまなアイコンフォントサービスが統合されていますので、かなり便利かも。
We Love Icon Fonts
Pictonic
現在、フリーのアイコンは362登録されています。
有料の場合は1アイコン59セント〜、また199ドル出せば制限なく利用できます。
Pictonic
Icon Melon
こちらも、アイコンを選択して、利用したいアイコンフォントだけを生成できるサービス。
面白いのは、ドロップシャドウ、ばかし、エンボスといった、エフェクトも一緒に生成できるところ。
Icon Melon
Fontello
さまざまアイコンフォントサービスを統合して利用できるしてくれているオープンタイプのサービス。
まとめてアイコンを探せるのでとっても便利ですね。
ただし、サービス元ごとにライセンスが異なるので利用する際にはご注意を。
Fontello
Font Custom
アイコンフォントをコマンドラインで生成するサービス。
SVGファイルをまとめて、コマンドラインを入力すれば、CSSとフォントファイルを生成してくれます。
Font Custom
Icon Vault
手持ちのアイコンをフォント化してくれるだけのシンプルなジェネレーター。
SVG形式が対象で、変換したいアイコンをフォルダまとめZIP形式に圧縮してドラッグ&ドロップします。
Icon Vault
Font Combiner
さまざまな種類のフォントから、お好みのグリフを選択して、新しくオリジナルフォントとして作成してくれるサービです。
IllustratorやInDesignでいう「合成フォント」的なことができてしまう面白いサービスです。
Font Combiner
Sponsored by
お役に立てましたら、以下どれでも結構のですので、ポチリと……。
Amazonアソシエイト・プログラム規約による記載
当サイトはamazon.co.jpを宣伝しリンクすることによってサイトが紹介料を獲得できる手段を提供することを目的に設定されたアフィリエイト宣伝プログラムである、Amazonアソシエイト・プログラムの参加者です。
この記事を読んだ人はこんな記事も読んでいます
-
CSSグラデーションを簡単につくれる「Colorful CSS Gradient Background Generator」
CSSグラデーションは手軽に実装できるし、メンテナンスも簡単だし、とっても便利ですよね。 ただ、自
-
ブラウザでプログラミング!ブラウザでコードが書けて実行・確認できるサービス14
ブラウザでコードが書けて実行・確認できるサービスをご紹介します。 サイトを実際に公開する前にテスト
-
いちど食べたらやめれない!美味(ウマ)すぎるフードタイポグラフィがコレクションされた「FOOD TYPE」
食べることもタイポグラフィも大好きです。 では、その2つが同時に体感できるとしたら? それはも
-
コピペで完了!12種類のプログレスバーを簡単に導入できるPACE.js
すでに当サイトにも導入してみたのですが、お気づきでしょうか。 PC版で当サイトをご覧いただくと、画
-
名だたるデザイナーが作成したフリーのWEBサイト用PSDファイルが無料!Dribble発Photoshop用サイトテンプレート45
今回もDribbbleから。 Dribbbleは世界の名だたるデザイナーが作品をアップしているコミ
-
月額ゼロ円(無料)でホームページ・ECサイトを制作・運営できるサービス12
ホームページ制作を生業としているものにとっては、穏やかではないのが「無料でホームページを制作できてし
-
英語/欧文フォントの使用例をサイトで紹介!英語/欧文フォントの実例集「Fonts that go together」
英語/欧文フォントの使用例をサイトで紹介してくれる英語/欧文フォントの実例集「Fonts that
-
シンプルなのに効果的!CSS3トランジションを使ったマウスオーバーアニメーション11
CSS3を使えば、シンプルなコードなのに、ユーザーを「おっ!」と思わせる楽しい動きを簡単に実装できて
-
Gmailを無料で便利に!「開封確認」「スケジュール送信」ができる機能拡張「myHero Toolbox」
Gmailを利用しています。 本当に便利なGmailですが、できるなら「既読通知/開封確認」「スケ
-
背景に使いたい!美しくカラフルなトライアングルメッシュ画像をSVGとして作成できるjsライブラリー「Trianglify」
最近よく見かける背景画像といえば、美しいボケ味の効いた画像やカラフルなピクセルパターンですが、美しく