css - スタイル シートからの base64 SVG のスタイル設定

Question

したがって、SVG ロゴを作成するための次の CSS があります。

 background: url("data:image/svg+xml;base64,xyz.....");

SVGタグに埋め込むのではなく、スタイルシート内のCSSでアイコンの色を変更する方法を知っている人はいますか?

ページに同じロゴを異なる色で複数回表示しようとしているので、スタイル シートに SVG コードの複数のバージョンをロードしたくありません。

ありがとう！

Answer 1

さまざまなサイズで頻繁に使用する場合は、カスタム アイコン フォントを作成する価値があるかもしれません。

次に、css でスタイルを設定し、em を使用して比較的サイズを維持することができます。

http://www.font2web.com/などは SVG を使用します。