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?