青しかないのが寂しいので色違いを作ってみました。
オリジナルに忠実にしたかった為、ドット絵描きです。
全15色・16×16・gif・1kb以下

              

【1】気に入った素材の上で右クリック
【2】「名前を付けて画像を保存」して自分のPCに保存
【3】御自分のサーバーにアップロードしたのちお使い下さい。
※画像の貼り方はこちら→「画像URL〜画像でリンクを貼る」

先日のフィードアイコンと同じく、「青以外で表示したいんじゃ(｀Д´)」な方は是非。
タグは「続きを読む」からどうぞです。

---

【アイコン設置タグ】

<a href="http://b.hatena.ne.jp/entry/<%topentry_link>" target="_blank"><img src="画像URL" width="16" height="16" alt="このエントリーをはてなブックマークに追加" /></a>

文字と画像の高さを揃えたい場合は、

<a href="http://b.hatena.ne.jp/entry/<%topentry_link>" target="_blank"><img src="画像URL" width="16" height="16" alt="このエントリーをはてなブックマークに追加" style="vertical-align:middle;" /></a>

---

【追記】
上記のアイコン設置タグの直前(または直後)に下記のタグを入れておくとブックマークされている件数が出ます。
(ブックマークされていない時は何も表示されません)

【ブクマ件数表示タグ】

<a href="http://b.hatena.ne.jp/entry/<%topentry_link>" target="_blank"><img src="http://b.hatena.ne.jp/entry/image/<%topentry_link>" alt="このエントリーのはてなブックマーク数" /></a>

こちらも文字と画像の高さを揃えたい場合は、

<a href="http://b.hatena.ne.jp/entry/<%topentry_link>" target="_blank"><img src="http://b.hatena.ne.jp/entry/image/<%topentry_link>" style="vertical-align:middle;" alt="このエントリーのはてなブックマーク数" /></a>

［注］こちらにはwidth="" height=""の指定はしないほうが良いです。件数によっては崩れます。

画像枠が出る場合はalt="〜〜〜"の後にborder="0"を入れて、
〜style="vertical-align:middle;" border="0" alt="〜〜〜" />
とすれば良いのですが、border="0"をいちいち付けるのは面倒なので、最初からスタイルシートに
img { border-style:none; }
こう書いておけば何かとらくちんです。

私自身ははてブ利用者ではありませんが(PCのお気に入りにガンガン突っ込むタイプなので)、解析で見たところリンク元がはてなブックマークのユーザーさんページ(？)と言うのが多くなって来た為付けてみました。
ブックマークして頂いているのは99.9％
「テンプレート」「プラグイン」「絵文字・アイコン・バナー」のカテゴリーからのようです(^_^;)

【アイコン設置タグ】

<a href="http://b.hatena.ne.jp/entry/<%topentry_link>" target="_blank"><img src="画像URL" width="16" height="16" alt="このエントリーをはてなブックマークに追加" /></a>

文字と画像の高さを揃えたい場合は、

<a href="http://b.hatena.ne.jp/entry/<%topentry_link>" target="_blank"><img src="画像URL" width="16" height="16" alt="このエントリーをはてなブックマークに追加" style="vertical-align:middle;" /></a>

【追記】
上記のアイコン設置タグの直前(または直後)に下記のタグを入れておくとブックマークされている件数が出ます。
(ブックマークされていない時は何も表示されません)

【ブクマ件数表示タグ】

<a href="http://b.hatena.ne.jp/entry/<%topentry_link>" target="_blank"><img src="http://b.hatena.ne.jp/entry/image/<%topentry_link>" alt="このエントリーのはてなブックマーク数" /></a>

こちらも文字と画像の高さを揃えたい場合は、

<a href="http://b.hatena.ne.jp/entry/<%topentry_link>" target="_blank"><img src="http://b.hatena.ne.jp/entry/image/<%topentry_link>" style="vertical-align:middle;" alt="このエントリーのはてなブックマーク数" /></a>

［注］こちらにはwidth="" height=""の指定はしないほうが良いです。件数によっては崩れます。

画像枠が出る場合はalt="〜〜〜"の後にborder="0"を入れて、
〜style="vertical-align:middle;" border="0" alt="〜〜〜" />
とすれば良いのですが、border="0"をいちいち付けるのは面倒なので、最初からスタイルシートに
img { border-style:none; }
こう書いておけば何かとらくちんです。

私自身ははてブ利用者ではありませんが(PCのお気に入りにガンガン突っ込むタイプなので)、解析で見たところリンク元がはてなブックマークのユーザーさんページ(？)と言うのが多くなって来た為付けてみました。
ブックマークして頂いているのは99.9％
「テンプレート」「プラグイン」「絵文字・アイコン・バナー」のカテゴリーからのようです(^_^;)