logo.html

<style>
  body {
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,
      Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji",
      "Segoe UI Symbol";
    background: white;
    color: #353435;
    padding: 24px;
  }
  .logo {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    margin-bottom: 20px;
  }
  .logo > div {
    padding: 24px;
  }
  .logo img {
    width: 256px;
  }
</style>
<body style="background: white; text-align: center">
  <div class="logo">
    <div>
      <img src="webring.svg" />
    </div>
    <div style="background: black">
      <img src="webring.white.svg" />
    </div>
    <div>
      <img src="webring.black.svg" />
    </div>
  </div>
  (Feel free to change the colors)
</body>