imgs/font_02/syn/02_20.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;
	}
	5.311548731307393% {
		stroke-dashoffset: 0;
	}
}
.path01 {
		stroke-dasharray: 21;
		animation-name: dash01 
}
@keyframes dash01 {
	0%, 5.311548731307393% {
		stroke-dashoffset: 21;
	}
	19.06974029160376% {
		stroke-dashoffset: 0;
	}
}
.path02 {
		stroke-dasharray: 7;
		animation-name: dash02 
}
@keyframes dash02 {
	0%, 19.06974029160376% {
		stroke-dashoffset: 7;
	}
	24.16760186615374% {
		stroke-dashoffset: 0;
	}
}
.path03 {
		stroke-dasharray: 4;
		animation-name: dash03 
}
@keyframes dash03 {
	0%, 24.16760186615374% {
		stroke-dashoffset: 4;
	}
	27.393973532531675% {
		stroke-dashoffset: 0;
	}
}
.path04 {
		stroke-dasharray: 22;
		animation-name: dash04 
}
@keyframes dash04 {
	0%, 27.393973532531675% {
		stroke-dashoffset: 22;
	}
	42.09817074004615% {
		stroke-dashoffset: 0;
	}
}
.path05 {
		stroke-dasharray: 8;
		animation-name: dash05 
}
@keyframes dash05 {
	0%, 42.09817074004615% {
		stroke-dashoffset: 8;
	}
	47.426352811472626% {
		stroke-dashoffset: 0;
	}
}
.path06 {
		stroke-dasharray: 21;
		animation-name: dash06 
}
@keyframes dash06 {
	0%, 47.426352811472626% {
		stroke-dashoffset: 21;
	}
	61.34766541411041% {
		stroke-dashoffset: 0;
	}
}
.path07 {
		stroke-dasharray: 19;
		animation-name: dash07 
}
@keyframes dash07 {
	0%, 61.34766541411041% {
		stroke-dashoffset: 19;
	}
	74.23498913215731% {
		stroke-dashoffset: 0;
	}
}
.path08 {
		stroke-dasharray: 18;
		animation-name: dash08 
}
@keyframes dash08 {
	0%, 74.23498913215731% {
		stroke-dashoffset: 18;
	}
	86.20652882130626% {
		stroke-dashoffset: 0;
	}
}
.path09 {
		stroke-dasharray: 21;
		animation-name: dash09 
}
@keyframes dash09 {
	0%, 86.20652882130626% {
		stroke-dashoffset: 21;
	}
	100.0% {
		stroke-dashoffset: 0;
	}
}
</style>
<path class="pen path00" d="M 6.216608047485352 6.655064105987549 L 10.282963514328003 6.657350778579712 " fill="none" stroke="black" stroke-width="0.3"></path>
<path class="pen path01" d="M 10.282963514328003 6.657350778579712 L 10.281374931335449 17.190193176269531 " fill="none" stroke="black" stroke-width="0.3"></path>
<path class="pen path02" d="M 10.281374931335449 17.190193176269531 C 10.293523550033569 19.074673175811768 11.033843278884888 19.844883441925049 12.517735004425049 19.511235237121582 " fill="none" stroke="black" stroke-width="0.3"></path>
<path class="pen path03" d="M 12.517735004425049 19.511235237121582 C 13.561215877532959 19.428178310394287 13.816729545593262 18.632761001586914 14.013712406158447 17.808134078979492 " fill="none" stroke="black" stroke-width="0.3"></path>
<path class="pen path04" d="M 14.013712406158447 17.808134078979492 L 14.000713348388672 6.551066637039185 " fill="none" stroke="black" stroke-width="0.3"></path>
<path class="pen path05" d="M 14.000713348388672 6.551066637039185 L 18.079768180847168 6.568023204803467 " fill="none" stroke="black" stroke-width="0.3"></path>
<path class="pen path06" d="M 18.079768180847168 6.568023204803467 L 18.010733127593994 17.225522518157959 " fill="none" stroke="black" stroke-width="0.3"></path>
<path class="pen path07" d="M 18.010733127593994 17.225522518157959 C 17.945446014404297 21.408858776092529 15.884791374206543 22.970003128051758 11.715863943099976 23.066149234771729 " fill="none" stroke="black" stroke-width="0.3"></path>
<path class="pen path08" d="M 11.715863943099976 23.066149234771729 C 7.883731842041016 22.800530433654785 6.171630620956421 21.047631740570068 6.231383800506592 17.214905261993408 " fill="none" stroke="black" stroke-width="0.3"></path>
<path class="pen path09" d="M 6.231383800506592 17.214905261993408 L 6.216608047485352 6.655064105987549 " fill="none" stroke="black" stroke-width="0.3"></path>
</svg>