badges/12-pages-beginner-brightgreen.svg

<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="120"
     height="26">
    <linearGradient id="b" x2="0" y2="100%">
        <stop offset="0" stop-color="#bbb" stop-opacity=".1"/>
        <stop offset="1" stop-opacity=".1"/>
    </linearGradient>
    <clipPath id="a">
        <rect width="120" height="26" rx="3" fill="#fff"/>
    </clipPath>
    <g transform="translate(0 2)" clip-path="url(#a)">
        <path fill="#555" d="M0 0h61v20H0z"/>
        <path fill="#4c1" d="M61 0h59v20H61z"/>
        <path fill="url(#b)" d="M0 0h120v20H0z"/>
    </g>
    <g transform="translate(0 2)" fill="#fff" text-anchor="middle" font-family="DejaVu Sans,Verdana,Geneva,sans-serif"
       font-size="110">
        <text x="315" y="150" fill="#010101" fill-opacity=".3" transform="scale(.1)"
              textLength="510">12 pages
        </text>
        <text x="315" y="140" transform="scale(.1)" textLength="510">12 pages</text>
        <text x="895" y="150" fill="#010101" fill-opacity=".3" transform="scale(.1)"
              textLength="490">beginner
        </text>
        <text x="895" y="140" transform="scale(.1)" textLength="490">beginner</text>
    </g>
</svg>