SVG is the acronym for Scalable Vector Graphics used to draw vector images which
specifies the vector-based graphics in XML format.
It is used to draw two-dimensional graphics with support for interactivity and animation.
SVG specification is an open standard developed by the World Wide Web Consortium (W3C) since 1999.
SVG images and their behaviors are defined in XML text files.
SVG is a markup language for describing two-dimensional graphics applications and images, and a set of related
graphics script interfaces. SVG 1.1 2nd edition is a W3C recommendation and is the most recent version of the full
Basic knowledge of HTML,
before start study basics of these subjects first.
Simple-text editor, such as Notepad, Editplus, Notepad++ is popular editor among web developers.
You can also use our online editor given with each example or Click here
Benifits of SVG :-
SVG is a lightweight image format, Load faster, Reduce page size, Increase page loading speed.
SVG images can be embed on same html page so no additional file storage required to keep images like .jpg, .png, .gif etc.
SVG image never loses quality on zoomed in or out even during hard printing also & integrates well with XSLT and DOM of HTML.
SVG images although do not have alt tag but they are searchable & indexable by search engines.