Com a ajuda deste tópico, consegui criar um objeto SVG usando o helper 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"
}
})
);
No entanto, vejo que o atributo viewBox() é sempre renderizado em minúsculas.
A imagem SVG é gerada com todos os atributos definidos (), mas não é renderizada na página. O que estou perdendo?
Percebo que isso é fornecido pelo pacote virtual-dom, mas não consegui encontrar a solução lá.