Green:

    <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="110" height="20" role="img" aria-label="⓿: dependencies!">
      <title>⓿: dependencies!</title>
      <a target="_blank" xlink:href="https://0dependencies.dev">
        <linearGradient id="s" x1="50%" y1="0%" x2="50%" y2="100%">
          <stop stop-color="#34D058" offset="0%"></stop>
          <stop stop-color="#28A745" offset="100%"></stop>
        </linearGradient>
        <clipPath id="r">
          <rect width="110" height="20" rx="3" fill="#fff"/>
        </clipPath>
        <g clip-path="url(#r)">
          <rect width="21" height="20" fill="#555"/>
          <rect x="21" width="89" height="20" fill="#d1331b"/>
          <rect width="110" height="20" fill="url(#state-fill)"/>
        </g>
        <g fill="#fff" text-anchor="middle" font-family="Verdana,Geneva,DejaVu Sans,sans-serif" text-rendering="geometricPrecision" font-size="110">
          <text aria-hidden="true" x="115" y="150" fill="#010101" fill-opacity=".3" transform="scale(.1)" textLength="110">⓿</text>
          <text x="115" y="140" transform="scale(.1)" fill="#fff" textLength="110">⓿</text>
          <text aria-hidden="true" x="645" y="150" fill="#010101" fill-opacity=".3" transform="scale(.1)" textLength="790">dependencies!</text>
          <text x="645" y="140" transform="scale(.1)" fill="#fff" textLength="790">dependencies!</text>
        </g>
      </a>
    </svg>