https://developer.mozilla.org/en-US/docs/Web/SVG/Element/defs
SVG allows graphical objects to be defined for later reuse. It is recommended that, wherever possible, referenced elements be defined inside of a
<defs>
element. Objects created inside a<defs>
element are not rendered immediately; instead, think of them as templates or macros created for future use.Defining these elements inside of a
<defs>
element promotes understandability of the SVG content and thus promotes accessibility. You can use a<use>
element to render those elements wherever you want in the viewport.
Does using this technique influence page weight/size in any way?