imgs/font_02/syn/02_31.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: 5;
		animation-name: dash00 
}
@keyframes dash00 {
	0.0% {
		stroke-dashoffset: 5;
	}
	5.875532380927165% {
		stroke-dashoffset: 0;
	}
}
.path01 {
		stroke-dasharray: 4;
		animation-name: dash01 
}
@keyframes dash01 {
	0%, 5.875532380927165% {
		stroke-dashoffset: 4;
	}
	10.805045844102946% {
		stroke-dashoffset: 0;
	}
}
.path02 {
		stroke-dasharray: 2;
		animation-name: dash02 
}
@keyframes dash02 {
	0%, 10.805045844102946% {
		stroke-dashoffset: 2;
	}
	12.92041122849624% {
		stroke-dashoffset: 0;
	}
}
.path03 {
		stroke-dasharray: 4;
		animation-name: dash03 
}
@keyframes dash03 {
	0%, 12.92041122849624% {
		stroke-dashoffset: 4;
	}
	17.839987922581955% {
		stroke-dashoffset: 0;
	}
}
.path04 {
		stroke-dasharray: 1;
		animation-name: dash04 
}
@keyframes dash04 {
	0%, 17.839987922581955% {
		stroke-dashoffset: 1;
	}
	18.63196264106443% {
		stroke-dashoffset: 0;
	}
}
.path05 {
		stroke-dasharray: 2;
		animation-name: dash05 
}
@keyframes dash05 {
	0%, 18.63196264106443% {
		stroke-dashoffset: 2;
	}
	21.548905154036575% {
		stroke-dashoffset: 0;
	}
}
.path06 {
		stroke-dasharray: 5;
		animation-name: dash06 
}
@keyframes dash06 {
	0%, 21.548905154036575% {
		stroke-dashoffset: 5;
	}
	26.891620402470547% {
		stroke-dashoffset: 0;
	}
}
.path07 {
		stroke-dasharray: 3;
		animation-name: dash07 
}
@keyframes dash07 {
	0%, 26.891620402470547% {
		stroke-dashoffset: 3;
	}
	30.65775949889467% {
		stroke-dashoffset: 0;
	}
}
.path08 {
		stroke-dasharray: 18;
		animation-name: dash08 
}
@keyframes dash08 {
	0%, 30.65775949889467% {
		stroke-dashoffset: 18;
	}
	48.99521807287022% {
		stroke-dashoffset: 0;
	}
}
.path09 {
		stroke-dasharray: 7;
		animation-name: dash09 
}
@keyframes dash09 {
	0%, 48.99521807287022% {
		stroke-dashoffset: 7;
	}
	56.8763977867303% {
		stroke-dashoffset: 0;
	}
}
.path10 {
		stroke-dasharray: 18;
		animation-name: dash10 
}
@keyframes dash10 {
	0%, 56.8763977867303% {
		stroke-dashoffset: 18;
	}
	75.09574040721945% {
		stroke-dashoffset: 0;
	}
}
.path11 {
		stroke-dasharray: 3;
		animation-name: dash11 
}
@keyframes dash11 {
	0%, 75.09574040721945% {
		stroke-dashoffset: 3;
	}
	78.16343154973146% {
		stroke-dashoffset: 0;
	}
}
.path12 {
		stroke-dasharray: 5;
		animation-name: dash12 
}
@keyframes dash12 {
	0%, 78.16343154973146% {
		stroke-dashoffset: 5;
	}
	83.53616217805745% {
		stroke-dashoffset: 0;
	}
}
.path13 {
		stroke-dasharray: 2;
		animation-name: dash13 
}
@keyframes dash13 {
	0%, 83.53616217805745% {
		stroke-dashoffset: 2;
	}
	86.31162225696681% {
		stroke-dashoffset: 0;
	}
}
.path14 {
		stroke-dasharray: 4;
		animation-name: dash14 
}
@keyframes dash14 {
	0%, 86.31162225696681% {
		stroke-dashoffset: 4;
	}
	90.40744419882958% {
		stroke-dashoffset: 0;
	}
}
.path15 {
		stroke-dasharray: 9;
		animation-name: dash15 
}
@keyframes dash15 {
	0%, 90.40744419882958% {
		stroke-dashoffset: 9;
	}
	99.99999999999999% {
		stroke-dashoffset: 0;
	}
}
</style>
<path class="pen path00" d="M 12.576131343841553 5.988095283508301 C 13.516147613525391 5.979604125022888 15.516205787658691 6.010304689407349 15.511656761169434 6.212315797805786 " fill="none" stroke="black" stroke-width="0.3"></path>
<path class="pen path01" d="M 15.511656761169434 6.212315797805786 L 15.505661616488903 8.708536723378874 " fill="none" stroke="black" stroke-width="0.3"></path>
<path class="pen path02" d="M 15.505661616488903 8.708536723378874 C 15.464582034200420 8.657098942623795 15.088017673245725 8.698525426213756 14.439807415008545 8.656903982162476 " fill="none" stroke="black" stroke-width="0.3"></path>
<path class="pen path03" d="M 14.439807415008545 8.656903982162476 C 13.466814994812012 8.705598592758179 13.372990608215332 8.683721065521240 13.525071144104004 10.429582357406616 " fill="none" stroke="black" stroke-width="0.3"></path>
<path class="pen path04" d="M 13.525071144104004 10.429582357406616 L 13.911837100982666 10.535639047622681 " fill="none" stroke="black" stroke-width="0.3"></path>
<path class="pen path05" d="M 13.911837100982666 10.535639047622681 L 15.388803005218506 10.555078983306885 " fill="none" stroke="black" stroke-width="0.3"></path>
<path class="pen path06" d="M 15.388803005218506 10.555078983306885 L 15.425974845886230 13.260290622711182 " fill="none" stroke="black" stroke-width="0.3"></path>
<path class="pen path07" d="M 15.425974845886230 13.260290622711182 L 13.524144172668457 13.402144432067871 " fill="none" stroke="black" stroke-width="0.3"></path>
<path class="pen path08" d="M 13.524144172668457 13.402144432067871 L 13.535905838012695 22.687937736511230 " fill="none" stroke="black" stroke-width="0.3"></path>
<path class="pen path09" d="M 13.535905838012695 22.687937736511230 L 9.545000553131104 22.686587333679199 " fill="none" stroke="black" stroke-width="0.3"></path>
<path class="pen path10" d="M 9.545000553131104 22.686587333679199 L 9.638829946517944 13.461075782775879 " fill="none" stroke="black" stroke-width="0.3"></path>
<path class="pen path11" d="M 9.638829946517944 13.461075782775879 L 8.091553688049316 13.322935581207275 " fill="none" stroke="black" stroke-width="0.3"></path>
<path class="pen path12" d="M 8.091553688049316 13.322935581207275 L 8.124812364578247 10.602472543716431 " fill="none" stroke="black" stroke-width="0.3"></path>
<path class="pen path13" d="M 8.124812364578247 10.602472543716431 L 9.529752731323242 10.564651250839233 " fill="none" stroke="black" stroke-width="0.3"></path>
<path class="pen path14" d="M 9.529752731323242 10.564651250839233 C 9.849768877029419 10.544505357742310 9.547816514968872 7.981342077255249 9.709354877471924 9.183767795562744 " fill="none" stroke="black" stroke-width="0.3"></path>
<path class="pen path15" d="M 9.709354877471924 9.183767795562744 C 9.650556564331055 6.944191217422485 11.144679307937622 5.973412513732910 12.576131343841553 5.988095283508301 " fill="none" stroke="black" stroke-width="0.3"></path>
</svg>