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 @benjaminhollon yeah, it is technically a better way because the images scale infinitely yet remain the same filesize - so very good for the internet. BUT, only better for graphics really i.e. icons, glyphs, definitely not for full on images.
Of course, you can also just link the svg file like an actual image rather than inserting it inline as html.
Of course, you can also just link the svg file like an actual image rather than inserting it inline as html.
@paul @thelinuxcast
Yeah. The only advantages of including it raw are (1) it doesn't make another HTTP request and (2) you can manipulate the appearance of the SVG image with JS and CSS.
Yeah. The only advantages of including it raw are (1) it doesn't make another HTTP request and (2) you can manipulate the appearance of the SVG image with JS and CSS.
@benjaminhollon @thelinuxcast yeah, both very good points.