imgs/font_02/syn/02_10.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: 8;
		animation-name: dash00 
}
@keyframes dash00 {
	0.0% {
		stroke-dashoffset: 8;
	}
	5.40001961540335% {
		stroke-dashoffset: 0;
	}
}
.path01 {
		stroke-dasharray: 13;
		animation-name: dash01 
}
@keyframes dash01 {
	0%, 5.40001961540335% {
		stroke-dashoffset: 13;
	}
	13.545517790651525% {
		stroke-dashoffset: 0;
	}
}
.path02 {
		stroke-dasharray: 14;
		animation-name: dash02 
}
@keyframes dash02 {
	0%, 13.545517790651525% {
		stroke-dashoffset: 14;
	}
	22.60240008882017% {
		stroke-dashoffset: 0;
	}
}
.path03 {
		stroke-dasharray: 9;
		animation-name: dash03 
}
@keyframes dash03 {
	0%, 22.60240008882017% {
		stroke-dashoffset: 9;
	}
	28.497340238178946% {
		stroke-dashoffset: 0;
	}
}
.path04 {
		stroke-dasharray: 16;
		animation-name: dash04 
}
@keyframes dash04 {
	0%, 28.497340238178946% {
		stroke-dashoffset: 16;
	}
	38.739572926331824% {
		stroke-dashoffset: 0;
	}
}
.path05 {
		stroke-dasharray: 19;
		animation-name: dash05 
}
@keyframes dash05 {
	0%, 38.739572926331824% {
		stroke-dashoffset: 19;
	}
	51.177648111081695% {
		stroke-dashoffset: 0;
	}
}
.path06 {
		stroke-dasharray: 9;
		animation-name: dash06 
}
@keyframes dash06 {
	0%, 51.177648111081695% {
		stroke-dashoffset: 9;
	}
	57.3930120038664% {
		stroke-dashoffset: 0;
	}
}
.path07 {
		stroke-dasharray: 14;
		animation-name: dash07 
}
@keyframes dash07 {
	0%, 57.3930120038664% {
		stroke-dashoffset: 14;
	}
	66.25403162007524% {
		stroke-dashoffset: 0;
	}
}
.path08 {
		stroke-dasharray: 12;
		animation-name: dash08 
}
@keyframes dash08 {
	0%, 66.25403162007524% {
		stroke-dashoffset: 12;
	}
	74.28313153288215% {
		stroke-dashoffset: 0;
	}
}
.path09 {
		stroke-dasharray: 8;
		animation-name: dash09 
}
@keyframes dash09 {
	0%, 74.28313153288215% {
		stroke-dashoffset: 8;
	}
	79.79631446209693% {
		stroke-dashoffset: 0;
	}
}
.path10 {
		stroke-dasharray: 32;
		animation-name: dash10 
}
@keyframes dash10 {
	0%, 79.79631446209693% {
		stroke-dashoffset: 32;
	}
	100.0% {
		stroke-dashoffset: 0;
	}
}
</style>
<path class="pen path00" d="M 6.146515130996704 6.565371036529541 L 10.456729173660278 6.560706138610840 " fill="none" stroke="black" stroke-width="0.3"></path>
<path class="pen path01" d="M 10.456729173660278 6.560706138610840 L 10.524776458740234 13.061967372894287 " fill="none" stroke="black" stroke-width="0.3"></path>
<path class="pen path02" d="M 10.524776458740234 13.061967372894287 C 11.970984935760498 10.516427993774414 13.117361068725586 7.688624382019043 13.675470829010010 6.558609724044800 " fill="none" stroke="black" stroke-width="0.3"></path>
<path class="pen path03" d="M 13.675470829010010 6.558609724044800 L 18.380713462829590 6.569348573684692 " fill="none" stroke="black" stroke-width="0.3"></path>
<path class="pen path04" d="M 18.380713462829590 6.569348573684692 C 17.600091934204102 8.603148937225342 15.509433746337891 11.502880096435547 14.603055953979492 13.810805797576904 " fill="none" stroke="black" stroke-width="0.3"></path>
<path class="pen path05" d="M 14.603055953979492 13.810805797576904 C 15.891752243041992 16.261748313903809 18.009512901306152 20.621988773345947 19.042389392852783 22.690624237060547 " fill="none" stroke="black" stroke-width="0.3"></path>
<path class="pen path06" d="M 19.042389392852783 22.690624237060547 L 14.081379890441895 22.685236930847168 " fill="none" stroke="black" stroke-width="0.3"></path>
<path class="pen path07" d="M 14.081379890441895 22.685236930847168 C 13.067049980163574 20.184678554534912 12.204294204711914 17.592158317565918 11.006272315979004 16.356257915496826 " fill="none" stroke="black" stroke-width="0.3"></path>
<path class="pen path08" d="M 11.006272315979004 16.356257915496826 C 10.322899818420410 17.326380729675293 10.522847414016724 19.937833786010742 10.567139625549316 22.685982227325439 " fill="none" stroke="black" stroke-width="0.3"></path>
<path class="pen path09" d="M 10.567139625549316 22.685982227325439 L 6.166599512100220 22.689910411834717 " fill="none" stroke="black" stroke-width="0.3"></path>
<path class="pen path10" d="M 6.166599512100220 22.689910411834717 C 6.304807662963867 19.955537796020508 6.255012989044189 11.880136013031006 6.146515130996704 6.565371036529541 " fill="none" stroke="black" stroke-width="0.3"></path>
</svg>