imgs/font_02/syn/02_06.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: 14;
		animation-name: dash00 
}
@keyframes dash00 {
	0.0% {
		stroke-dashoffset: 14;
	}
	8.980395428969299% {
		stroke-dashoffset: 0;
	}
}
.path01 {
		stroke-dasharray: 4;
		animation-name: dash01 
}
@keyframes dash01 {
	0%, 8.980395428969299% {
		stroke-dashoffset: 4;
	}
	11.578543042000922% {
		stroke-dashoffset: 0;
	}
}
.path02 {
		stroke-dasharray: 6;
		animation-name: dash02 
}
@keyframes dash02 {
	0%, 11.578543042000922% {
		stroke-dashoffset: 6;
	}
	15.859442367242343% {
		stroke-dashoffset: 0;
	}
}
.path03 {
		stroke-dasharray: 2;
		animation-name: dash03 
}
@keyframes dash03 {
	0%, 15.859442367242343% {
		stroke-dashoffset: 2;
	}
	17.281081192267948% {
		stroke-dashoffset: 0;
	}
}
.path04 {
		stroke-dasharray: 5;
		animation-name: dash04 
}
@keyframes dash04 {
	0%, 17.281081192267948% {
		stroke-dashoffset: 5;
	}
	20.73567899925645% {
		stroke-dashoffset: 0;
	}
}
.path05 {
		stroke-dasharray: 8;
		animation-name: dash05 
}
@keyframes dash05 {
	0%, 20.73567899925645% {
		stroke-dashoffset: 8;
	}
	26.23478639897813% {
		stroke-dashoffset: 0;
	}
}
.path06 {
		stroke-dasharray: 4;
		animation-name: dash06 
}
@keyframes dash06 {
	0%, 26.23478639897813% {
		stroke-dashoffset: 4;
	}
	29.171460106936042% {
		stroke-dashoffset: 0;
	}
}
.path07 {
		stroke-dasharray: 9;
		animation-name: dash07 
}
@keyframes dash07 {
	0%, 29.171460106936042% {
		stroke-dashoffset: 9;
	}
	34.90154815321709% {
		stroke-dashoffset: 0;
	}
}
.path08 {
		stroke-dasharray: 3;
		animation-name: dash08 
}
@keyframes dash08 {
	0%, 34.90154815321709% {
		stroke-dashoffset: 3;
	}
	37.30544882068824% {
		stroke-dashoffset: 0;
	}
}
.path09 {
		stroke-dasharray: 5;
		animation-name: dash09 
}
@keyframes dash09 {
	0%, 37.30544882068824% {
		stroke-dashoffset: 5;
	}
	40.733130436962526% {
		stroke-dashoffset: 0;
	}
}
.path10 {
		stroke-dasharray: 3;
		animation-name: dash10 
}
@keyframes dash10 {
	0%, 40.733130436962526% {
		stroke-dashoffset: 3;
	}
	42.64945295050241% {
		stroke-dashoffset: 0;
	}
}
.path11 {
		stroke-dasharray: 5;
		animation-name: dash11 
}
@keyframes dash11 {
	0%, 42.64945295050241% {
		stroke-dashoffset: 5;
	}
	46.02910961093294% {
		stroke-dashoffset: 0;
	}
}
.path12 {
		stroke-dasharray: 11;
		animation-name: dash12 
}
@keyframes dash12 {
	0%, 46.02910961093294% {
		stroke-dashoffset: 11;
	}
	52.988271016652476% {
		stroke-dashoffset: 0;
	}
}
.path13 {
		stroke-dasharray: 17;
		animation-name: dash13 
}
@keyframes dash13 {
	0%, 52.988271016652476% {
		stroke-dashoffset: 17;
	}
	63.959148975446155% {
		stroke-dashoffset: 0;
	}
}
.path14 {
		stroke-dasharray: 6;
		animation-name: dash14 
}
@keyframes dash14 {
	0%, 63.959148975446155% {
		stroke-dashoffset: 6;
	}
	68.29836882783582% {
		stroke-dashoffset: 0;
	}
}
.path15 {
		stroke-dasharray: 3;
		animation-name: dash15 
}
@keyframes dash15 {
	0%, 68.29836882783582% {
		stroke-dashoffset: 3;
	}
	70.43582628563041% {
		stroke-dashoffset: 0;
	}
}
.path16 {
		stroke-dasharray: 4;
		animation-name: dash16 
}
@keyframes dash16 {
	0%, 70.43582628563041% {
		stroke-dashoffset: 4;
	}
	73.10505815350898% {
		stroke-dashoffset: 0;
	}
}
.path17 {
		stroke-dasharray: 20;
		animation-name: dash17 
}
@keyframes dash17 {
	0%, 73.10505815350898% {
		stroke-dashoffset: 20;
	}
	85.90931931096144% {
		stroke-dashoffset: 0;
	}
}
.path18 {
		stroke-dasharray: 22;
		animation-name: dash18 
}
@keyframes dash18 {
	0%, 85.90931931096144% {
		stroke-dashoffset: 22;
	}
	100.0% {
		stroke-dashoffset: 0;
	}
}
</style>
<path class="pen path00" d="M 11.387010812759399 6.431573152542114 C 13.908004760742188 6.040474176406860 17.097082614898682 7.137709379196167 16.984442710876465 9.403367757797241 " fill="none" stroke="black" stroke-width="0.3"></path>
<path class="pen path01" d="M 16.984442710876465 9.403367757797241 L 17.130168914794922 11.464985847473145 " fill="none" stroke="black" stroke-width="0.3"></path>
<path class="pen path02" d="M 17.130168914794922 11.464985847473145 L 13.744550228118896 11.098939418792725 " fill="none" stroke="black" stroke-width="0.3"></path>
<path class="pen path03" d="M 13.744550228118896 11.098939418792725 L 13.495224952697754 9.995887756347656 " fill="none" stroke="black" stroke-width="0.3"></path>
<path class="pen path04" d="M 13.495224952697754 9.995887756347656 C 11.562789916992188 9.520515918731689 10.659228801727295 10.380794048309326 11.696813821792603 9.810785293579102 " fill="none" stroke="black" stroke-width="0.3"></path>
<path class="pen path05" d="M 11.696813821792603 9.810785293579102 C 10.630999803543091 10.227278709411621 10.599605083465576 10.661367416381836 10.355506181716919 13.686339855194092 " fill="none" stroke="black" stroke-width="0.3"></path>
<path class="pen path06" d="M 10.355506181716919 13.686339855194092 L 10.305039882659912 16.021845817565918 " fill="none" stroke="black" stroke-width="0.3"></path>
<path class="pen path07" d="M 10.305039882659912 16.021845817565918 C 10.460483551025391 18.939328193664551 10.605671882629395 19.581760883331299 12.042164325714111 19.635322093963623 " fill="none" stroke="black" stroke-width="0.3"></path>
<path class="pen path08" d="M 12.042164325714111 19.635322093963623 C 11.036197900772095 19.543892383575439 12.576460361480713 19.801596164703369 13.242536544799805 19.351422786712646 " fill="none" stroke="black" stroke-width="0.3"></path>
<path class="pen path09" d="M 13.242536544799805 19.351422786712646 L 13.543290138244629 16.641424655914307 " fill="none" stroke="black" stroke-width="0.3"></path>
<path class="pen path10" d="M 13.543290138244629 16.641424655914307 L 12.018970012664795 16.627139568328857 " fill="none" stroke="black" stroke-width="0.3"></path>
<path class="pen path11" d="M 12.018970012664795 16.627139568328857 L 12.036279201507568 13.938762187957764 " fill="none" stroke="black" stroke-width="0.3"></path>
<path class="pen path12" d="M 12.036279201507568 13.938762187957764 L 17.571475982666016 13.854349136352539 " fill="none" stroke="black" stroke-width="0.3"></path>
<path class="pen path13" d="M 17.571475982666016 13.854349136352539 L 17.490882396697998 22.581038475036621 " fill="none" stroke="black" stroke-width="0.3"></path>
<path class="pen path14" d="M 17.490882396697998 22.581038475036621 L 14.039842128753662 22.511448383331299 " fill="none" stroke="black" stroke-width="0.3"></path>
<path class="pen path15" d="M 14.039842128753662 22.511448383331299 C 13.341320375124592 22.784527717655955 12.799748884351278 22.910437312059507 12.400813732581728 22.941906802423784 " fill="none" stroke="black" stroke-width="0.3"></path>
<path class="pen path16" d="M 12.400813732581728 22.941906802423784 C 11.915004817070400 23.014250153046966 11.206273367882245 22.987549007787258 10.285295963287354 22.860845088958740 " fill="none" stroke="black" stroke-width="0.3"></path>
<path class="pen path17" d="M 10.285295963287354 22.860845088958740 C 6.523566484451294 21.794886589050293 5.941380500793457 19.741855144500732 5.932306408882141 14.754804611206055 " fill="none" stroke="black" stroke-width="0.3"></path>
<path class="pen path18" d="M 5.932306408882141 14.754804611206055 C 5.872531771659851 9.601663112640381 7.048572778701782 7.145658016204834 11.387010812759399 6.431573152542114 " fill="none" stroke="black" stroke-width="0.3"></path>
</svg>