svgで画像をモノクロ化する

SVGタグ内に<style>を書けばいいはず

imgタグはsvg内に書かれたinline styleを解釈してくれる

CSS filterを使える

svgのimage要素で外部画像を表示するに以下を追加するだけでできた daiiz.icon

code:svg

<defs>

</filter>

</defs>

<style>

image { filter: url(#sepia); }

</style>

https://storage.googleapis.com/daiiz-bucket-1/public/sepia.svg

ちなみにカラーな元画像

https://svgscreenshot.appspot.com/o/1a812d5db97be59c100b538e2840fe9a.svg