Convert Snippet to Image

Preview:

<img class="badge-image" src="https://picturepan2.github.io/spectre/img/avatar-2.png" alt="Avatar">
<div class="badge-status online"></div>

<img class="badge-image" src="https://picturepan2.github.io/spectre/img/avatar-1.png" alt="Avatar">
<div class="badge-status offline"></div>

<img class="badge-image" src="https://picturepan2.github.io/spectre/img/avatar-3.png" alt="Avatar">
<div class="badge-status with-num">3</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