JSFiddle - React, Tailwind, and code Playground

HTML

<html>
<script defer src="https://use.fontawesome.com/releases/v5.0.6/js/all.js"></script>
<script src="https://d3js.org/d3.v4.min.js"></script>

<body>
<svg></svg>
<script>
var g = d3.select("svg");
g.append('svg:foreignObject')
		.attr('height', '15px')
    .attr('width', '15px')
    .html('<i class="fa fa-info"></i>');
</script>
</body>
</html>