imgs/font_02/syn/02_12.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: 11;
		animation-name: dash00 
}
@keyframes dash00 {
	0.0% {
		stroke-dashoffset: 11;
	}
	4.9994449978270445% {
		stroke-dashoffset: 0;
	}
}
.path01 {
		stroke-dasharray: 17;
		animation-name: dash01 
}
@keyframes dash01 {
	0%, 4.9994449978270445% {
		stroke-dashoffset: 17;
	}
	12.582526066295129% {
		stroke-dashoffset: 0;
	}
}
.path02 {
		stroke-dasharray: 17;
		animation-name: dash02 
}
@keyframes dash02 {
	0%, 12.582526066295129% {
		stroke-dashoffset: 17;
	}
	20.206816082719214% {
		stroke-dashoffset: 0;
	}
}
.path03 {
		stroke-dasharray: 11;
		animation-name: dash03 
}
@keyframes dash03 {
	0%, 20.206816082719214% {
		stroke-dashoffset: 11;
	}
	25.23679541874092% {
		stroke-dashoffset: 0;
	}
}
.path04 {
		stroke-dasharray: 32;
		animation-name: dash04 
}
@keyframes dash04 {
	0%, 25.23679541874092% {
		stroke-dashoffset: 32;
	}
	39.2196434789217% {
		stroke-dashoffset: 0;
	}
}
.path05 {
		stroke-dasharray: 7;
		animation-name: dash05 
}
@keyframes dash05 {
	0%, 39.2196434789217% {
		stroke-dashoffset: 7;
	}
	42.54552358979707% {
		stroke-dashoffset: 0;
	}
}
.path06 {
		stroke-dasharray: 21;
		animation-name: dash06 
}
@keyframes dash06 {
	0%, 42.54552358979707% {
		stroke-dashoffset: 21;
	}
	52.08255566663985% {
		stroke-dashoffset: 0;
	}
}
.path07 {
		stroke-dasharray: 22;
		animation-name: dash07 
}
@keyframes dash07 {
	0%, 52.08255566663985% {
		stroke-dashoffset: 22;
	}
	61.84565885701665% {
		stroke-dashoffset: 0;
	}
}
.path08 {
		stroke-dasharray: 6;
		animation-name: dash08 
}
@keyframes dash08 {
	0%, 61.84565885701665% {
		stroke-dashoffset: 6;
	}
	64.63384527210337% {
		stroke-dashoffset: 0;
	}
}
.path09 {
		stroke-dasharray: 21;
		animation-name: dash09 
}
@keyframes dash09 {
	0%, 64.63384527210337% {
		stroke-dashoffset: 21;
	}
	73.79501282188996% {
		stroke-dashoffset: 0;
	}
}
.path10 {
		stroke-dasharray: 20;
		animation-name: dash10 
}
@keyframes dash10 {
	0%, 73.79501282188996% {
		stroke-dashoffset: 20;
	}
	82.78658863319053% {
		stroke-dashoffset: 0;
	}
}
.path11 {
		stroke-dasharray: 7;
		animation-name: dash11 
}
@keyframes dash11 {
	0%, 82.78658863319053% {
		stroke-dashoffset: 7;
	}
	85.93744902391012% {
		stroke-dashoffset: 0;
	}
}
.path12 {
		stroke-dasharray: 32;
		animation-name: dash12 
}
@keyframes dash12 {
	0%, 85.93744902391012% {
		stroke-dashoffset: 32;
	}
	100.0% {
		stroke-dashoffset: 0;
	}
}
</style>
<path class="pen path00" d="M 4.360710382461548 6.563149452209473 L 10.092076063156128 6.683186531066895 " fill="none" stroke="black" stroke-width="0.3"></path>
<path class="pen path01" d="M 10.092076063156128 6.683186531066895 L 11.868792057037354 15.194882869720459 " fill="none" stroke="black" stroke-width="0.3"></path>
<path class="pen path02" d="M 11.868792057037354 15.194882869720459 C 12.958610057830811 11.938475847244263 13.128622055053711 8.433320045471191 13.714320659637451 6.659224033355713 " fill="none" stroke="black" stroke-width="0.3"></path>
<path class="pen path03" d="M 13.714320659637451 6.659224033355713 L 19.481954097747803 6.655234336853027 " fill="none" stroke="black" stroke-width="0.3"></path>
<path class="pen path04" d="M 19.481954097747803 6.655234336853027 L 19.380281925201416 22.688369750976562 " fill="none" stroke="black" stroke-width="0.3"></path>
<path class="pen path05" d="M 19.380281925201416 22.688369750976562 L 15.566655635833740 22.687501430511475 " fill="none" stroke="black" stroke-width="0.3"></path>
<path class="pen path06" d="M 15.566655635833740 22.687501430511475 C 15.598261356353760 18.928462028503418 15.486898899078369 14.406479358673096 15.578330039978027 11.752319812774658 " fill="none" stroke="black" stroke-width="0.3"></path>
<path class="pen path07" d="M 15.578330039978027 11.752319812774658 C 14.646467685699463 14.911016464233398 14.245745658874512 19.787176609039307 13.237502574920654 22.690484046936035 " fill="none" stroke="black" stroke-width="0.3"></path>
<path class="pen path08" d="M 13.237502574920654 22.690484046936035 L 10.040430307388306 22.683948040008545 " fill="none" stroke="black" stroke-width="0.3"></path>
<path class="pen path09" d="M 10.040430307388306 22.683948040008545 C 9.462763309478760 19.969496726989746 8.941441297531128 16.121180534362793 8.024868249893188 12.376150131225586 " fill="none" stroke="black" stroke-width="0.3"></path>
<path class="pen path10" d="M 8.024868249893188 12.376150131225586 L 8.004738092422485 22.686336994171143 " fill="none" stroke="black" stroke-width="0.3"></path>
<path class="pen path11" d="M 8.004738092422485 22.686336994171143 L 4.391798615455627 22.687641620635986 " fill="none" stroke="black" stroke-width="0.3"></path>
<path class="pen path12" d="M 4.391798615455627 22.687641620635986 C 4.475360870361328 17.618607044219971 4.368357181549072 11.362933874130249 4.360710382461548 6.563149452209473 " fill="none" stroke="black" stroke-width="0.3"></path>
</svg>