svg 符号

<a class="close-x" href="javascript:void(0)" onclick="javascript:window.parent.modalClose()">
	<svg viewBox="0 0 24 24">
		<path d="M22.2,4c0,0,0.5,0.6,0,1.1l-6.8,6.8l6.9,6.9c0.5,0.5,0,1.1,0,1.1L20,22.3c0,0-0.6,0.5-1.1,0L12,15.4l-6.9,6.9c-0.5,0.5-1.1,0-1.1,0L1.7,20c0,0-0.5-0.6,0-1.1L8.6,12L1.7,5.1C1.2,4.6,1.7,4,1.7,4L4,1.7c0,0,0.6-0.5,1.1,0L12,8.5l6.8-6.8c0.5-0.5,1.1,0,1.1,0L22.2,4z" /></svg>
	关闭
</a>
.close-x svg {
	position: relative;
	top: 2px;
	width: 14px;
	height: 14px;
}

.close-x path {
	fill: #ff8040;
}

.close-x:hover path {
	fill: #008080;
}

 

 

猜你喜欢

转载自colin-davis.iteye.com/blog/2327753
SVG