JSFiddle - React, Tailwind, and code Playground

HTML

<img src="https://open.rocket.chat/api/v1/shield.svg?type=channel&channel=general" />
<img src="https://open.rocket.chat/api/v1/shield.svg?type=channel&channel=rocketchat-apps" />
<img src="https://open.rocket.chat/api/v1/shield.svg?type=channel&channel=desktop" />
<img src="https://open.rocket.chat/api/v1/shield.svg?type=channel&channel=support" />
<img src="https://open.rocket.chat/api/v1/shield.svg?type=channel&channel=dev" />
<img src="https://open.rocket.chat/api/v1/shield.svg?type=channel&channel=a" />
<img src="https://open.rocket.chat/api/v1/shield.svg?type=channel&channel=b" />
<img src="https://open.rocket.chat/api/v1/shield.svg?type=channel&channel=c" />
<img src="https://open.rocket.chat/api/v1/shield.svg?type=channel&channel=d" />
<img src="https://open.rocket.chat/api/v1/shield.svg?type=channel&channel=e" />
<img src="https://open.rocket.chat/api/v1/shield.svg?type=channel&channel=f" />
<img src="https://open.rocket.chat/api/v1/shield.svg?type=channel&channel=g" />
<img src="https://open.rocket.chat/api/v1/shield.svg?type=channel&channel=h" />
<img src="https://open.rocket.chat/api/v1/shield.svg?type=channel&channel=i" />
<img src="https://open.rocket.chat/api/v1/shield.svg?type=channel&channel=j" />
<img src="https://open.rocket.chat/api/v1/shield.svg?type=channel&channel=k" />
<img src="https://open.rocket.chat/api/v1/shield.svg?type=channel&channel=l" />

<object type="image/svg+xml" data="https://open.rocket.chat/api/v1/shield.svg?type=channel&channel=general">
    <!-- Fall back to image tag if svg fails -->
    <img src="https://open.rocket.chat/api/v1/shield.svg?type=channel&channel=general" />
</object>