Nekmo/pip-rating

<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="82"
     height="20" role="img" aria-label="pip-rating: S">
    <title>pip-rating: S</title>
    <linearGradient id="s" x2="0" y2="100%">
        <stop offset="0" stop-color="#bbb" stop-opacity=".1"/>
        <stop offset="1" stop-opacity=".1"/>
    </linearGradient>
    <clipPath id="r"><rect width="82" height="20" rx="3" fill="#fff"/></clipPath>
    <g clip-path="url(#r)">
        <rect width="65" height="20" fill="#555"/><rect x="65" width="17" height="20" fill="#007EC6"/>
        <rect width="82" height="20" fill="url(#s)"/>
    </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="335" y="150" fill="#010101" fill-opacity=".3" transform="scale(.1)" textLength="550">
       pip-rating
       </text>
       <text x="335" y="140" transform="scale(.1)" fill="#fff" textLength="550">pip-rating</text>
       <text aria-hidden="true" x="725" y="150" fill="#010101" fill-opacity=".3" transform="scale(.1)"
             textLength="70">
       S
       </text>
       <text x="725" y="140" transform="scale(.1)" fill="fff" textLength="70">S</text>
    </g>
</svg>