SVG閉じる（X）イメージは空白として表示されますか？

Question

XのSVGイメージが空白になるのはなぜですか？

<svg fill="#ffffff" height="48" viewBox="0 0 24 24" width="48" xmlns="http://www.w3.org/2000/svg"> 
 
    <path d="M19 6.41L17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z"/> 
 
    <path d="M0 0h24v24H0z" fill="none"/> 
 
</svg>

Answer 1

SVGは、それは白だ、空白ではありません。

SVG全体の塗りつぶしを#ffffffに設定しました。塗りつぶしを目的の色で更新するだけで、白い背景に対して「X」を表示できます。

私は単純にコピー/ペーストの間違いであると仮定した例では、閉じたSVGタグを追加しました。

<svg fill="#ff0000" height="48" viewBox="0 0 24 24" width="48" xmlns="http://www.w3.org/2000/svg"> 
 
    <path d="M19 6.41L17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z"/> 
 
    <path d="M0 0h24v24H0z" fill="none"/> 
 
</svg>