You can nest SVG elements

Recently I heard in a podcast that nesting SVGs is valid. 😲

<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
    <!-- some SVG content -->
    <svg>
        <!-- some inner SVG content -->
    </svg>
<svg>

I was surprised and started googling. I found two fantastic posts by Sara Soueidan.

So this learning includes "only" two bookmarks for myself. Honestly, read and bookmark them, too. The articles Sara writes are always excellent.

• Mimic Relative Positioning Inside an SVG with Nested SVGs
• Understanding SVG Coordinate Systems and Transformations (Part 3) — Establishing New Viewports