こんにちは。Gaji-Labo 横田です。SVG 画像の読み込み方を使い分けているパターンについて紹介します。 SVGをdataURLでCSSに記述する同じ画像だけれど、色やサイズをページやコンポーネントごと、状態変化によって変更したい時、dataURL で CSS に記述して使います。 div { background: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 7 12" width="12" height="7"><path d="M6.7,5.3l-5-5A.967.967,0,0,0..." fill="%23000000"/></svg>') no-repeat right center; &:has(select:invalid) { b