Emoji-log Badges

flat-rounded.svg

flat.svg

nf2.svg

<?xml version="1.0" encoding="UTF-8"?>
<svg width="82px" height="20px" viewBox="0 0 82 20" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
    <!-- Generator: Sketch 50.2 (55047) - http://www.bohemiancoding.com/sketch -->
    <title>badge copy</title>
    <desc>Created with Sketch.</desc>
    <defs>
        <linearGradient x1="50%" y1="0%" x2="50%" y2="100%" id="linearGradient-1">
            <stop stop-color="#FFFFFF" stop-opacity="0.5" offset="0%"></stop>
            <stop stop-color="#000000" offset="100%"></stop>
        </linearGradient>
        <rect id="path-2" x="0" y="0" width="82" height="20"></rect>
        <path d="M3,0 L21,0 L21,20 L3,20 C1.34314575,20 2.02906125e-16,18.6568542 0,17 L0,3 C-2.02906125e-16,1.34314575 1.34314575,3.04359188e-16 3,0 Z" id="path-3"></path>
    </defs>
    <g id="badge-copy" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
        <g id="not-flat-rounded">
            <g id="Rectangle-Copy">
                <use fill="#8679A2" xlink:href="#path-2"></use>
                <use fill-opacity="0.200000003" fill="url(#linearGradient-1)" xlink:href="#path-2"></use>
            </g>
            <g id="Rectangle-2-Copy">
                <use fill="#413855" xlink:href="#path-3"></use>
                <use fill-opacity="0.200000003" fill="url(#linearGradient-1)" xlink:href="#path-3"></use>
            </g>
            <text id="emoji-log-copy" font-family="GillSans, Gill Sans" font-size="14" font-weight="normal" fill="#EDE8F7">
                <tspan x="25" y="13">emoji-log</tspan>
            </text>
            <text id="🚀" font-family="AppleColorEmoji, Apple Color Emoji" font-size="10" font-weight="normal" fill="#707070">
                <tspan x="4" y="14">🚀</tspan>
            </text>
        </g>
    </g>
</svg>

not-flat-rounded.svg