Import an SVG file into your DOM with React and ES6. Useful for manipulating internal path elements. Only use trusted sources.

svgImage.js

var React = require('react');
class SvgImage extends React.Component {
  constructor(props) {
    super(props);
    this.state = {};
  }
  componentDidMount() {
    $.get(this.props.url, (svg) => {
      this.setState({icon: svg.documentElement.outerHTML});
    });

  }
  createInnerHtml() {
    return {
      __html: this.state.icon
    };
  }
  render() {
    return (<div dangerouslySetInnerHTML={this.createInnerHtml()}>
            </div>);
  }
}

class Widget extends React.Component {
  render() {
    return (<SvgImage url='https://cdn.css-tricks.com/wp-content/uploads/2015/05/kiwi.svg'></SvgImage>);
  }
}