code-of-conduct.svg

<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="173" height="20">
    <linearGradient id="smooth" x2="0" y2="100%">
    <stop offset="0" stop-color="#bbb" stop-opacity=".1"/>
    <stop offset="1" stop-opacity=".1"/>
    </linearGradient>

    <mask id="round">
    <rect width="139" height="20" rx="3" fill="#fff"/>
    </mask>

    <g mask="url(#round)">
    <rect width="100" height="20" fill="#555"/>
    <rect x="100" width="39" height="20" fill="#4d76ae"/>
    <rect width="139" height="20" fill="url(#smooth)"/>
    </g>

    <g fill="#fff" text-anchor="middle" font-family="DejaVu Sans,Verdana,Geneva,sans-serif" font-size="11">
    <text x="50" y="15" fill="#010101" fill-opacity=".3">code of conduct</text>
    <text x="50" y="14">code of conduct</text>
    <text x="119" y="15" fill="#010101" fill-opacity=".3">2.0</text>
    <text x="119" y="14">2.0</text>
    </g>
</svg>