imgs/font_02/syn/02_17.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: 12;
		animation-name: dash00 
}
@keyframes dash00 {
	0.0% {
		stroke-dashoffset: 12;
	}
	8.046551571080334% {
		stroke-dashoffset: 0;
	}
}
.path01 {
		stroke-dasharray: 16;
		animation-name: dash01 
}
@keyframes dash01 {
	0%, 8.046551571080334% {
		stroke-dashoffset: 16;
	}
	18.714719887278076% {
		stroke-dashoffset: 0;
	}
}
.path02 {
		stroke-dasharray: 8;
		animation-name: dash02 
}
@keyframes dash02 {
	0%, 18.714719887278076% {
		stroke-dashoffset: 8;
	}
	24.210564889245884% {
		stroke-dashoffset: 0;
	}
}
.path03 {
		stroke-dasharray: 15;
		animation-name: dash03 
}
@keyframes dash03 {
	0%, 24.210564889245884% {
		stroke-dashoffset: 15;
	}
	34.3864543526651% {
		stroke-dashoffset: 0;
	}
}
.path04 {
		stroke-dasharray: 9;
		animation-name: dash04 
}
@keyframes dash04 {
	0%, 34.3864543526651% {
		stroke-dashoffset: 9;
	}
	40.29877261964754% {
		stroke-dashoffset: 0;
	}
}
.path05 {
		stroke-dasharray: 11;
		animation-name: dash05 
}
@keyframes dash05 {
	0%, 40.29877261964754% {
		stroke-dashoffset: 11;
	}
	47.93980052827166% {
		stroke-dashoffset: 0;
	}
}
.path06 {
		stroke-dasharray: 3;
		animation-name: dash06 
}
@keyframes dash06 {
	0%, 47.93980052827166% {
		stroke-dashoffset: 3;
	}
	50.34528623992962% {
		stroke-dashoffset: 0;
	}
}
.path07 {
		stroke-dasharray: 12;
		animation-name: dash07 
}
@keyframes dash07 {
	0%, 50.34528623992962% {
		stroke-dashoffset: 12;
	}
	58.30160874010644% {
		stroke-dashoffset: 0;
	}
}
.path08 {
		stroke-dasharray: 8;
		animation-name: dash08 
}
@keyframes dash08 {
	0%, 58.30160874010644% {
		stroke-dashoffset: 8;
	}
	63.804353880234785% {
		stroke-dashoffset: 0;
	}
}
.path09 {
		stroke-dasharray: 32;
		animation-name: dash09 
}
@keyframes dash09 {
	0%, 63.804353880234785% {
		stroke-dashoffset: 32;
	}
	84.80217654777562% {
		stroke-dashoffset: 0;
	}
}
.path10 {
		stroke-dasharray: 1;
		animation-name: dash10 
}
@keyframes dash10 {
	0%, 84.80217654777562% {
		stroke-dashoffset: 1;
	}
	85.34375470559606% {
		stroke-dashoffset: 0;
	}
}
.path11 {
		stroke-dasharray: 7;
		animation-name: dash11 
}
@keyframes dash11 {
	0%, 85.34375470559606% {
		stroke-dashoffset: 7;
	}
	90.16673404912629% {
		stroke-dashoffset: 0;
	}
}
.path12 {
		stroke-dasharray: 2;
		animation-name: dash12 
}
@keyframes dash12 {
	0%, 90.16673404912629% {
		stroke-dashoffset: 2;
	}
	92.0861520407819% {
		stroke-dashoffset: 0;
	}
}
.path13 {
		stroke-dasharray: 6;
		animation-name: dash13 
}
@keyframes dash13 {
	0%, 92.0861520407819% {
		stroke-dashoffset: 6;
	}
	96.00223796426803% {
		stroke-dashoffset: 0;
	}
}
.path14 {
		stroke-dasharray: 6;
		animation-name: dash14 
}
@keyframes dash14 {
	0%, 96.00223796426803% {
		stroke-dashoffset: 6;
	}
	100.0% {
		stroke-dashoffset: 0;
	}
}
</style>
<path class="pen path00" d="M 6.387419700622559 6.560894966125488 L 12.568601131439209 6.567157745361328 " fill="none" stroke="black" stroke-width="0.3"></path>
<path class="pen path01" d="M 12.568601131439209 6.567157745361328 C 15.677865028381348 6.583930492401123 17.845849514007568 7.923145294189453 17.659671306610107 11.494883537292480 " fill="none" stroke="black" stroke-width="0.3"></path>
<path class="pen path02" d="M 17.659671306610107 11.494883537292480 C 17.600953102111816 14.163602828979492 16.276642799377441 14.934339523315430 15.968979835510254 15.178134441375732 " fill="none" stroke="black" stroke-width="0.3"></path>
<path class="pen path03" d="M 15.968979835510254 15.178134441375732 L 18.108138084411621 22.696635246276855 " fill="none" stroke="black" stroke-width="0.3"></path>
<path class="pen path04" d="M 18.108138084411621 22.696635246276855 L 13.566477298736572 22.674785614013672 " fill="none" stroke="black" stroke-width="0.3"></path>
<path class="pen path05" d="M 13.566477298736572 22.674785614013672 L 12.456334590911865 16.911053180694580 " fill="none" stroke="black" stroke-width="0.3"></path>
<path class="pen path06" d="M 12.456334590911865 16.911053180694580 L 10.639421939849854 16.574383735656738 " fill="none" stroke="black" stroke-width="0.3"></path>
<path class="pen path07" d="M 10.639421939849854 16.574383735656738 L 10.689009189605713 22.686055183410645 " fill="none" stroke="black" stroke-width="0.3"></path>
<path class="pen path08" d="M 10.689009189605713 22.686055183410645 L 6.461923599243164 22.690790176391602 " fill="none" stroke="black" stroke-width="0.3"></path>
<path class="pen path09" d="M 6.461923599243164 22.690790176391602 L 6.387419700622559 6.560894966125488 " fill="none" stroke="black" stroke-width="0.3"></path>
<path class="pen path10" d="M 11.019042491912842 9.894154071807861 L 10.609474897384644 9.821119308471680 " fill="none" stroke="black" stroke-width="0.3"></path>
<path class="pen path11" d="M 10.609474897384644 9.821119308471680 L 10.621097803115845 13.526008129119873 " fill="none" stroke="black" stroke-width="0.3"></path>
<path class="pen path12" d="M 10.621097803115845 13.526008129119873 L 12.084219932556152 13.343550682067871 " fill="none" stroke="black" stroke-width="0.3"></path>
<path class="pen path13" d="M 12.084219932556152 13.343550682067871 C 13.143620967864990 13.481167316436768 13.523212909698486 12.600308418273926 13.391741752624512 11.166600465774536 " fill="none" stroke="black" stroke-width="0.3"></path>
<path class="pen path14" d="M 13.391741752624512 11.166600465774536 C 13.145487785339355 9.835350036621094 12.534896850585938 9.928753852844238 11.019042491912842 9.894154071807861 " fill="none" stroke="black" stroke-width="0.3"></path>
</svg>