Drag sprite for svg elements on IE and Edge

Is there a way to show the drag sprite for svg elements in IE/Edge ?

Example:

This one can be dragged without problems

<img draggable="true" src="file.jpg" />

This one doesn't show the drag sprite

<img draggable="true" src="file.svg" />

Demo: http://codepen.io/akotb/pen/WGNOXv

Also it doesn't work if the div you are dragging has a direct (or indirect) child that use svg symbols

<div draggable="true"> <svg><use xlink:href="#circle" /></svg></div>

updated the demo with that example as well

Copyright Notice：Content Author:「Ahmed Kotb」，Reproduced under the CC 4.0 BY-SA copyright license with a link to the original source and this disclaimer.
Link to original article：https://stackoverflow.com/questions/39282876/drag-sprite-for-svg-elements-on-ie-and-edge