imgs/font_02/syn/02_26.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: 16;
		animation-name: dash00 
}
@keyframes dash00 {
	0.0% {
		stroke-dashoffset: 16;
	}
	13.361281181579324% {
		stroke-dashoffset: 0;
	}
}
.path01 {
		stroke-dasharray: 10;
		animation-name: dash01 
}
@keyframes dash01 {
	0%, 13.361281181579324% {
		stroke-dashoffset: 10;
	}
	21.593777367467002% {
		stroke-dashoffset: 0;
	}
}
.path02 {
		stroke-dasharray: 5;
		animation-name: dash02 
}
@keyframes dash02 {
	0%, 21.593777367467002% {
		stroke-dashoffset: 5;
	}
	26.23203156521015% {
		stroke-dashoffset: 0;
	}
}
.path03 {
		stroke-dasharray: 6;
		animation-name: dash03 
}
@keyframes dash03 {
	0%, 26.23203156521015% {
		stroke-dashoffset: 6;
	}
	31.494357494776878% {
		stroke-dashoffset: 0;
	}
}
.path04 {
		stroke-dasharray: 2;
		animation-name: dash04 
}
@keyframes dash04 {
	0%, 31.494357494776878% {
		stroke-dashoffset: 2;
	}
	33.57244687624403% {
		stroke-dashoffset: 0;
	}
}
.path05 {
		stroke-dasharray: 7;
		animation-name: dash05 
}
@keyframes dash05 {
	0%, 33.57244687624403% {
		stroke-dashoffset: 7;
	}
	39.82592772995004% {
		stroke-dashoffset: 0;
	}
}
.path06 {
		stroke-dasharray: 11;
		animation-name: dash06 
}
@keyframes dash06 {
	0%, 39.82592772995004% {
		stroke-dashoffset: 11;
	}
	49.45819779419393% {
		stroke-dashoffset: 0;
	}
}
.path07 {
		stroke-dasharray: 13;
		animation-name: dash07 
}
@keyframes dash07 {
	0%, 49.45819779419393% {
		stroke-dashoffset: 13;
	}
	60.53583225934617% {
		stroke-dashoffset: 0;
	}
}
.path08 {
		stroke-dasharray: 2;
		animation-name: dash08 
}
@keyframes dash08 {
	0%, 60.53583225934617% {
		stroke-dashoffset: 2;
	}
	62.650050072160475% {
		stroke-dashoffset: 0;
	}
}
.path09 {
		stroke-dasharray: 1;
		animation-name: dash09 
}
@keyframes dash09 {
	0%, 62.650050072160475% {
		stroke-dashoffset: 1;
	}
	64.09370981536546% {
		stroke-dashoffset: 0;
	}
}
.path10 {
		stroke-dasharray: 3;
		animation-name: dash10 
}
@keyframes dash10 {
	0%, 64.09370981536546% {
		stroke-dashoffset: 3;
	}
	66.63445838463119% {
		stroke-dashoffset: 0;
	}
}
.path11 {
		stroke-dasharray: 5;
		animation-name: dash11 
}
@keyframes dash11 {
	0%, 66.63445838463119% {
		stroke-dashoffset: 5;
	}
	71.50442885805066% {
		stroke-dashoffset: 0;
	}
}
.path12 {
		stroke-dasharray: 3;
		animation-name: dash12 
}
@keyframes dash12 {
	0%, 71.50442885805066% {
		stroke-dashoffset: 3;
	}
	74.11355123247262% {
		stroke-dashoffset: 0;
	}
}
.path13 {
		stroke-dasharray: 5;
		animation-name: dash13 
}
@keyframes dash13 {
	0%, 74.11355123247262% {
		stroke-dashoffset: 5;
	}
	78.82743208005077% {
		stroke-dashoffset: 0;
	}
}
.path14 {
		stroke-dasharray: 7;
		animation-name: dash14 
}
@keyframes dash14 {
	0%, 78.82743208005077% {
		stroke-dashoffset: 7;
	}
	84.942164655691% {
		stroke-dashoffset: 0;
	}
}
.path15 {
		stroke-dasharray: 6;
		animation-name: dash15 
}
@keyframes dash15 {
	0%, 84.942164655691% {
		stroke-dashoffset: 6;
	}
	89.94614380513497% {
		stroke-dashoffset: 0;
	}
}
.path16 {
		stroke-dasharray: 4;
		animation-name: dash16 
}
@keyframes dash16 {
	0%, 89.94614380513497% {
		stroke-dashoffset: 4;
	}
	93.73576060678138% {
		stroke-dashoffset: 0;
	}
}
.path17 {
		stroke-dasharray: 4;
		animation-name: dash17 
}
@keyframes dash17 {
	0%, 93.73576060678138% {
		stroke-dashoffset: 4;
	}
	97.19690180186612% {
		stroke-dashoffset: 0;
	}
}
.path18 {
		stroke-dasharray: 3;
		animation-name: dash18 
}
@keyframes dash18 {
	0%, 97.19690180186612% {
		stroke-dashoffset: 3;
	}
	100.0% {
		stroke-dashoffset: 0;
	}
}
</style>
<path class="pen path00" d="M 11.308399200439453 10.120633363723755 C 14.793927669525146 10.087209463119507 16.624441623687744 11.387547254562378 16.642436027526855 14.807370185852051 " fill="none" stroke="black" stroke-width="0.3"></path>
<path class="pen path01" d="M 16.642436027526855 14.807370185852051 L 16.542531967163086 19.862184047698975 " fill="none" stroke="black" stroke-width="0.3"></path>
<path class="pen path02" d="M 16.542531967163086 19.862184047698975 C 16.568748950958252 20.696661472320557 16.902315616607666 21.067324161529541 16.799509048461914 22.688651561737061 " fill="none" stroke="black" stroke-width="0.3"></path>
<path class="pen path03" d="M 16.799509048461914 22.688651561737061 L 13.567771911621094 22.685967922210693 " fill="none" stroke="black" stroke-width="0.3"></path>
<path class="pen path04" d="M 13.567771911621094 22.685967922210693 C 13.437053203582764 22.577575206756592 12.870954036712646 21.753065586090088 13.102459430694580 21.572589397430420 " fill="none" stroke="black" stroke-width="0.3"></path>
<path class="pen path05" d="M 13.102459430694580 21.572589397430420 C 12.048306941986084 22.346373081207275 11.578999757766724 23.113836765289307 9.686044692993164 23.033547878265381 " fill="none" stroke="black" stroke-width="0.3"></path>
<path class="pen path06" d="M 9.686044692993164 23.033547878265381 C 7.591210842132568 22.786346912384033 6.340385913848877 21.069087982177734 6.678473711013794 18.746153354644775 " fill="none" stroke="black" stroke-width="0.3"></path>
<path class="pen path07" d="M 6.678473711013794 18.746153354644775 C 6.799971342086792 16.591245174407959 8.810312747955322 15.153119087219238 11.568178653717041 14.887922286987305 " fill="none" stroke="black" stroke-width="0.3"></path>
<path class="pen path08" d="M 11.568178653717041 14.887922286987305 C 13.125384807586670 14.836056232452393 12.585499763488770 14.497598648071289 12.729183197021484 14.756173610687256 " fill="none" stroke="black" stroke-width="0.3"></path>
<path class="pen path09" d="M 12.729183197021484 14.756173610687256 L 12.778535842895508 13.870957374572754 " fill="none" stroke="black" stroke-width="0.3"></path>
<path class="pen path10" d="M 12.778535842895508 13.870957374572754 C 12.681491374969482 12.878293991088867 11.909767627716064 12.825799942016602 11.810577392578125 12.864960193634033 " fill="none" stroke="black" stroke-width="0.3"></path>
<path class="pen path11" d="M 11.810577392578125 12.864960193634033 C 9.783148527145386 12.748319149017334 10.892218351364136 13.452785968780518 9.145127534866333 13.913251876831055 " fill="none" stroke="black" stroke-width="0.3"></path>
<path class="pen path12" d="M 9.145127534866333 13.913251876831055 L 7.542876720428467 13.929519653320312 " fill="none" stroke="black" stroke-width="0.3"></path>
<path class="pen path13" d="M 7.542876720428467 13.929519653320312 C 6.782506745255839 12.586534716001353 7.866930542091097 10.981775065750474 7.818791429936646 11.288631078224167 " fill="none" stroke="black" stroke-width="0.3"></path>
<path class="pen path14" d="M 7.818791429936646 11.288631078224167 C 8.325452508089883 10.524370976139304 9.996594343425793 10.394691990361986 11.308399200439453 10.120633363723755 " fill="none" stroke="black" stroke-width="0.3"></path>
<path class="pen path15" d="M 12.794643402099609 17.150064468383789 C 11.528106451034546 17.399286746978760 10.611724376678467 17.606266021728516 10.463541984558105 18.748191833496094 " fill="none" stroke="black" stroke-width="0.3"></path>
<path class="pen path16" d="M 10.463541984558105 18.748191833496094 C 10.381793260574341 20.023325443267822 10.633016824722290 20.175586223602295 11.570852994918823 20.445053100585938 " fill="none" stroke="black" stroke-width="0.3"></path>
<path class="pen path17" d="M 11.570852994918823 20.445053100585938 C 12.583261013031006 20.214012622833252 12.638782024383545 19.373396873474121 12.765688419342041 18.871280193328857 " fill="none" stroke="black" stroke-width="0.3"></path>
<path class="pen path18" d="M 12.765688419342041 18.871280193328857 L 12.794643402099609 17.150064468383789 " fill="none" stroke="black" stroke-width="0.3"></path>
</svg>