Jak zmienić kolor obrazu SVG za pomocą CSS (zastąpienie obrazu SVG jQuery)?

Jest to samodzielny Q&A przydatnego fragmentu kodu, który wymyśliłem.

Obecnie nie ma łatwego sposobu na osadzenie obrazu SVG, a następnie dostęp do elementów SVG za pośrednictwem CSS. Istnieją różne metody korzystania z JS SVG, ale są one zbyt skomplikowane, jeśli robisz prostą ikonę ze stanem rollover.

Oto, co wymyśliłem, co moim zdaniem jest zdecydowanie najłatwiejszym sposobem na używanie plików SVG na stronie internetowej. Przyjmuje swoją koncepcję od wczesnych metod zamiany tekstu na obraz, ale o ile mi wiadomo, nigdy nie zostało zrobione dla SVG.

To jest pytanie:

Jak osadzić SVG i zmienić jego kolor w CSS bez użycia frameworka JS-SVG?