imgs/font_12/syn/12_08.svg

<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="50px" height="50px" viewBox="0 0 24 24">
<style type="text/css">
.pen {
	stroke-dashoffset: 0;
	animation-duration: 10s;
	animation-iteration-count: 1000;
	animation-timing-function: ease;
}
.path00 {
		stroke-dasharray: 32;
		animation-name: dash00 
}
@keyframes dash00 {
	0.0% {
		stroke-dashoffset: 32;
	}
	44.90467558273499% {
		stroke-dashoffset: 0;
	}
}
.path01 {
		stroke-dasharray: 3;
		animation-name: dash01 
}
@keyframes dash01 {
	0%, 44.90467558273499% {
		stroke-dashoffset: 3;
	}
	50.220090076446525% {
		stroke-dashoffset: 0;
	}
}
.path02 {
		stroke-dasharray: 32;
		animation-name: dash02 
}
@keyframes dash02 {
	0%, 50.220090076446525% {
		stroke-dashoffset: 32;
	}
	94.78447828988304% {
		stroke-dashoffset: 0;
	}
}
.path03 {
		stroke-dasharray: 3;
		animation-name: dash03 
}
@keyframes dash03 {
	0%, 94.78447828988304% {
		stroke-dashoffset: 3;
	}
	100.0% {
		stroke-dashoffset: 0;
	}
}
</style>
<path class="pen path00" d="M 15.136748313903809 6.639081001281738 L 11.391383886337280 22.684331417083740 " fill="none" stroke="black" stroke-width="0.3"></path>
<path class="pen path01" d="M 11.391383886337280 22.684331417083740 L 9.441041707992554 22.690150737762451 " fill="none" stroke="black" stroke-width="0.3"></path>
<path class="pen path02" d="M 9.441041707992554 22.690150737762451 L 13.228477478027344 6.783101320266724 " fill="none" stroke="black" stroke-width="0.3"></path>
<path class="pen path03" d="M 13.228477478027344 6.783101320266724 L 15.136748313903809 6.639081001281738 " fill="none" stroke="black" stroke-width="0.3"></path>
</svg>