How To Set SVG Image In WebGL To Be Used In Javascript?

Question

I'm using the source code in https://codepen.io/at80/pen/tqdmv

I want to use the SVG image in place of the objects being animated. Can you please help me to figure out how can I set the SVG image in place of the object being created for the animation. Thanks in advance :)

    <canvas id="sakura"></canvas>
<div class="btnbg">
</div>

<!-- sakura shader -->
<script id="sakura_point_vsh" type="x-shader/x_vertex">
<!-- I want to use my SVG so that it can work in place of the object being animated -->
</script>