SVG in SVG

with-logo-embedded.svg

with-logo-remote.svg

<svg
    xmlns="http://www.w3.org/2000/svg"
    xmlns:xlink="http://www.w3.org/1999/xlink" width="83" height="20">
    <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="83" height="20" rx="3" fill="#fff"/>
    </clipPath>
    <g clip-path="url(#a)">
        <path fill="#555" d="M0 0h40v20H0z"/>
        <path fill="#007ec6" d="M40 0h43v20H40z"/>
        <path fill="url(#b)" d="M0 0h83v20H0z"/>
    </g>
    <g fill="#fff" text-anchor="middle" font-family="DejaVu Sans,Verdana,Geneva,sans-serif" font-size="110">
        <image x="5" y="3" width="14" height="14" xlink:href="https://upload.wikimedia.org/wikipedia/zh/9/99/Tencent_QQ.svg"/>
        <text x="295" y="150" fill="#010101" fill-opacity=".3" transform="scale(.1)" textLength="130">qq</text>
        <text x="295" y="140" transform="scale(.1)" textLength="130">qq</text>
        <text x="605" y="150" fill="#010101" fill-opacity=".3" transform="scale(.1)" textLength="330">group</text>
        <text x="605" y="140" transform="scale(.1)" textLength="330">group</text>
    </g>
</svg>