JSFiddle - React, Tailwind, and code Playground

HTML

<figure id="keyword">
	<div></div>
	
</figure>

CSS

#keyword div {
		background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(4,71,87,1)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 8h24M4 16h24M4 24h24'/%3E%3C/svg%3E")
}

html {
		font: 1em/1.5 sans-serif;
}

figure {
		margin: 5em 20em;
		padding: 0
}

figcaption {
		margin-top: 0.5em;
		max-width: 80ch
}

figure>div {
		width: 100%;
		height: 4em;
		background-repeat: no-repeat
}

* {
		box-sizing: border-box
}