What is an SVG file, and why edit one?
An SVG is an image made of mathematical paths instead of pixels, which means it stays perfectly sharp at any size. Where a PNG or JPG stores a fixed grid of colored dots, an SVG stores instructions — a line from here to there, a curve with this radius, a shape filled with this color. Scaling it up doesn't invent new pixels, it simply redraws the maths at a larger size.
That's why SVG is the standard format for logos, icons, and web graphics. The same file works as a 16px favicon and a billboard. It stays crisp on every screen density, it's usually far smaller than an equivalent PNG, and because it's text under the hood, it compresses well and can be styled or animated with CSS.
The catch is that most people can only use SVGs, not change them. Opening one in Photoshop flattens it. Canva won't export one. Illustrator will do anything you want but asks for a subscription and a few weeks of learning first. So people end up downloading an icon that's nearly right, and shipping it in the wrong color.
A clean SVG matters more than it sounds. Files exported from heavy design tools often carry hidden layers, unused definitions, absurd decimal precision and editor metadata — sometimes several times the necessary file size. Clean output means tidy markup, sensible precision, and no leftovers, which is exactly what a developer wants when they drop it into a codebase.