Convert Snippet to Image

Preview:

<div class="badge-on-icon">
    <img src="/src\cart.svg" class="badge-icon" alt="cart">
    <span class="badge badge-red">5</span>
</div>
<div class="badge-on-icon">
    <img src="/src\msg.svg" class="badge-icon" alt="cart">
    <span class="badge badge-green">5</span>
</div>
<div class="badge-on-icon">
    <img src="/src\cart.svg" class="badge-icon" alt="cart">
    <span class="badge badge-black">5</span>
</div>
<div class="badge-on-icon">
    <p class="badge-icon text"> text
        <span class="badge badge-purple">5</span>
    </p>
</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