#lilArrow {
	position: relative;
	width: 15px; height: 15px;
}
	#lilArrow > .one {
		width: 100%; border-bottom: 1px solid black;
		position: absolute; top: calc(50% - 1px); transform: rotate(-45deg);
		right: -35.4%;
	}
	#lilArrow > .two {
		width: 100%; border-bottom: 1px solid black;
		position: absolute; top: calc(50% - 1px); transform: rotate(45deg);
		left: -35.4%;
	}
/*
<div id=lilArrow>
	<div class=one></div>
	<div class=two></div>
</div>
*/


#searchIcon {
	position: relative;
	width: 25px; height: 25px;
}
	#searchIcon > .circle {
		width: 80%; height: 80%; border-radius: 100%;
		border: 1px solid black;
		position: absolute; top: 0; left: 0;
	}
	#searchIcon > .line {
		width: 20%; height: 1px;
		border-bottom: 1px solid black;
		position: absolute; bottom: 16%; right: 8%; transform: rotate(45deg);
	}
/*
<div id=searchIcon>
	<div class=circle></div>
	<div class=line></div>
</div>
*/


#lilPlus {
	position: relative;
	width: 15px; height: 15px;
}
	#lilPlus > .one {
		width: 100%; border-bottom: 3px solid black;
		position: absolute; left: 0; top: calc(50% - 3px);
	}
	#lilPlus > .two {
		height: 100%; border-right: 3px solid black;
		position: absolute; top: 0; left: calc(50% - 3px);
	}
/*
<div id=lilPlus>
	<div class=one></div>
	<div class=two></div>
</div>
*/


.lilCross {
	position: relative;
	width: 15px; height: 15px;
}
	.lilCross > .one {
		width: 141.42%; height: 3px;
		position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%) rotate(45deg);
		background: black;
	}
	.lilCross > .two {
		width: 141.42%; height: 3px;
		position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%) rotate(-45deg);
		background: black;
	}
/*
<div class=lilCross>
	<div class=one></div>
	<div class=two></div>
</div>
*/