Web Content & Formats
What is SVG?
Scalable Vector Graphics, an XML-based image format that describes shapes mathematically, so the image is sharp at any resolution.
SVG describes images as paths, shapes, fills, and strokes, vectors, rather than as a grid of pixels. The browser rasterizes the vectors at whatever size you display them, so an SVG logo looks identical on a 320px favicon and a 5000px hero banner.
For logos, icons, charts, and any flat illustration that doesn't need pixel-perfect photographic detail, SVG is the right answer. The file size is small, the resolution is infinite, the colors and strokes can be themed at runtime via CSS, and screen readers can read embedded <title> and <desc> text.
Brand.dev returns logos in SVG when the brand provides one (and high-resolution PNG and WebP fallbacks otherwise). For 90% of applications (CRM avatars, dashboards, deck-builders) the SVG is the version you want.
How Brand.dev uses svg
Endpoints in the Brand.dev API where this concept comes up directly.
FAQ
SVG vs PNG?
SVG is vector, sharp at any size, themable, small file, but only useful for shapes (not photos). PNG is raster, fixed resolution, supports any image, larger files at high res.
Can SVG contain JavaScript?
Yes, which is a security concern when serving user-uploaded SVGs. Sanitize them server-side before display, and consider rendering them via <img> rather than inline <svg> to limit script execution.
Is SVG supported everywhere?
Yes, every browser made in the last decade. No fallback needed.