JSFiddle - React, Tailwind, and code Playground

by seabon

HTML

<svg version="1.1" id="layer" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
										 viewBox="15 15 102 102" style="enable-background:new 0 0 132 132;" xml:space="preserve" data-link="go_down">
									<g class="cross-circle">
										<g class="go-clockwise">
											<circle class="st0" cx="66" cy="66" r="43.7"/>
										</g>
									</g>
									<g class="down">
										<polyline class="st1" points="76.4,71 66,81.4 55.6,71 "/>
										<line class="st1" x1="66" y1="81" x2="66" y2="47"/>
									</g>
								</svg>

CSS

body{
    background:black;
}

#layer{
    stroke:white;
    width: 140px;
}

.down{
    position:relative;
    top:-20px;
}