JSFiddle - React, Tailwind, and code Playground

HTML

<div id="type_box" class="box_okay"></div>
    <div id="type_box" class="box_Warning"></div>
    <div id="type_box" class="box_Error"></div>
    <div id="type_box" class="box_Maintenance"></div>

CSS

#type_box {
    	width:30px;
    	height:30px;
    	margin-right:5px;
    	border-radius:20px;
    }
    .box_okay {
    	background:url(http://s22.postimg.org/o4zp9zeu5/tick.png) no-repeat;
    }
    .box_none {
    	background:#000000;
    }
    .box_Warning {
    	background:url(http://s22.postimg.org/o4zp9zeu5/tick.png) no-repeat;
    }
    .box_Error {
    	background:url(http://s8.postimg.org/juv72insx/cross.png) no-repeat;
    }
    .box_Maintenance {
    	background:url(http://s22.postimg.org/d6ofrsq8t/spanner.png) no-repeat;
    }