title: How do you load and display SVG graphics in three.js?
body: <p>Consider, I have an SVG vector graphics file (logotype), which I want to load and display in three.js (with WebGL renderer).</p>
  
  <p>What would be the recommended way to approach this?</p>
  
  <p>It seems like I need to load the image and to create a geometry and a mesh from it.</p>
  
  <p>I've managed to load the SVG document using the <code>THREE.SVGLoader</code>, but I can't find any relevant information on how to create a geometry/mesh from it further down the line.</p>
  
  <pre class="lang-js prettyprint-override"><code>function preload () {
  
    const svgLoader = new THREE.SVGLoader();
  
    svgLoader.load('images/logo.svg', svgDocument =&gt; {
  
      // @todo: create a geometry/mesh from svgDocument?
  
      // @todo: scene.add(logoMesh);
  
    });
  
  }
  </code></pre>