title: Three JS: How to add images on each vertices of icosahedron
body: <p>I'm new to Three js, i was trying to create a rotating icosahedron with small icon kind of images on each vertex using three js, i could create the icosahedron and make it rotate but I'm not able to attach images on each vertex of it. Can anyone help me do this? 
  Please check the js fiddle link of what i could acheive so far: </p>
  
  <pre><code>&lt;div id="container"&gt;&lt;/div&gt;
  
  var $container = $('#container');
  var renderer = new THREE.WebGLRenderer({
    antialias: true,
    alpha: true
  });
  var camera = new THREE.PerspectiveCamera(80, 1, 0.1, 10000);
  var scene = new THREE.Scene();
  var Ico;
  
  scene.add(camera);
  renderer.setSize(576, 576);
  
  // Making the canvas responsive
  function onWindowResize() {
  
    var screenWidth = $(window).width();
    if (screenWidth &lt;= 479) {
      renderer.setSize(300, 300);
    } else if (screenWidth &lt;= 767) {
      renderer.setSize(400, 400);
    } else if (screenWidth &lt;= 991) {
      renderer.setSize(500, 500);
    } else if (screenWidth &lt;= 1200) {
      renderer.setSize(450, 450);
    } else if (screenWidth &lt;= 1366) {
      renderer.setSize(550, 550);
    }
    camera.updateProjectionMatrix();
  
  }
  onWindowResize();
  window.addEventListener('resize', onWindowResize, false);
  
  
  $container.append(renderer.domElement);
  
  // Camera
  camera.position.z = 200;
  
  // Material
  var greyMat = new THREE.MeshPhongMaterial({
    color: new THREE.Color("rgb(125,127,129)"),
    emissive: new THREE.Color("rgb(125,127,129)"),
    specular: new THREE.Color("rgb(125,127,129)"),
    shininess: "100000000",
    shading: THREE.FlatShading,
    transparent: 1,
    opacity: 1
  });
  
  var L2 = new THREE.PointLight();
  L2.position.z = 1900;
  L2.position.y = 1850;
  L2.position.x = 1000;
  scene.add(L2);
  camera.add(L2);
  
  var Ico = new THREE.Mesh(new THREE.IcosahedronGeometry(125, 1), greyMat);
  Ico.rotation.z = 0.5;
  scene.add(Ico);
  var trackballControl = new THREE.TrackballControls(camera, renderer.domElement);
  trackballControl.rotateSpeed = 1.0; 
  trackballControl.noZoom = true;
  
  function update() {
    Ico.rotation.x += 2 / 500;
    Ico.rotation.y += 2 / 500;
  }
  
  // Render
  function render() {
    trackballControl.update();
    requestAnimationFrame(render);
    renderer.render(scene, camera);
    update();
  }
  render();
  </code></pre>
  
  <p><a href="https://jsfiddle.net/arunvenugopal11/uoxtmtnr/" rel="nofollow noreferrer">https://jsfiddle.net/arunvenugopal11/uoxtmtnr/</a></p>
  
  <p>Thanks in advance :)</p>