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?
Risyad Rais@thelinuxcast @benjaminhollon there are a lot of free svg icons out there (some are even open source), and they provide their svg to save you from the headache.
Not sure if this logo is the one you're looking for:
https://www.svgrepo.com/vectors/hotmail/
@atmorojo @thelinuxcast
One example of SVGs being handy for me:
My grandparents were having their 50th anniversary celebration and wanted to reuse an illustration (black and white) from their original wedding program. I was able to take a photo, load it into Inkscape and trace it to create a SVG, then manipulate it to remove artifacts so that it looked perfectly good as new for the anniversary program.