title: Add SVG markup to React component
body: <p>I'm trying to make a react Component which is based on this <a href="http://codepen.io/hmarques/pen/peiKA">CodePen</a> markup.</p>
  
  <p>My component looks like this:</p>
  
  <pre><code>import React from 'react';
  
  class Arches extends React.Component {
      render(){
          return(/*markup from codepen*/);
      }
  }
  
  export default Arches;
  </code></pre>
  
  <p>But on render it breaks:</p>
  
  <pre><code>unexpected token (764:3)
    762 |     d="m 46.842051,219.06796 
  </code></pre>
  
  <p>What is the proper way to integrate SVG in a React component?</p>