output-svg/developer-rubyist.svg

<svg width="120" height="20" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg">
      <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="20" rx="3" fill="#fff"/>
      </clipPath>
      <g clip-path="url(#a)">
        <path fill="#555" d="M0 0h65v20H0z"/>
        <path fill="#cc342d" d="M65 0h55v20H65z"/>
        <path fill="url(#b)" d="M0 0h120v20H0z"/>
      </g>
      <g fill="#fff" text-anchor="middle" font-family="DejaVu Sans,Verdana,Geneva,sans-serif" font-size="11">
        <text x="32.5" y="15" fill="#010101" fill-opacity=".3">developer</text>
        <text x="32.5" y="14">developer</text>
        <text x="92.5" y="15" fill="#010101" fill-opacity=".3">Rubyist</text>
        <text x="92.5" y="14">Rubyist</text>
      </g>
    </svg>