SVG schließen (X) Bild erscheint als leer?

Question

Warum erscheint mein SVG-Bild von X leer?

<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

Die SVG ist nicht leer, es ist weiß.

Sie haben die Füllung des gesamten SVG auf #ffffff festgelegt. Aktualisieren Sie einfach die Füllung mit der gewünschten Farbe, um das "X" vor einem weißen Hintergrund zu sehen.

Ich habe auch ein schließendes SVG-Tag im Beispiel hinzugefügt, von dem ich annahm, dass es einfach ein Copy/Paste-Fehler war.

<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>