imgs/font_02/syn/02_36.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.811681735380683% {
		stroke-dashoffset: 0;
	}
}
.path01 {
		stroke-dasharray: 17;
		animation-name: dash01 
}
@keyframes dash01 {
	0%, 5.811681735380683% {
		stroke-dashoffset: 17;
	}
	18.20039171514433% {
		stroke-dashoffset: 0;
	}
}
.path02 {
		stroke-dasharray: 9;
		animation-name: dash02 
}
@keyframes dash02 {
	0%, 18.20039171514433% {
		stroke-dashoffset: 9;
	}
	25.242201404508663% {
		stroke-dashoffset: 0;
	}
}
.path03 {
		stroke-dasharray: 8;
		animation-name: dash03 
}
@keyframes dash03 {
	0%, 25.242201404508663% {
		stroke-dashoffset: 8;
	}
	31.090165221083875% {
		stroke-dashoffset: 0;
	}
}
.path04 {
		stroke-dasharray: 10;
		animation-name: dash04 
}
@keyframes dash04 {
	0%, 31.090165221083875% {
		stroke-dashoffset: 10;
	}
	38.92133525702605% {
		stroke-dashoffset: 0;
	}
}
.path05 {
		stroke-dasharray: 15;
		animation-name: dash05 
}
@keyframes dash05 {
	0%, 38.92133525702605% {
		stroke-dashoffset: 15;
	}
	50.207141648113144% {
		stroke-dashoffset: 0;
	}
}
.path06 {
		stroke-dasharray: 8;
		animation-name: dash06 
}
@keyframes dash06 {
	0%, 50.207141648113144% {
		stroke-dashoffset: 8;
	}
	56.59709090239696% {
		stroke-dashoffset: 0;
	}
}
.path07 {
		stroke-dasharray: 10;
		animation-name: dash07 
}
@keyframes dash07 {
	0%, 56.59709090239696% {
		stroke-dashoffset: 10;
	}
	64.48327580589748% {
		stroke-dashoffset: 0;
	}
}
.path08 {
		stroke-dasharray: 8;
		animation-name: dash08 
}
@keyframes dash08 {
	0%, 64.48327580589748% {
		stroke-dashoffset: 8;
	}
	70.84942221599287% {
		stroke-dashoffset: 0;
	}
}
.path09 {
		stroke-dasharray: 8;
		animation-name: dash09 
}
@keyframes dash09 {
	0%, 70.84942221599287% {
		stroke-dashoffset: 8;
	}
	76.64362323032157% {
		stroke-dashoffset: 0;
	}
}
.path10 {
		stroke-dasharray: 32;
		animation-name: dash10 
}
@keyframes dash10 {
	0%, 76.64362323032157% {
		stroke-dashoffset: 32;
	}
	100.0% {
		stroke-dashoffset: 0;
	}
}
</style>
<path class="pen path00" d="M 6.921370267868042 6.549209833145142 L 10.937514781951904 6.490161180496216 " fill="none" stroke="black" stroke-width="0.3"></path>
<path class="pen path01" d="M 10.937514781951904 6.490161180496216 L 10.945273160934448 15.052262306213379 " fill="none" stroke="black" stroke-width="0.3"></path>
<path class="pen path02" d="M 10.945273160934448 15.052262306213379 C 11.984336614608765 13.331650257110596 13.024937152862549 10.651558399200439 13.094922065734863 10.693406581878662 " fill="none" stroke="black" stroke-width="0.3"></path>
<path class="pen path03" d="M 13.094922065734863 10.693406581878662 L 17.135179996490479 10.799624204635620 " fill="none" stroke="black" stroke-width="0.3"></path>
<path class="pen path04" d="M 17.135179996490479 10.799624204635620 C 16.568570137023926 12.184464454650879 15.131951808929443 14.448048591613770 14.577514171600342 15.566429615020752 " fill="none" stroke="black" stroke-width="0.3"></path>
<path class="pen path05" d="M 14.577514171600342 15.566429615020752 C 15.305484294891357 17.021525859832764 16.973287582397461 20.834993362426758 17.743622303009033 22.693802833557129 " fill="none" stroke="black" stroke-width="0.3"></path>
<path class="pen path06" d="M 17.743622303009033 22.693802833557129 L 13.327414512634277 22.679260253906250 " fill="none" stroke="black" stroke-width="0.3"></path>
<path class="pen path07" d="M 13.327414512634277 22.679260253906250 C 12.367218017578125 20.456407070159912 11.831658124923706 17.330373287200928 11.007443904876709 18.283095359802246 " fill="none" stroke="black" stroke-width="0.3"></path>
<path class="pen path08" d="M 11.007443904876709 18.283095359802246 L 10.982635259628296 22.682806491851807 " fill="none" stroke="black" stroke-width="0.3"></path>
<path class="pen path09" d="M 10.982635259628296 22.682806491851807 L 6.978146553039551 22.691092014312744 " fill="none" stroke="black" stroke-width="0.3"></path>
<path class="pen path10" d="M 6.978146553039551 22.691092014312744 C 6.943332195281982 19.837296009063721 6.998613595962524 12.354392051696777 6.921370267868042 6.549209833145142 " fill="none" stroke="black" stroke-width="0.3"></path>
</svg>