Convert Snippet to Image

Preview:

<figure class="avatar-container">
     <img class="avatar avatar-lg-size image-responsive" src="/assets/avatar.jpg" alt="lg-avatar" >
     <span class="avatar-presence online"></span>
</figure>
<figure class="avatar-container">
     <img class=" avatar avatar-md-size image-responsive" src="/assets/avatar.jpg" alt="md-avatar">
     <span class="avatar-presence offline"></span>
</figure>
<figure class="avatar-container">
     <img class=" avatar avatar-sm-size image-responsive" src="/assets/avatar.jpg" alt="sm-avatar">
     <span class="avatar-presence dnd"></span>
</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