キャリコ

WordPress や STINGER5 のカテゴリを中心に徒然なるままに綴る個人ブログ「 Calico 」です。

Web アイコン Font Awesome の最新版 Version 4.4.0 が公開

   

Web アイコン Font Awesome の最新版 Version 4.4.0 が公開

良いタイミングで気付いた、キャリコ( @calicocatxyz )です。

半年ぶりに Font Awesome のアイコンが66個追加されました。今回の追加で注目したいのが、amazon や Pocket、Wikipedia などのアイコンです。それでは全66種をラテに紹介してもらいましょう。よろしくね♪

ラテ

こんにちは、ラテにゃ。

Version 4.4.0 で新たに追加された66個のアイコンを紹介するにゃ。

Ads by Google

Version 4.4.0 で新しく追加された Web アイコン

全部で66個追加

500px amazon
balance-scale battery-0
battery-1 battery-2
battery-3 battery-4
battery-empty battery-full
battery-half battery-quarter
battery-three-quarters black-tie
calendar-check-o calendar-minus-o
calendar-plus-o calendar-times-o
cc-diners-club cc-jcb
chrome clone
commenting commenting-o
contao creative-commons
expeditedssl firefox
fonticons genderless
get-pocket gg
gg-circle hand-rock-o
hand-lizard-o hand-paper-o
hand-peace-o hand-pointer-o
hand-rock-o hand-scissors-o
hand-spock-o hand-paper-o
hourglass hourglass-1
hourglass-2 hourglass-3
hourglass-half hourglass-o
hourglass-start houzz
i-cursor industry
internet-explorer map
map-o map-pin
map-signs mouse-pointer
object-group object-ungroup
odnoklassniki odnoklassniki-square
opencart opera
optin-monster registered
safari sticky-note
sticky-note-o television
trademark tripadvisor
tv vimeo
wikipedia-w y-combinator
y-combinator

別名( alias )での登録もあるけど新しく追加されたものは全部で66個になるにゃ。

そもそもアイコン型ウェブフォントって何?って人はこちらを参考にするといいにゃ。
リンクこれは便利!Retina で拡大・縮小しても美しいまま表示される魔法のアイコン

また、アイコン型ウェブフォントの使い方はこちらを参考にするといいにゃ。
リンクFont Awesome の最新版 Version 4.2.0 を導入したアイコン型ウェブフォントの使い方

使い勝手が良さそうなアイコン

amazon

アマゾンアソシエイトで提携申請を出すと、アマゾンのアイコンは商標だから素材として利用してはいけないそうにゃ。このアイコンが指摘されるのかどうかわからないけど、アマゾンのアイコンを簡単に導入できるのは嬉しいにゃ。

Pocket

ありそうでなかった Pocket のアイコンが追加されたにゃ。これはキャリコで即導入して、Pocket ボタンに表示させてあるにゃ。出来ればはてブのアイコンもほしいところだけど、今のところ自作するしかないにゃ。

リンクなければ作ればいい!アイコン型ウェブフォントが自作できる IcoMoon

Wikipedia

これもありそうでなかった Wikipedia のアイコンにゃ。Wikipedia から引用することって意外とあると思うし、引用元のリンクを貼る時なんかに使えそうにゃ。

可愛いアイコン

tripadvisor

ホテルや旅行に関する口コミ・価格比較を中心とするサービスを展開している tripadvisor は “フクロウ” のロゴマークを採用しているにゃ。よーく見ると可愛いアイコンにゃ。ちなみに猫とフクロウの目って似てると思わにゃい?

OptinMonster

こんなキャラクターがアイコン型ウェブフォントになるとは思わなかったにゃ。調べてみたら OptinMonster という電子メールを管理するソフトを販売している会社のキャラクターだったにゃ。ただ可愛いって理由だけで使いそうにゃw

導入時の注意点

ヘッダーの記述を変更する

新しいバージョンのアイコンを使う時には、それに対応する記述がないと表示されないにゃ。方法は簡単で数字を書き換えるだけにゃ!

↓ これをこうするだけにゃ。

ちなみにこの記述を html 外に移動することでサイトの表示速度がかなりアップするにゃ。

リンクえっ、たったこれだけ?!5秒でサイトの表示速度をアップさせる方法

まとめ

今回もたまたまアイコンを使うタイミングで最新版の公開に気が付いたにゃ。せっかくだから Pocket のアイコンを使用して、他にも使う機会があれば積極的に使っていくにゃ。

今日はここまで、じゃあにゃ~

ライター紹介

ラテ Web 担当、SNS 広報、イメージキャラクター

スコティッシュフォールドの女の子。主に Web 系のネタを中心にお届けする IT にゃんこです。

 - ウェブサービス

この記事が気に入ったら
いいね!しよう

キャリコの最新情報をお届けします

Twitter でキャリコをフォローしよう!

【キ】 アドセンス用336px

【キ】 アドセンス用336px

  おすすめ記事

  関連記事

medi8 と 忍者 AdMax を差し替えたら収益が2倍になった話
medi8 と 忍者 AdMax を差し替えたら収益が2倍になった話

収益が2倍、キャリコ( @calicocatxyz )です。 掲載場所も変えずに …

クリック率が250%増!nend の単価が低けりゃ CTR を増やせばいいじゃない♪

まずまずの結果、キャリコ( @calicocatxyz )です。 小学生のお小遣 …

pocket のブックマーク数の取得方法とオリジナル SNS ボタンの設置方法

週3でペペロンチーノを食べてるキャリコ( @calicocatxyz )です。 …

忍者 AdMax が Google AdSense よりも稼げる理由
忍者 AdMax の年間平均クリック単価は62円?!

そんなバカな、キャリコ( @calicocatxyz )です。 実は忍者 AdM …

WordPress で「 下書きを保存しています… 」が永遠に終わらない原因はロリポップの WAF だった

STINGER5 以外のテーマを扱ってみたキャリコ( @calicocatxyz …

キャリコでも導入!今さら聞けない pocket の登録方法と使い方

久しぶりにハングオーバー、キャリコ( @calicocatxyz )です。 飲ん …

nend を1年間掲載してみてわかった平均クリック単価

nend は稼げない、キャリコです。 冒頭から夢のないことを言っちゃいますが… …

Facebook の変更に合わせた記事の拡散につながる OGP 設定【 最新版 】

口内炎に苦しんでるキャリコ( @calicocatxyz )です。 そりゃペペロ …

軽いブラウザを比較した、おすすめの使い分け方法とは?
軽いブラウザを比較した、おすすめの使い分け方法とは?

ブラウザは使い分けるタイプ、キャリコです。 皆さんはブラウザを使い分けていますか …

【 保存版 】フリー写真素材サイト超絶まとめ61選
【 保存版 】フリー写真素材サイト超絶まとめ61選

ブログのアイキャッチなら任せろ、キャリコ( @calicocatxyz )です。 …