What is a key benefit of using scalable vector graphics (SVG) for icons?

• A. They offer high scalability and crisp rendering at any size.
• B. They always load faster than raster images.
• C. They cannot be animated.
• D. They are limited to monochrome.

Answer: (A)

SVG is vector-based, meaning icons are defined by mathematical shapes rather than pixels. When you resize an SVG, the browser recomputes the shapes so edges stay smooth and line thickness remains consistent. This makes icons look sharp at any size, from tiny toolbar glyphs to large featured icons, and is especially valuable for responsive layouts and high-DPI displays. Because the icon is scalable, you can use one asset across different contexts without sacrificing clarity. You can also style and animate SVGs with CSS or JavaScript, adding flexibility for interactions.