SVG

Overview

SVG describes graphics as XML markup rather than pixels. Shapes, text, and paths can be scaled, recolored, and animated without quality loss, which makes it the standard for logos, icons, and data visualizations on the web.

Typical use cases

• Logos and icons
• Vector illustrations
• Diagrams and charts
• Responsive web graphics

Advantages

• Scales to any size without blur
• Small files for logos, icons, and charts
• Editable as text and scriptable on the web

Disadvantages

• Not ideal for photographic detail
• Rendering depends on font availability
• Complex filters can be expensive

How to open or use it

Open SVG files in a browser, code editor, or vector design tool. Browsers render SVG directly, and editors such as Figma, Illustrator, and Inkscape can edit the vector data.