Add 3D Geometric Solids
The SEEN.js library creates SVG 3D geometric solids. There are 120 geometric solids: Platonic, Archimedean, Prism, Antiprism and Johnson. Select the solid from the drop-down selector menu to place it in SVG which will send it to ThreeJS. Use the cursor to spin/rotate the solid in SVG. The solid can be drag/dropped when the 'Drag/Drop' checkbox is checked.

The SVG drawing overlays the ThreeJS canvas. You can toggle the SVG overlay visibility by selecting the 'Close SVG/Open SVG' button. When the SVG is closed the ThreeJS canvas is available for mousewheel/cursor control via the OrbitControls feature. The default view is CSS2DRenderer (SVG 2D) where the geometric solid remains fixed. You can select 'SVG 3D' button to place the geometric solid into the CSS3DRenderer where it will take on the perspective of the 3D environment.
Select Geometric Solid:   Drag/Drop:

SVG Source:

Three JS SVG Source:

Javascript SVG:

Javascript ThreeJS: