What is SVG?
SVG (Scalable Vector Graphics) is an XML-based vector image format. Resolution-independent, tiny file size, CSS-styleable — the ideal format for logos and icons.
Definition
SVG (Scalable Vector Graphics) is an XML-based vector image format that describes two-dimensional graphics using mathematical expressions rather than pixels. SVGs scale to any size without quality loss.
How it works
SVG is the ideal format for logos, icons, and illustrations on the web. Unlike PNG/JPG (raster formats made of pixels), SVGs are made of paths and shapes — so they look crisp at any resolution, from 16px favicon to 4K retina display. They're also CSS-styleable (change colors with `fill` and `stroke`), animatable, and typically 5-10x smaller than equivalent PNGs. Every modern browser supports SVG natively.
Why it matters
If your logo is a PNG, it'll look blurry on retina displays, you can't change its color for dark mode without a second file, and it's unnecessarily heavy. SVG solves all three problems. For brand assets, SVG should be your default format — use PNG only as a fallback or for social media platforms that require raster images.
Example
A simple SVG logo: `<svg viewBox="0 0 100 100"><circle cx="50" cy="50" r="40" fill="currentColor"/></svg>` — 85 bytes, infinite resolution, and the color inherits from CSS. Compare to a 100x100 PNG at 2-5KB.
Skip the theory, generate the result
OneMinuteBranding generates your complete brand system — including svg — in 60 seconds.
Generate SVG logosNo account required • 60-second generation • $49 one-time