What is the use of g tag?

Question

I am new to svg, as far as I saw everywhere they using svg elements within g tag, is there any particular reason for using svg elements within g tag other than applying transformation for whole set of elements?

Solution 1

That's a pretty important and useful reason. But other reasons you might do it are so you can:

• apply the same styling (eg. fill="blue") to a set of elements,
• reference to the group of objects from a use.

Not to mention the simple organisational reasons.

Solution 2

http://tutorials.jenkov.com/svg/g-element.html says:

The <g> element is used to group SVG shapes together. Once grouped you can transform the whole group of shapes as if it was a single shape. This is an advantage compared to a nested <svg> element which cannot be the target of transformation by itself.