Convert Snippet to Image

Preview:

<div class="badge-parent">
    <img class="square-sm br-round" src="/src/img/femaleavatar.svg" alt="avatar not available">
    <div class="badgesFor-status bg-red-600"></div>
</div>
<div class="badge-parent">
    <img class="square-md br-round" src="/src/img/maleavatar.svg" alt="avatar not available">
    <div class="badgesFor-status badgesFor-status-md  square-xs bg-warn-600"></div>
</div>
<div class="badge-parent">
    <img class="square-lg br-round" src="/src/img/femaleavatar.svg" alt="avatar not available">
    <div class="badgesFor-status badgesFor-status-lg bg-green-600"></div>
</div>

Download PNG Download JPEG Download SVG

Tip: You can change the style, width & colours of the snippet with the inspect tool before clicking Download!

Click to optimize width for Twitter