Convert Snippet to Image

Preview:

<div class="avatar-badge badge-off">
    <img src="../images/avatar-1.jpg" alt="avatar-image" class="round-img">
    <span class="round-badge badge-red"></span>
</div>
<div class="avatar-badge badge-on">
    <img src="../images/avatar-2.jpg" alt="avatar-image" class="round-img">
    <span class="round-badge badge-green"></span>
</div>
<div class="avatar-badge badge-away">
    <img src="../images/avatar-1.jpg" alt="avatar-image" class="round-img">
    <span class="round-badge badge-away"></span>
</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