<!DOCTYPE html>
<html lang="en">
	<head>
		<meta charset="UTF-8">
		<title>svg character strok effect</title>
	</head>
	<body>		
		
		<svg id="Layer_1" data-name="Layer 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 105.13 179.25"><defs><style>.cls-1{fill:#2c2c2c;}.cls-2{fill:#e07160;}</style></defs><title>Untitled-2</title><path class="cls-1" d="M676.45,330.25c-3-6-7.87-10.34-13.36-13.94-4.84-3.2-10.21-7-16.17-6.39-4-6.08-10.47-13.87-17.88-15.05-4.1-.67-8.26,1.58-9.15,5.23-2.28-1.76-5.07-3.3-7.58-2.65-2.67.69-3.43,3-3.47,5.39-2.89-1.47-6.2-2.43-9.09-.53-2.53,1.64-3.3,4.51-3.54,7.36a8.3,8.3,0,0,0-9.6,1.6,9.72,9.72,0,0,0-2.46,5.85,28.52,28.52,0,0,0,.29,4.52c.13,3.08-.32,3.25-1.86,5.27-9.81,12.94-9.06,30-4.33,44.75a11.66,11.66,0,0,0-2.26,5.8c-.19,2.69-.08,5.62,2,7.56a11.2,11.2,0,0,0,7.95,2.86,109.8,109.8,0,0,0,2.3,11.95c2.19,8.4,6.86,15.09,14.94,18.67a51.18,51.18,0,0,0,14,3.7c2.08,6.79-10.56,9-14.72,12a32.33,32.33,0,0,0-9.12,10.7,43.42,43.42,0,0,0-4,10.2c-.33,1.28-.6,2.6-.81,3.91a66.48,66.48,0,0,0-.76,13.51,1.48,1.48,0,0,0,1.44,1.46h76.13a1.48,1.48,0,0,0,1.44-1.46,64.45,64.45,0,0,0-1-15.08c-.26-1.32-.59-2.64-1-3.94a40.91,40.91,0,0,0-3.55-8.6,32.52,32.52,0,0,0-9.12-10.7c-4.18-3-16.82-5.32-14.7-12.06,9-1.17,17.74-4.24,23-12.06,4.53-6.7,6.09-14.8,6.89-22.84,4.64-.44,9.43-3.21,10.07-8.23a11.35,11.35,0,0,0-2.93-9.25C679.85,357.29,682.73,343,676.45,330.25Zm-97.53,49c0-2.4,1.32-9.05,5.05-6.31a1.38,1.38,0,0,0,.58.27c.2,3.84.5,7.77,1,11.71C582.05,384.82,579,383.16,578.92,379.23ZM640.79,432h0l1,.41,1,.38,2,.75c.44.19.87.37,1.3.57a25.68,25.68,0,0,1,7.91,5.69,29.18,29.18,0,0,1,2.63,3.2c.2.28.4.56.58.84a.48.48,0,0,1,.12.16c.44.66.85,1.31,1.23,2,.1.18.2.35.28.52.23.41.44.81.64,1.23a37.49,37.49,0,0,1,2.6,6.9c.36,1.3.66,2.63.9,4a.13.13,0,0,1,0,.08c.08.5.17,1,.24,1.5s.16,1,.22,1.49c0,0,0,.08,0,.1.09.62.14,1.25.2,1.85l.09,1.07c0,.33,0,.67.05,1,.09,1.43.12,2.87.12,4.3v1.17h-73.3c0-1.31,0-2.64,0-3.95,0-.5,0-1,.07-1.52l.06-1c0-.4.07-.8.11-1.19s.05-.55.07-.83q.15-1.47.39-2.91c.11-.73.24-1.46.4-2.17s.24-1.17.39-1.74a.37.37,0,0,1,0-.12c.1-.41.22-.83.34-1.24.18-.64.37-1.28.58-1.9.06-.17.11-.36.17-.54s.13-.36.2-.55c.14-.41.3-.81.46-1.21s.24-.59.37-.87.31-.7.47-1,.2-.45.31-.66c.22-.46.46-.92.72-1.36.08-.17.18-.34.28-.51s.12-.2.19-.3.21-.36.31-.53c.23-.4.49-.8.76-1.19.37-.55.77-1.1,1.19-1.64s.85-1.07,1.33-1.6c.22-.26.45-.51.7-.77s.44-.47.68-.69c.46-.44.93-.84,1.4-1.21a22.55,22.55,0,0,1,3-1.93c1.28-.7,2.6-1.29,3.93-1.88.53-.25,1.07-.48,1.6-.72s1.07-.5,1.62-.76v0c1.44,2.17,3,4.27,4.68,6.31,1,1.23,2,2.43,3.06,3.62.21.24.43.51.64.78s.45.54.67.83c.69.86,1.4,1.77,2.18,2.59a10.89,10.89,0,0,0,2.44,2h0a1.5,1.5,0,0,0,1,.18,1,1,0,0,0,.54-.18c.14-.09.27-.19.42-.3s.52-.43.78-.67a22.6,22.6,0,0,0,2.49-2.9c.65-.87,1.27-1.76,1.9-2.55s1.3-1.65,1.94-2.48v0c.63-.84,1.26-1.68,1.88-2.54A52.67,52.67,0,0,0,640.79,432Zm-2.87-1.6a1.22,1.22,0,0,0,.26.16,74.36,74.36,0,0,1-6.69,9.71c-1,1.26-2,2.52-3.06,3.73-.21.27-.79.8-1.22,1.29a10.39,10.39,0,0,1-1-.87c-1.23-1.29-2.4-2.63-3.57-4a94.05,94.05,0,0,1-7.23-9.27c.21-.12.43-.25.63-.39,2.88-1.87,4.74-4.89,4.2-8.21a83.68,83.68,0,0,0,13,0c.34,0,.7-.06,1.06-.09C633.83,425.56,635.35,428.43,637.92,430.37Zm27.21-53.91c-.68,9.47-.94,19.67-5.14,28.39S648,417.43,638.68,419c-16.24,2.7-40.53,1.15-46.74-17.05-2.63-7.72-3.06-16.39-4-24.46-.94-8.57-1.44-17.87,2.49-25.84,4-8.26,12.71-16.8,21.82-19,6-1.43,8.49,1.73,13.23,4,1.76.88,2.43.58,4.27-.22,11.44-4.9,22.29.06,29.81,9.29S666,365.38,665.13,376.46Zm-1.37-30.18a41.76,41.76,0,0,0-4.31-5.22c-.8-.81-1.63-1.61-2.5-2.35a30,30,0,0,0-15.16-7.35c-3.78-.54-6.87.25-10.2,1.32l-1.31.43c-.43.14-.87.3-1.33.44a3.51,3.51,0,0,1-2.5,0,4.09,4.09,0,0,1-.51-.26,5.39,5.39,0,0,1-.73-.48,0,0,0,0,0,0,0c-.24-.17-.5-.37-.75-.57s-.38-.29-.59-.43-.41-.27-.64-.41a14.63,14.63,0,0,0-5.39-2.06l-.86-.1c-9.74-.76-18.69,7-24.42,14a34.12,34.12,0,0,0-4.76,7.62c-.33.69-.63,1.39-.89,2.1a37.46,37.46,0,0,0-2.07,8.13c-.07.54-.14,1.09-.2,1.63a50.68,50.68,0,0,0-.23,6.9s0,.07,0,.1a2.57,2.57,0,0,0-.52-.21,4,4,0,0,0-2.34-.16,3.67,3.67,0,0,0-.81.27c-.23-.73-.45-1.47-.65-2.21s-.4-1.49-.57-2.23a56.6,56.6,0,0,1-1.68-15.79v-.1c0-1.05.14-2.11.27-3.17s.31-2.16.53-3.21a35.46,35.46,0,0,1,1.11-4.22c.23-.7.49-1.38.76-2.07l.43-1c.14-.34.3-.67.45-1,.58-1.19,1.22-2.34,1.9-3.44.35-.56.72-1.1,1.09-1.63s.77-1,1.17-1.56c.1-.13.2-.24.32-.37s.44-.51.68-.79a8.85,8.85,0,0,0,.64-.84,4,4,0,0,0,.5-.9,2.84,2.84,0,0,0,.15-.47c.38-1.8-.77-4.33-.77-6.1,0-4.14,3.47-7.53,7.15-6.47a4.38,4.38,0,0,1,.92.36,5.62,5.62,0,0,1,1.38.9,1.69,1.69,0,0,0,.79.37,1.45,1.45,0,0,0,1.76-1.42c0-2.2-.09-5.34,1.69-7l.32-.27a4.41,4.41,0,0,1,1-.56l.36-.11a4.88,4.88,0,0,1,2.31,0,6.09,6.09,0,0,1,.83.25s0,0,0,0a6.8,6.8,0,0,1,.81.32,29.12,29.12,0,0,1,3.37,1.9,1.25,1.25,0,0,0,.37.18,1.37,1.37,0,0,0,1.42-.46,1.73,1.73,0,0,0,.43-1.14,1.1,1.1,0,0,0,0-.26c0-.17,0-.33-.07-.49a4.56,4.56,0,0,1,.16-1.68,2.69,2.69,0,0,1,.24-.6,3.74,3.74,0,0,1,.26-.36.73.73,0,0,1,.17-.18,2.31,2.31,0,0,1,.33-.28,3.66,3.66,0,0,1,3.43,0,14,14,0,0,1,4,3.06,1.29,1.29,0,0,0,.48.3,1.66,1.66,0,0,0,1.36-.13,1.25,1.25,0,0,0,.24-.16,1.26,1.26,0,0,0,.39-1.45,5.27,5.27,0,0,1-.27-1h0a4.41,4.41,0,0,1-.09-.86,2.81,2.81,0,0,1,.84-2.1,3.08,3.08,0,0,1,.27-.24,3.59,3.59,0,0,1,.76-.44,3.48,3.48,0,0,1,.64-.23,9.88,9.88,0,0,1,6.65.73,25.65,25.65,0,0,1,4.42,3.27,43.13,43.13,0,0,1,6.79,7.25c.66.9,1.27,1.82,1.87,2.76a1,1,0,0,0,.27.31,1.52,1.52,0,0,0,1.42.36c5.55-1.1,12,3.79,16.38,6.84a33.17,33.17,0,0,1,10.27,10.83,19.5,19.5,0,0,1,1.06,2.09c.16.35.31.73.46,1.1s.38,1,.57,1.54a34.65,34.65,0,0,1,1.2,4.66c1.68,9.4-.73,19.11-4.49,27.9a5.56,5.56,0,0,0-.77-.39,9.14,9.14,0,0,0-2.53-.73C669,359.59,668.19,352.64,663.76,346.28ZM674.06,380c-1.07,2.63-3.81,3.95-6.5,4.3.2-2.63.36-5.24.54-7.79.16-2.24.36-4.47.49-6.68C672.82,370.59,675.7,375.81,674.06,380Z" transform="translate(-574.88 -294.75)"/><path class="cls-1" d="M603.64,374.35c-2.46,0-4.46,2.66-4.46,5.94s2,5.94,4.46,5.94,4.46-2.66,4.46-5.94S606.1,374.35,603.64,374.35Z" transform="translate(-574.88 -294.75)"/><path class="cls-1" d="M649.7,374.84c-2.46,0-4.45,2.66-4.45,5.94s2,6,4.45,6,4.46-2.66,4.46-6S652.17,374.84,649.7,374.84Z" transform="translate(-574.88 -294.75)"/><path class="cls-1" d="M629,386.14a1.54,1.54,0,0,0,0-2.1,1.48,1.48,0,0,0-2.1,0,2,2,0,0,1-3.33.12c-1.27-1.44-3.36.67-2.11,2.11A5,5,0,0,0,629,386.14Z" transform="translate(-574.88 -294.75)"/><path class="cls-1" d="M594.38,367.58c-1,1.63,1.56,3.12,2.57,1.5,1.82-2.93,7.08-3,8.83-.11,1,1.63,3.56.14,2.57-1.5C605.41,362.63,597.37,362.76,594.38,367.58Z" transform="translate(-574.88 -294.75)"/><path class="cls-1" d="M644.9,367.58c-1,1.63,1.56,3.12,2.57,1.5,1.82-2.93,7.08-3,8.83-.11,1,1.63,3.56.14,2.57-1.5C655.93,362.63,647.89,362.76,644.9,367.58Z" transform="translate(-574.88 -294.75)"/><path class="cls-1" d="M633.65,396c-5.71,1.35-11.4,1.84-16.94-.44-1.77-.73-2.54,2.15-.79,2.87,6,2.46,12.35,1.9,18.52.43C636.3,398.4,635.51,395.54,633.65,396Z" transform="translate(-574.88 -294.75)"/><path class="cls-1" d="M592.17,455.79a.37.37,0,0,1,0-.12c.09-.38.2-.8.32-1.18a.14.14,0,0,1,0-.06c.22-.82.46-1.64.75-2.44.07-.17.13-.36.2-.55.14-.41.3-.81.46-1.21s.24-.59.37-.87.31-.7.47-1,.2-.45.31-.66.15-.27.22-.42l.5-.94c.08-.17.18-.34.28-.51s.32-.56.5-.83.49-.8.76-1.19.47-.68.73-1,.3-.42.46-.63l.65-.81c.22-.28.45-.53.68-.79s.45-.51.7-.77.44-.47.68-.69c.46-.44.93-.84,1.4-1.21a20.71,20.71,0,0,1,3-1.93c1.28-.7,2.6-1.3,3.93-1.88.53-.25,1.07-.48,1.6-.72s1.07-.48,1.62-.74c1.44,2.17,3,4.27,4.68,6.31,1,1.23,2,2.43,3,3.62.21.24.42.51.65.78s.45.54.67.83c.69.86,1.42,1.77,2.18,2.59a10.89,10.89,0,0,0,2.44,2h0a1.39,1.39,0,0,0,1,.18,1,1,0,0,0,.54-.18c.14-.09.27-.19.42-.3a9.57,9.57,0,0,0,.78-.67,22.6,22.6,0,0,0,2.49-2.9c.67-.87,1.3-1.76,1.91-2.55s1.29-1.64,1.93-2.48v0c.63-.82,1.26-1.68,1.88-2.54a52.67,52.67,0,0,0,3.38-5.33c.33.15.66.28,1,.4l1,.38c.67.25,1.36.5,2,.77l1.3.55a25.68,25.68,0,0,1,7.91,5.69,29.18,29.18,0,0,1,2.63,3.2c.25.33.48.67.7,1,.44.66.85,1.31,1.23,2,.1.18.2.35.28.52s.3.54.43.81.14.27.21.42a37.49,37.49,0,0,1,2.6,6.9C640.55,462.76,614.44,461,592.17,455.79Z" transform="translate(-574.88 -294.75)"/><path class="cls-1" d="M664,469.94c0,.39,0,.79,0,1.17H590.65c0-1.31,0-2.64,0-3.95,0-.5,0-1,.07-1.52l.06-1c.06-.67.11-1.34.18-2q.15-1.47.39-2.91c22.86,5.31,49.47,7.07,71.62-1.16a.13.13,0,0,1,0,.08c.08.5.17,1,.24,1.5s.16,1,.22,1.49c0,0,0,.08,0,.1.07.62.14,1.23.2,1.85l.09,1.07c0,.34,0,.67.05,1C663.92,467.07,664,468.51,664,469.94Z" transform="translate(-574.88 -294.75)"/><path class="cls-1" d="M672,367.91a9.42,9.42,0,0,0-3.3-1.12c.22-7.19-.54-14.16-5-20.51-5.09-7.29-12.94-13.61-22-14.92-4.77-.68-8.44.75-12.84,2.18-2.7.88-3.48-.77-5.75-2.13a14.12,14.12,0,0,0-6.25-2.16c-9.74-.75-18.7,7-24.42,14-6.29,7.73-8.46,16.53-8.14,26.38,0,0,0,.07,0,.1a4.19,4.19,0,0,0-3.68-.1c-3.48-11.42-4.59-23.95.67-35a34.51,34.51,0,0,1,4.16-6.63c.77-1,2-2.08,2.28-3.37.38-1.8-.77-4.33-.77-6.09,0-5,5.06-8.92,9.46-5.21a1.5,1.5,0,0,0,2.53-1c0-2.2-.08-5.34,1.71-7,2.77-2.53,6.52,0,9,1.55a1.51,1.51,0,0,0,2.19-1.69c-.47-2.77,1.08-4.94,4.53-3.59a14,14,0,0,1,4,3.07c1,1,3,0,2.48-1.45-2.12-5.91,5.53-5.88,8.78-4.14a25.28,25.28,0,0,1,4.44,3.27,44,44,0,0,1,8.66,10,1.53,1.53,0,0,0,1.68.69c5.56-1.11,12,3.78,16.38,6.83,5.18,3.62,9.44,8.08,11.8,14C679.21,345,676.62,357.16,672,367.91Z" transform="translate(-574.88 -294.75)"/><path class="cls-2" d="M607.39,398.28a6,6,0,1,1-6-6A6,6,0,0,1,607.39,398.28Z" transform="translate(-574.88 -294.75)"/><path class="cls-2" d="M659.37,399.61a6,6,0,1,1-6-6A6,6,0,0,1,659.37,399.61Z" transform="translate(-574.88 -294.75)"/></svg>
	</body>
</html>
		body{ background-color: rgba(63,79,251,1); height: 99vh;
		background: -webkit-linear-gradient(90deg, rgba(63,79,251,1) 0%, rgba(186,70,252,1) 100%);
			}
			
		.cls-1, .cls-2, .cls-3, .cls-4, .cls-5 {
		stroke-dasharray: 999;
		stroke-dashoffset: 1000;
		animation: dash 20s linear alternate infinite;
		}
		.cls-1{fill:none;stroke:#fff;}
		.cls-2{fill:none;stroke:#fff;}
		.cls-1 {
		fill: transparent!important;
		}
		.cls-2 {
		fill: transparent!important;
		}
		@keyframes dash { from { stroke-dashoffset: 1000; } to {  stroke-dashoffset: 0; }}
		#Layer_1 {
		width: 200px;
		margin: 200px auto;
		display: block;
		}

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

This Pen doesn't use any external JavaScript resources.