JSFiddle - React, Tailwind, and code Playground
by Thibault Coupin
HTML
<div class="refuge-icon">
<div class="content">
<svg class="line" height="150" width="50">
<line x1="0" y1="90" x2="50" y2="150" style="stroke:rgb(0,0,0);stroke-width:3" />
<line x1="0" y1="10" x2="0" y2="140" style="stroke:rgb(0,0,0);stroke-width:3" />
Sorry, your browser does not support inline SVG.
</svg>
</div>
CSS
.refuge-icon {
border: 1px solid;
height: 150px;
width: 200px;
}
.content {
width: 150px;
}
.line {
height: 150px;
width: 50px;
}