How to use SVG files in your project – Subscribe Funnels

The best way to embed SVG on HTML (2021)

Object tags are the preferred method for using SVG’s in Subscribe.

<object type="image/svg+xml" data="image.svg">
    <!-- Your fall back here -->
    <img src="image.svg" />
</object>

You must declare css for the <object> tag for the code to show properly:

object {
    width: 175px;
    height: 52px;
}

In our example, the parent div of the nested SVG must have its width and height declared as well. Declaring both the parent div and the object address the SVG size for cross browser compatibility.

<a href="#" class="navbar-brand">
          <object type="image/svg+xml" data="<https://cdn.aws-files.com/b1934b15-83af-4853-b14f-d35eb9869952/logo-main1.svg>">
            <img src="<https://cdn.aws-files.com/b1934b15-83af-4853-b14f-d35eb9869952/logo-main1.svg>">
          </object>
        </a>

.navbar-brand {
    padding: 10px 0px;
    margin: 0px;
    width: 175px;
    height: 73px;
}
object {
  width: 175px;
  height: 52px;
}

Example https://subscribefunnels.com