Revert selection icon changes

client-data/tools/hand/delete.svg

@@ -1,5 +1,6 @@
 <?xml version="1.0" encoding="UTF-8"?>
 <svg role="img" version="1.1" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" xmlns:cc="http://creativecommons.org/ns#" xmlns:dc="http://purl.org/dc/elements/1.1/" xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#" id="root">
     <title>Delete</title>
+    <rect fill="#ffffffa0" x="0" y="0" width="24" height="24" rx="4"></rect>
     <path stroke="red" stroke-width="2" d="M 2 2 L 22 22 M 2 22 L 22 2"></path>
 </svg>

client-data/tools/hand/duplicate.svg

@@ -1,6 +1,7 @@
 <?xml version="1.0" encoding="UTF-8"?>
 <svg role="img" version="1.1" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" xmlns:cc="http://creativecommons.org/ns#" xmlns:dc="http://purl.org/dc/elements/1.1/" xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#" id="root">
     <title>Duplicate</title>
+    <rect fill="#ffffffa0" x="0" y="0" width="24" height="24" rx="4"></rect>
     <path d="m7.1549 7.1542v-3.5315c0-0.65725 0.52912-1.1864 1.1864-1.1864h11.991c0.65725 0 1.1864 0.52912 1.1864 1.1864v12.036c0 0.65725-0.52912 1.1864-1.1864 1.1864h-3.4867" fill="none" stroke="#000" stroke-linejoin="round" stroke-width=".3" />
     <rect x="2.481" y="7.155" width="14.364" height="14.409" ry="1.1864" fill="none" stroke="#000" stroke-linejoin="round" stroke-width=".3" />
     <rect transform="translate(-20.734 -16.126) scale(1,-1)" x="30.056" y="-33.755" width=".6819" height="6.5387" ry=".34186" />

client-data/tools/hand/hand.js

@@ -147,7 +147,10 @@
 	}
 
 	function createButton(name, icon, width, height, drawCallback, clickCallback) {
-		var shape = Tools.createSVGElement("use", {href: "tools/hand/" + icon + ".svg#root"});
+		var shape = Tools.createSVGElement("image", {
+			href: "tools/hand/" + icon + ".svg",
+			width: width, height: height
+		});
 		shape.style.display = "none";
 		shape.origWidth = width;
 		shape.origHeight = height;

client-data/tools/hand/handle.svg

@@ -1,16 +1,8 @@
 <?xml version="1.0" encoding="UTF-8"?>
-<svg role="img" version="1.1" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" xmlns:cc="http://creativecommons.org/ns#" xmlns:dc="http://purl.org/dc/elements/1.1/" xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#">
- <title>Instagram icon</title>
- <g transform="matrix(2.3668 2.3668 -2.3668 2.3668 13.98 -131.11)" fill="#ff002d">
-  <g transform="translate(-.5821 .16648)" fill="#f00">
-   <rect transform="rotate(-45)" x="-2.9234" y="40.131" width="5.7222" height="5.8388" ry=".34186" fill="#bdaddf" fill-opacity=".99078" stroke="#000" stroke-linejoin="round" stroke-width=".23901"/>
-  </g>
- </g>
- <metadata>
-  <rdf:RDF>
-   <cc:Work rdf:about="">
-    <dc:title>Instagram icon</dc:title>
-   </cc:Work>
-  </rdf:RDF>
- </metadata>
+<svg role="img" version="1.1" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" xmlns:cc="http://creativecommons.org/ns#" xmlns:dc="http://purl.org/dc/elements/1.1/" xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#" id="root">
+    <g id="handle" transform="matrix(2.3668 2.3668 -2.3668 2.3668 13.98 -131.11)" fill="#ff002d">
+        <g transform="translate(-.5821 .16648)" fill="#f00">
+            <rect transform="rotate(-45)" x="-2.9234" y="40.131" width="5.7222" height="5.8388" ry=".34186" fill="#bdaddf" fill-opacity=".99078" stroke="#000" stroke-linejoin="round" stroke-width=".23901" />
+        </g>
+    </g>
 </svg>