Preview:
      <div class="badge-wrapper">
        <img
		src="https://picsum.photos/100" 
        alt="avatar avatar-sm"
        srcset="
       		https://picsum.photos/100 100w,
        	https://picsum.photos/200 200w
        "
        sizes="(min-width: 480px) 200px, 100px"
        class="avatar
        avatar-sm 
        round
           "
        >
        <span class="badge 
        badge-sm
        badge-left
        status-success-bg">4</span>
      </div>


      <div class="badge-wrapper">
        <img
		src="https://picsum.photos/100" 
        alt="avatar avatar-sm"
        srcset="
       		https://picsum.photos/100 100w,
        	https://picsum.photos/200 200w
        "
        sizes="(min-width: 480px) 200px, 100px"
        class="avatar
        avatar-sm 
        round
           "
        >
        <span class="badge 
        badge-sm
        badge-right
        status-success-bg">4</span>
      </div>
downloadDownload PNG downloadDownload JPEG downloadDownload 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