Beispiel Flowerish 01: <svg> im HTML direkt eingebunden

In diesem Beispiel wurde das SVG direkt im HTML eingebunden. Je nach Skalierungsgrad werden mehr oder weniger Details in der Grafik angezeigt und die einzelnen Ebenen wurden mit unterschiedlichen Farben versehen.
In allen modernen Browsern reicht die reine Inline-SVG-Einbindung für die responsive Darstellung aus. Für die Skalierung im IE <= 11 und anderen älteren Browsern wird jedoch auch hier der padding-bottom-Trick (Intrinsic-Ratio-Trick) gebraucht. Weitere Einbindungsmöglichkeiten zeigen die Beispiele SVG-Einbindungen (externes Stylesheet) und Einbindungen von SVG mit Inline-Styles