無料でも使えるアイコンWebfontのまとめ。2015年上半期版
Publish2015/06/24(水)
今日は仕事で調べる事があったのでついでにまとめた系記事そのなんぼやろになる感じの、自分とか作る人向けの内容です。
サイトでアイコンを使いたいなという時に、オリジナルで作るよりもすでに公開されているアイコンを使用する事はよくある事かと思うんですが、「あれってどこやったっけ？」ってなりがちなので、よく使うものをまとめておきます。
アイコンWebfontのメリット
この記事を見ている時点で使用するメリットはすでに知っていると思うので、端折ってもいいかと思うんですが一応書いておきます。
一番の理由は、手軽に品質の高いアイコンが使えるという事。
そして、Webfontなのでスマートフォンで見た時にもきれい、cssで書けるので色の変更とかも簡単とかのメリットがあります。
あと、上手く使えばブログの記事書く時とかにclass付けてアイコン付きで記事書いたりとかも出来るようにもなります。
もちろんcssの知識とかないと無理な話なので初心者向きの話ではないですが。
とはいえ、使用するメリットはかなりあるので使うタイミングの方が多いんじゃないかなと個人的には思います。
アイコンWefontのリスト
では実際に使えるものをリストアップしてみましょう。
Font Awesome
http://fortawesome.github.io/Font-Awesome/
説明する事もないほど有名だと思うんですけど、最もよく使っているところを見かけるサービスですね。
特徴は数の多さと品質の高さかなとは個人的に思えます。
これだけ入れとけばたいていの事は何とかなる感もあって、まず外せないかなと。
Glyphicons
http://getbootstrap.com/components/
Glyphiconsは元々単独で動いてたプロジェクトですが、CSSフレームワークのBootstrapにバンドルされる事になってさらによく見かけるようになった感があります。
これはBootstrapの普及がそれだけすごい感じになっている事も影響してますね。
Foundation Icon Fonts 3
http://zurb.com/playground/foundation-icon-fonts-3
BootstrapがあるのであればFoundationも。
こちらも汎用性の高いアイコンが揃っているので非常に使い勝手がいいです。
Genericons
http://genericons.com/
Genericonsは数は少ないんですけど、めっちゃ使う系のところが揃っているので、最小限だけ揃えておこうという時に便利です。
たくさんありすぎて選べないという事がないのは判断を早くする事が出来るのでよい事だと思います。
Paymentfont
http://paymentfont.io/
Paymentfontはちょっと珍しいクレカとかの支払い用のアイコンが揃っています。
カードのアイコンとかを探して集めて回るのは大変面倒なので、こっちでまとまってるのはすごく助かりますね。
MAKI
https://www.mapbox.com/maki/
MAKIは地図作成サービスのmapboxが提供しているアイコンなので、地図でよく使うものが揃っています。
こういう特化形の括りでまとまっていると差別化できてて選びやすいですね。
ICONIC
https://useiconic.com/
ICONICも汎用性の高いアイコンが多い印象のサービスです。
使い方のガイドも充実しているので使いやすいですね。
Google Material Design icons
http://freebiesbug.com/psd-freebies/google-material-design-icons-svg-png-css/
これに関してはアイコンwebfontというとちょっと違う気もしますが、svgとかも取れるのでwebfontとして使う事も出来なくはないという事で紹介です。
GoogleのMaterial Designのアイコンセットです。
こちらからも取得できます。
https://www.google.com/design/icons/
Typicons
http://typicons.com/
Typiconsはちょっとポップな感じのものが多くて、個人的にはけっこう使いどころが難しいなと思ってます。
ただ場合によってはよくサイトになじむ場合もあると思うので、それはやっぱりTPOでということでしょう。
まとめ
まとめてみて改めて思いましたが、ここで紹介しているのってすでに何年も運用されているものが多くて、目新しいものが特にない面白くない感じになってしまった感があります。
個人的には、こうやってまとまってバラバラしているからこうやって探さなくちゃいけなくて非常に大変なので、どっかでまとめて使用できるようなプロジェクトがあるとうれしいなと思うんですよね。
最後はたわごとでしたが、こうやって使わせてもらえるのは非常にありがたい事ですね。感謝感謝。
