<h1>Fallback Inline SVG using &lt;desc&gt;</h1>
<svg viewBox="-20 -20 40 40">
  <title>SVG OK</title>
  <desc>
    <p class="warning">This is fallback text for the SVG icon.</p>
  </desc>
  <circle fill="limegreen" r="19" />
  <path stroke="forestgreen" fill="none" stroke-width="6"
        d="M-12,3 L-3,10 11,-12" />
  <text dy="0.35em" text-anchor="middle" font-weight="bold"
        font-size="18px" font-family="sans-serif"
        fill="indigo">SVG</text>
</svg>
svg, image {
  display: block;
  width: 248px; height: 248px;
}

External CSS

  1. https://codepen.io/AmeliaBR/pen/607cb7712555f8d347794ffd3835672d

External JavaScript

This Pen doesn't use any external JavaScript resources.