<h1>Plain Text Fallback for Inline SVG</h1>
<svg viewBox="-20 -20 40 40">
  <title>SVG OK</title>
  <!--Text Fallback-->
  I'm sorry, your browser does not support
  <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"
  <!--Fallback with links-->
  Please upgrade to a <a href="http://browsehappy.com/?locale=en">modern browser</a>.
svg {
  display: block;
  width: 248px; height: 248px;

External CSS

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

External JavaScript

This Pen doesn't use any external JavaScript resources.