imgs/font_02/syn/02_30.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: 16;
		animation-name: dash00 
}
@keyframes dash00 {
	0.0% {
		stroke-dashoffset: 16;
	}
	14.027794463802916% {
		stroke-dashoffset: 0;
	}
}
.path01 {
		stroke-dasharray: 3;
		animation-name: dash01 
}
@keyframes dash01 {
	0%, 14.027794463802916% {
		stroke-dashoffset: 3;
	}
	16.60927577455063% {
		stroke-dashoffset: 0;
	}
}
.path02 {
		stroke-dasharray: 13;
		animation-name: dash02 
}
@keyframes dash02 {
	0%, 16.60927577455063% {
		stroke-dashoffset: 13;
	}
	27.785524666557517% {
		stroke-dashoffset: 0;
	}
}
.path03 {
		stroke-dasharray: 6;
		animation-name: dash03 
}
@keyframes dash03 {
	0%, 27.785524666557517% {
		stroke-dashoffset: 6;
	}
	33.54484900594625% {
		stroke-dashoffset: 0;
	}
}
.path04 {
		stroke-dasharray: 8;
		animation-name: dash04 
}
@keyframes dash04 {
	0%, 33.54484900594625% {
		stroke-dashoffset: 8;
	}
	40.95882729914048% {
		stroke-dashoffset: 0;
	}
}
.path05 {
		stroke-dasharray: 1;
		animation-name: dash05 
}
@keyframes dash05 {
	0%, 40.95882729914048% {
		stroke-dashoffset: 1;
	}
	41.21199944748049% {
		stroke-dashoffset: 0;
	}
}
.path06 {
		stroke-dasharray: 13;
		animation-name: dash06 
}
@keyframes dash06 {
	0%, 41.21199944748049% {
		stroke-dashoffset: 13;
	}
	52.637811184991826% {
		stroke-dashoffset: 0;
	}
}
.path07 {
		stroke-dasharray: 19;
		animation-name: dash07 
}
@keyframes dash07 {
	0%, 52.637811184991826% {
		stroke-dashoffset: 19;
	}
	69.04858668032932% {
		stroke-dashoffset: 0;
	}
}
.path08 {
		stroke-dasharray: 18;
		animation-name: dash08 
}
@keyframes dash08 {
	0%, 69.04858668032932% {
		stroke-dashoffset: 18;
	}
	85.00210100056408% {
		stroke-dashoffset: 0;
	}
}
.path09 {
		stroke-dasharray: 6;
		animation-name: dash09 
}
@keyframes dash09 {
	0%, 85.00210100056408% {
		stroke-dashoffset: 6;
	}
	90.67570452121801% {
		stroke-dashoffset: 0;
	}
}
.path10 {
		stroke-dasharray: 4;
		animation-name: dash10 
}
@keyframes dash10 {
	0%, 90.67570452121801% {
		stroke-dashoffset: 4;
	}
	94.85836640157015% {
		stroke-dashoffset: 0;
	}
}
.path11 {
		stroke-dasharray: 6;
		animation-name: dash11 
}
@keyframes dash11 {
	0%, 94.85836640157015% {
		stroke-dashoffset: 6;
	}
	100.0% {
		stroke-dashoffset: 0;
	}
}
</style>
<path class="pen path00" d="M 12.282217025756836 10.331957817077637 C 15.153814315795898 10.494925260543823 17.028276443481445 12.572619438171387 17.153104305267334 15.886186122894287 " fill="none" stroke="black" stroke-width="0.3"></path>
<path class="pen path01" d="M 17.153104305267334 15.886186122894287 L 17.220065116882324 17.394533157348633 " fill="none" stroke="black" stroke-width="0.3"></path>
<path class="pen path02" d="M 17.220065116882324 17.394533157348633 L 10.689077854156494 17.666795253753662 " fill="none" stroke="black" stroke-width="0.3"></path>
<path class="pen path03" d="M 10.689077854156494 17.666795253753662 C 10.462245225906372 17.505522251129150 10.737663745880127 20.184684276580811 12.245936393737793 20.220758914947510 " fill="none" stroke="black" stroke-width="0.3"></path>
<path class="pen path04" d="M 12.245936393737793 20.220758914947510 C 13.936650753021240 20.521818637847900 15.201344490051270 19.291800498962402 16.450704574584961 19.404251575469971 " fill="none" stroke="black" stroke-width="0.3"></path>
<path class="pen path05" d="M 16.450704574584961 19.404251575469971 L 16.588155269622803 19.459323406219482 " fill="none" stroke="black" stroke-width="0.3"></path>
<path class="pen path06" d="M 16.588155269622803 19.459323406219482 C 17.308027267456055 22.203440666198730 15.268491268157959 22.802581787109375 12.353353500366211 23.077407360076904 " fill="none" stroke="black" stroke-width="0.3"></path>
<path class="pen path07" d="M 12.353353500366211 23.077407360076904 C 8.908980846405029 23.003750324249268 6.736362934112549 20.667401790618896 6.849242448806763 16.643872261047363 " fill="none" stroke="black" stroke-width="0.3"></path>
<path class="pen path08" d="M 6.849242448806763 16.643872261047363 C 6.787899971008301 12.964678287506104 8.928619623184204 10.497156143188477 12.282217025756836 10.331957817077637 " fill="none" stroke="black" stroke-width="0.3"></path>
<path class="pen path09" d="M 12.334098815917969 12.968586444854736 C 11.180169582366943 12.707000255584717 10.865969896316528 13.553242206573486 10.506625413894653 15.205455780029297 " fill="none" stroke="black" stroke-width="0.3"></path>
<path class="pen path10" d="M 10.506625413894653 15.205455780029297 L 12.952795028686523 15.178683757781982 " fill="none" stroke="black" stroke-width="0.3"></path>
<path class="pen path11" d="M 12.952795028686523 15.178683757781982 C 13.973094463348389 15.041082859039307 13.205214500427246 12.810785293579102 12.334098815917969 12.968586444854736 " fill="none" stroke="black" stroke-width="0.3"></path>
</svg>