Does anyone know what this nonsense means in HTML?

From what I can tell the long string of numbers is about an animation? but I might be wrong? The output is an icon.

@thelinuxcast
It's a SVG vector image.
@thelinuxcast
They can be included with a regular img src thingy, but also put in raw like that with the <svg> tag.
@benjaminhollon I think I got the svg part, but I don't understand where the icons come from. LIke in a normal img tag, it's src, and then link, and boom, image.

@thelinuxcast
Not sure I understand the question?

The <svg> tag basically contains the raw content of the image, and it shows up the same as if you'd included it with <img> and src. <svg> images are basically just XML and can be represented with the <svg> tag in HTML.

The magic of SVG is how I was able to get the https://tty1.blog favicon to change colors to match the color scheme.

tty1.blog

tty1 is a blog about the Linux terminal.

@benjaminhollon What I mean was, say for instance I want to change from a gmail image svg to hotmail. Where would I get the hotmail icon? And if I found the icon or have it on hand or something, the bigger question is how do I get the long svg nonsense? Is there like a translator for moving an SVG into a long stream of nonsense?
@benjaminhollon @thelinuxcast If you open the svg file in a text editor, it should be there. Canโ€˜t confirm, though, on mobile right now.