HTR-United Badge Template

anybadge.svg

<?xml version="1.0" encoding="UTF-8"?>
<svg xmlns="http://www.w3.org/2000/svg" width="{{ badge width }}" height="20"  role="img" aria-label="{{ label }}: {{ value }}">
  <title>{{ label }}: {{ value }}</title>
    <mask id="{{ mask id }}">
        <rect width="{{ badge width }}" height="20" fill="#fff"/>
    </mask>
    <g mask="url(#{{ mask id }})">
        <path fill="#333" d="M0 0h{{ color split x }}v20H0z"/>
        <path fill="{{ color }}" d="M{{ color split x }} 0h{{ value width }}v20H{{ color split x }}z"/>
    </g>
    <g fill="{{ label text color }}" text-anchor="middle" font-family="{{ font name }}" font-size="{{ font size }}">
        <text x="{{ label anchor }}" y="14">{{ label }}</text>
    </g>
    <g fill="{{ value text color }}" text-anchor="middle" font-family="{{ font name }}" font-size="{{ font size }}">
        <text x="{{ value anchor }}" y="14">{{ value }}</text>
    </g>
</svg>