Matt 
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.
Benjamin Hollon 🇺🇸🇲🇾🇮🇳🇦🇫@thelinuxcast
It's a SVG vector image.
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.
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.
@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?
Paul Wilde 
:dontpanic_nobg:@thelinuxcast @benjaminhollon you would need to covert the hotmail icon to vector (not straightforward) then "open" the file in a text editor and boom - there's your svg string
but converting image to svg isn't like converting a png to jpg. you have to effectively "trace" the image - which has variable results. if you can find the hotmail icon in svg already it would be much easier
but converting image to svg isn't like converting a png to jpg. you have to effectively "trace" the image - which has variable results. if you can find the hotmail icon in svg already it would be much easier
@paul @benjaminhollon Yeah, if that's supposed to be a better way of doing images on the Internet, I don't see it.
Oh well. Thanks, guys for your help.
@thelinuxcast @paul
It's a better way of doing *specific types* of images on the web. A SVG is basically a set of mathematical instructions on how to build the image from scratch. It works best for icons and flat illustrations. A raster image like a photograph wouldn't make a good SVG at all.
The advantage is that SVGs remain sharp and crisp at any sizing.