The vector-based graphics tag <svg>
The <svg>
(an abbreviation for "Scalable Vector Graphics") element allows you to insert SVG vector images inside a webpage.[1]People familiar with design already know that bitmap images consist of pixels, while vector images are more like mathematic formulas that tell the software how to render an image in real-time.
Because of that, browsers process bitmap and vector images differently. The <svg>
tag allows you to embed vector graphics directly into your page.