SVG use tag and ReactJS

Question

So normally to include most of my SVG icons that require simple styling, I do:

Answer 1

Update september 2018: this solution is deprecated, read Jon’s answer instead.

--

React doesn’t support all SVG tags as you say, there is a list of supported tags here. They are working on wider support, f.ex in this ticket.

A common workaround is to inject HTML instead for non-supported tags, f.ex:

render: function() {
    var useTag = '';
    return ;
}