Bootstrap標準アイコンと、追加で使えるWebフォントアイコンの一覧。
よく使うのにまとめたものが欲しかったので作りました。
Bootstrapの標準アイコンの一覧。最新版・ダウンロードは公式サイトをご覧下さい。
Bootstrapのアイコンは、標準添付されていて使いやすいのですが、画像なので黒か白の2種類しか使えません。まぁ、個人的にはそれでいいのですが・・・
Font AwesomeのWebフォントアイコンの一覧。最新版・ダウンロードは公式サイトをご覧下さい。
Font AwesomeはWebフォントなので、色を変えたり、大きさを変えたりできます。
また、CSS3のanimation機能を使って、回転させることができたりします。→
Ligature SymbolsのWebフォントアイコンの一覧。最新は公式サイトをご覧下さい。
Ligature Symbolsは「ls-icon-*」と記述することで利用できます。こちらのページを参考に(というかパクり)させて頂きました。感謝!
このアイコンはWebフォントを利用しているので、文字として扱えるため、色を変えたり、大きさを変更したりとすごく柔軟です。
しかも、作者が日本人のため、greeやmobage、mixiといった日本固有サービスのアイコンも多数あります。
ただし、現在はブラウザを選ぶ可能性があります。公式サイトでも「Ligature Symbols has broad support for the modern browser(Chrome, Safari, Firefox, iOS - Mobile Safari, Android Browser).」となっています。
Bootstrap的に使えるようにしたCSSとfontのセットを置いておきます。たぶんライセンス的には問題ないはずですが・・・
Copyright © 2012 - 2013 Styler All Right Reserved.