imgs/font_02/syn/02_09.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;
	}
	8.28407116737582% {
		stroke-dashoffset: 0;
	}
}
.path01 {
		stroke-dasharray: 24;
		animation-name: dash01 
}
@keyframes dash01 {
	0%, 8.28407116737582% {
		stroke-dashoffset: 24;
	}
	33.44975623824114% {
		stroke-dashoffset: 0;
	}
}
.path02 {
		stroke-dasharray: 14;
		animation-name: dash02 
}
@keyframes dash02 {
	0%, 33.44975623824114% {
		stroke-dashoffset: 14;
	}
	48.78851602630451% {
		stroke-dashoffset: 0;
	}
}
.path03 {
		stroke-dasharray: 7;
		animation-name: dash03 
}
@keyframes dash03 {
	0%, 48.78851602630451% {
		stroke-dashoffset: 7;
	}
	56.66373126697167% {
		stroke-dashoffset: 0;
	}
}
.path04 {
		stroke-dasharray: 6;
		animation-name: dash04 
}
@keyframes dash04 {
	0%, 56.66373126697167% {
		stroke-dashoffset: 6;
	}
	63.5939261688571% {
		stroke-dashoffset: 0;
	}
}
.path05 {
		stroke-dasharray: 7;
		animation-name: dash05 
}
@keyframes dash05 {
	0%, 63.5939261688571% {
		stroke-dashoffset: 7;
	}
	71.29362988169267% {
		stroke-dashoffset: 0;
	}
}
.path06 {
		stroke-dasharray: 5;
		animation-name: dash06 
}
@keyframes dash06 {
	0%, 71.29362988169267% {
		stroke-dashoffset: 5;
	}
	77.33543312188549% {
		stroke-dashoffset: 0;
	}
}
.path07 {
		stroke-dasharray: 21;
		animation-name: dash07 
}
@keyframes dash07 {
	0%, 77.33543312188549% {
		stroke-dashoffset: 21;
	}
	100.0% {
		stroke-dashoffset: 0;
	}
}
</style>
<path class="pen path00" d="M 11.604738950729370 6.644260883331299 L 15.612369060516357 6.661416292190552 " fill="none" stroke="black" stroke-width="0.3"></path>
<path class="pen path01" d="M 15.612369060516357 6.661416292190552 L 15.585388183593750 18.836038112640381 " fill="none" stroke="black" stroke-width="0.3"></path>
<path class="pen path02" d="M 15.585388183593750 18.836038112640381 C 15.596900939941406 21.568081855773926 13.892021656036377 23.107164859771729 10.646934986114502 23.019824981689453 " fill="none" stroke="black" stroke-width="0.3"></path>
<path class="pen path03" d="M 10.646934986114502 23.019824981689453 C 8.142283201217651 22.618204593658447 7.654877185821533 22.255203723907471 7.586435794830322 21.331024646759033 " fill="none" stroke="black" stroke-width="0.3"></path>
<path class="pen path04" d="M 7.586435794830322 21.331024646759033 L 7.471470594406128 17.980307579040527 " fill="none" stroke="black" stroke-width="0.3"></path>
<path class="pen path05" d="M 7.471470594406128 17.980307579040527 C 10.704364299774170 17.719154834747314 9.183233499526978 18.089313983917236 10.187381744384766 19.468113899230957 " fill="none" stroke="black" stroke-width="0.3"></path>
<path class="pen path06" d="M 10.187381744384766 19.468113899230957 C 11.847764968872070 19.829986095428467 11.424257040023804 18.541135311126709 11.578083515167236 17.608889579772949 " fill="none" stroke="black" stroke-width="0.3"></path>
<path class="pen path07" d="M 11.578083515167236 17.608889579772949 L 11.604738950729370 6.644260883331299 " fill="none" stroke="black" stroke-width="0.3"></path>
</svg>