Con la ayuda de este tema, pude crear un objeto SVG usando el ayudante h:
let logo = h("svg", {
"attributes": {
"width": "22",
"height": "24",
"viewBox": "0 0 22 24",
"fill": "none",
"xmlns": "http://www.w3.org/2000/svg"
}
},
h("path", {
"attributes": {
"d": "M11.5992 4.29387L15.4141 ... 0V4.29387Z",
"fill": "#000000"
}
})
);
Sin embargo, veo que el atributo viewBox () siempre se renderiza en minúsculas.
La imagen SVG se genera con todos los atributos definidos (), pero no se renderiza en la página. ¿Qué me falta?
Me doy cuenta de que esto es proporcionado por el paquete virtual-dom, pero no pude encontrar la solución allí.