Convert Snippet to Image

Preview:

<figure class="avatar avatar-xl">
  <img src="..." alt="avatar">
  <div class="avatar-status dnd"></div>
</figure>
<figure class="avatar avatar-lg">
  <img src="..." alt="avatar">
  <div class="avatar-status offline"></div>
</figure>
<figure class="avatar avatar-std">
  <img src="..." alt="avatar">
  <div class="avatar-status online"></div>
</figure>

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