Estoy tratando de agregar un porcentaje circular alrededor de la imagen de textura. mi imagen asi

Mi imagen esperada será como este borde alrededor de la imagen.

Soy nuevo en three.js. Usé SpriteMaterial porque necesito una imagen siempre en la cara de la cámara. Desde lo básico, agregué una imagen en la escena como este código. No estoy entendiendo cómo puedo agregar ese borde para una imagen. si pudiera agregar svg con código, también sería útil para mí, pero no sé cómo agregar código svg aquí debajo de la imagen.

 const map = new THREE.TextureLoader().load('img.png'); const material = new THREE.SpriteMaterial( { map: map } ); const mesh = new THREE.Sprite( material ); mesh.position.set(x,y,z); mesh.scale.set( 0.2, 0.2,0.5); scene.add(mesh);