JSFiddle - React, Tailwind, and code Playground

by dru_zod

HTML

<svg version="1.0" xmlns:xlink="http://www.w3.org/1999/xlink" width="200px" height="200px" viewBox="0 0 26 26" style="enable-background:new 0 0 26 26;">
<g>
	<path d="M8,16h8c0.553,0,1-0.447,1-1s-0.447-1-1-1H8c-0.552,0-1,0.447-1,1S7.448,16,8,16z"></path>
	<path d="M18,10H8c-0.552,0-1,0.448-1,1s0.448,1,1,1h10c0.553,0,1-0.448,1-1S18.553,10,18,10z"></path>
	<path d="M18,18H8c-0.552,0-1,0.447-1,1s0.448,1,1,1h10c0.553,0,1-0.447,1-1S18.553,18,18,18z"></path>
	<path d="M20.266,4.207L20.266,4.207c-0.244-0.24-0.494-0.484-0.74-0.732c-0.248-0.246-0.492-0.496-0.732-0.74
		C17.082,0.988,16.063,0,15,0H7C4.795,0,3,1.795,3,4v18c0,2.205,1.795,4,4,4h12c2.205,0,4-1.795,4-4V8
		C23,6.938,22.012,5.918,20.266,4.207z M21,22L21,22c0,1.104-0.896,2-2,2H7c-1.104,0-2-0.896-2-2V4c0-1.104,0.896-2,2-2l7.289-0.004
		C15.01,2.18,15,3.066,15,3.953V7c0,0.551,0.449,1,1,1h3c0.998,0,2,0.005,2,1V22z"></path>
</g>
</svg>

CSS

svg {
fill: rgb(169, 56, 166);
}