Convert Snippet to Image

Preview:

<div class="avatar-w-badge">
    <img class="round-avatar" src="https://i.pravatar.cc/150?img=4" alt="">
    <span class="badge badge-online"></span>
</div>

<div class="avatar-w-badge">
    
    <img class="round-avatar"  src="https://i.pravatar.cc/100?img=4" alt="">
    <span class="badge badge-offline"></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