photoshopから書き出したsvgがchromeで表示できなかったよ

タイトルが長い

タイトルの通り、photoshop から書き出した svg が Google chrome で表示されなかったときの対処法を書きます。

起こったこと

木のアイコンがここにあります。
これを、アセットを使ってsvgで書き出します。
（アセットって何？って人はphotoshopで爆速スライスするにて）

で、書き出したsvgをhtmlにペタっと貼りつけますと
何らかの原因でchromeでは表示されないっていう現象に直面したのです。

svgをエディタで開いて、

xlink:href="data:img/png;

ってなっているところを

xlink:href="data:image/png;

にすると表示できました！！

アセット便利なんですが、これで書き出すと自動で img になってしまうようなので
書き出したら書き直さないといけないのが面倒ですね～～chromeアップデートかadobeアップデートが待たれます。

svgはアニメーションが簡単に作れるのでおすすめ
もうちょっとちゃんとsvgアニメーションも勉強したいところ