Why the image tag in SVG and how to work with it?

Question

SVG

I downloaded the image in avacode in svg format. But you can’t work with it as with svg, the picture does not respond to fill, pixels appear when enlarged, and there are suspicions that this is due to the fact that the image tag lies inside this svg.
What is it? Why in svg image? It turns out that inside the usual bitmap? How to work with it?

<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="14" height="10" viewBox="0 0 14 10"><g><g><image width="14" height="10" xlink:href="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAKCAYAAACE2W/HAAAAdElEQVQoU5WR0RHAIAhDYQy7oh2nrtiOYYPCeVrxKp/IMwkw7VZ8MlEm3uJOQBkc6j8YbyWAXIGZijQqBf8Tg8rcUeYA9j99rE+gZtWDzc3EUbM3wrYIpJFMo5O+IQrS0c3V7DXTGpRXvdMK8s8hth0lU34BA1wwqwjghXMAAAAASUVORK5CYII="/></g></g></svg>

Answer 1

How to work with it?

No way!)
An ordinary raster photo can be encoded in base64 and inserted inline into css, html, svg. In your example, a regular photo is base64 encoded and inserted into an svg. Think of it as a normal photo.
Download the same photo in jpeg and work with it.

Answer 2

This is the Scalable Vector Graphics Markup Language, or simply SVG, a very cool topic. In my opinion, this markup language was best described by this member of the Stack Overflow community in his blog .

Answer 3

What to do when you only have a bitmap version and the user wants to download SVG?
That's right - use the image+base64 tag - let it download its SVG.
The fastest way to get SVG from a raster is to paste it as a background and draw with handles. Since converters produce a lot of garbage, but while you set them up, you have already drawn them.