Compatibility issues can occur between Google’s Native Lazy plugin and the SVG plugin in some cases. The problem is that the Lazy plugin slows down the loading of the SVG, resulting in the SVG not displaying properly.
One way to solve this problem is to add class="skip-lazy
” to the SVG element to skip the Lazy plugin process. This will cause the SVG to load and display as normal.
For example, modify the SVG tag as follows: <svg class=”skip-lazy
<svg class="skip-lazy" ... >... </svg>
This will cause the corresponding SVG to load unaffected by the Lazy plugin.