CSS SVGが表示されない

質問

.クラス名:before {
content: "←";
}
←（矢印）がアイコンとなります。それをSVGにしたいのです。検索しましたところ、以下のが見つかりました。
https://u-web-nana.com/css-svg-icon/

.クラス名:before {
content: url( 'data:image/svg+xml;utf-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 73.8"><title>folder</title><g><g><path d="M90,12H40L28,0H10A10,10,0,0,0,0,10V63.8a10,10,0,0,0,10,10H90a10,10,0,0,0,10-10V22A10,10,0,0,0,90,12Z"/></g></g></svg>' );
}

と記述しても表示されませんでした。
正しい記述を教えて下さい。

回答No.1

ngwaver

表示されるようですが。(IE除く)

補足

表示されるのでしょうか？
こっちはChromeで確認しましたが、表示されませんでした。