ちょっとした副産物ができたので、サンプルとして置いておきます。
というエントリー。
Chrome拡張で、browserAction.setIconで指定するアイコンにSVGを指定するサンプルです。
一式をダウンロードして適当なディレクトリに展開してから、Chromeをデベロッパーモードにして読み込ませると動きます。
雑な説明ですが学習用として色々弄ると良いと思います。
READMEにもありますが、アニメーションするアイコンを避けると、利用者は喜びます。
Don't constantly animate your icon. That's just annoying.
どうやってるの?
読み込んで(文字などを組み合わせる必要があれば生成して)Data URI schemeに変換して流し込みます。「SVG Data URI scheme」で検索すると良い感じのページが出てきますので、詳しい説明はそちらをご覧ください。
ソースコードなど
はぶ
くま