i_m-badge.svg

<svg xmlns="http://www.w3.org/2000/svg" width="85" height="18">
    <linearGradient id="smooth" x2="0" y2="100%">
        <stop offset="0"  stop-color="#fff" stop-opacity=".7"/>
        <stop offset=".1" stop-color="#aaa" stop-opacity=".1"/>
        <stop offset=".9" stop-color="#000" stop-opacity=".3"/>
        <stop offset="1"  stop-color="#000" stop-opacity=".5"/>
    </linearGradient>
    <rect rx="4" width="85" height="18" fill="#555"/>
    <rect rx="4" x="39" width="46" height="18" fill="#dfb317"/>
    <rect x="39" width="4" height="18" fill="#dfb317"/>
    <rect rx="4" width="85" height="18" fill="url(#smooth)"/>
    <g fill="#fff" text-anchor="middle" font-family="DejaVu Sans,Verdana,Geneva,sans-serif" font-size="11">
        <text x="20.5" y="13" fill="#010101" fill-opacity=".3">I m a</text>
        <text x="20.5" y="12">I m a</text>
        <text x="61" y="13" fill="#010101" fill-opacity=".3">badge</text>
        <text x="61" y="12">badge</text>
    </g>
</svg>