With the help of this topic, I was able to create an SVG object using the h helper:
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"
}
})
);
However, I see that the viewBox(*) attribute is always rendered in all lower-case.
The SVG image is generated with all defined attributes (*), but it does not render on the page. What am I missing?
I realize this is provided by the virtual-dom package, but I couldn’t find the solution there.