image - SVG animation not working -

I am trying to create a SVG file, but it does not work as expected, my code is shown below

  & lt ;? Xml version = "1.0" encoding = "UTF-8"? & Gt; & Lt; Svg version = "1.1" id = "Ebene_1" xmlns = "http://www.w3.org/2000/svg" xmlns: xlink = "http://www.w3.org/1999/xlink" X = " 0px "y =" 0px "visible box =" 0 200 200 "xml: space =" protected "& gt; & Lt; Clippath id = "cliparchal" & gt; & Lt; Path D = "M100,100 L147,16A 100,100 0,1 200,100 Z" /> & Lt; AnimateTransform attribute = "start transforming" = "0s" dur = "4s" type = "to rotate" = "0 100 100" = "360 100 100" repeating mathematics = "indefinite" /> & Lt; / ClipPath & gt; & Lt; Image x = "20" y = "20" overflow = "visible" width = "160" height = "160" XLink: href = "data: image / png, base 64, iVBORw0KGgoAAAANSUhEUgAAAyAAAAMgCAYAAADbcAZoAA AACXBIWXMAAC4jAAAuIwF4pT92AAAK T2lDQ1BQaG90b3Nob3AgSUNDIHByb2ZpbGUAAHjanVNnVFPpFj333vRCS4iAlEtvUhUIIFJCi4AU ... COYNMKaUZ5jftwvj88uYjifgjKKqVW6rGKdqRooUKVL8o8X / NwBRjJhbjc2gSgAAAABJRU5ErkJg GG == "transform =" matrix (0.24 0 0 0.24 4 4) "& gt; & Lt; / Image & gt; & Lt; Image x = "3" y = "3" width = "194" height = "194" clip-path = "url (#clip circle)" overflow = "visible" xlink: href = "data: image / png; base 64, iVBORw0KGgoAAAANSUhEUgAAAyAAAAMgCAYAAADbcAZoAA AACXBIWXMAAC4jAAAuIwF4pT92AAAK T2lDQ1BQaG90b3Nob3AgSUNDIHByb2ZpbGUAAHjanVNnVFPpFj333vRCS4iAlEtvUhUIIFJCi4AU ... DG / KE4SGw + ObGgJkPYGx9OZcXEcxPtTbNIj0XN2SbiYIgiDcD / z3APR6bzPXK8r + AAAAAElFTkSu change QmCC "=" matrix (0.24 0 0 0.24 4 4) "& gt; & Lt; / Image & gt; & Lt; / Svg & gt;  

I have a & lt; Image & gt; Trying to make live on the other, but the visible output is & lt; Clippath & gt; .