Animate Logo SVG

In this example below you will see how to do a Animate Logo SVG with some HTML / CSS and Javascript

Thumbnail
This awesome code was written by dancasttro, you can see more from this user in the personal repository.
You can find the original code on Codepen.io
Copyright dancasttro ©
  • HTML
  • CSS
<!DOCTYPE html>
<html lang="en" >

<head>
  <meta charset="UTF-8">
  <title>Animate Logo SVG</title>
  
  
  
      <link rel="stylesheet" href="css/style.css">

  
</head>

<body>

  <svg width="100%" height="100%" viewBox="0 0 200 76" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xml:space="preserve" style="enable-background:new 0 0 352 272;">

  <defs>
	<style type="text/css">

		.st0{fill:#fff;stroke:black;stroke-width:.5;stroke-miterlimit:1;}

		.st0 {
			stroke-dasharray: 2000;
			stroke-dashoffset:0;
			animation: 
        dash0 10s linear forwards,
        animate-letter 1s 4s linear forwards,
        animate-fill 1s 4s linear forwards;
		}
    

		@-webkit-keyframes dash0 {
			from {
				stroke-dashoffset: 2000;
			}
			to {
				stroke-dashoffset: 0;
			}
		}
    
    .st1 {fill:#fff;stroke:black;stroke-width:.5;stroke-miterlimit:1;}
    
    .st1 {
      stroke-dasharray: 2000;
			stroke-dashoffset:0;
			animation:
        dash1 10s linear forwards,
        animate-letter 1s 4s linear forwards,
        animate-fill 1s 4s linear forwards;
    }
    
    @-webkit-keyframes dash1 {
			from {
				stroke-dashoffset: 2000;
			}
			to {
				stroke-dashoffset: 0;
			}
		}
    @-webkit-keyframes animate-letter {
			0% {
        opacity: 0;
      }
      100% {
        opacity: 1;
      }
		}
    @-webkit-keyframes animate-fill {
			0%, 100% {
        fill:#000;
      }
		}
    
    .st3{fill:#fff;stroke:black;stroke-width:.5;stroke-miterlimit:1;}
    
    .st3 {
      stroke-dasharray: 2000;
			stroke-dashoffset:0;
			animation: 
        dash3 10s linear forwards,
        animate-letter 1s 4s linear forwards,
        animate-fill 1s 4s linear forwards;
    }
    
    @-webkit-keyframes dash3 {
			from {
				stroke-dashoffset: 2000;
			}
			to {
				stroke-dashoffset: 0;
			}
		}

    .st2{fill:#fff;stroke:black;stroke-width:.5;stroke-miterlimit:1;}
    
    .st2 {
      stroke-dasharray: 2000;
			stroke-dashoffset:0;
			animation: 
        dash2 15s linear forwards,
        animate-letter 1s 4s linear forwards,
        animate-fill 1s 4s linear forwards;
    }
    
    @-webkit-keyframes dash2 {
			from {
				stroke-dashoffset: 2000;
			}
			to {
				stroke-dashoffset: 0;
			}
		}
    
    
    .st4 {fill:#fff;stroke:black;stroke-width:.5;stroke-miterlimit:1;}
    
    .st4 {
      stroke-dasharray: 2000;
			stroke-dashoffset:0;
			animation: 
        dash2 75s linear forwards,
        animate-letter 1s 4s linear forwards,
        animate-fill2 1s 4s linear forwards;
    }
    
    @-webkit-keyframes dash2 {
			from {
				stroke-dashoffset: 2000;
			}
			to {
				stroke-dashoffset: 0;
			}
		}
    @-webkit-keyframes animate-fill2 {
			0%, 100% {
        fill:#f7d943;
        stroke:#f7d943;
      }
		}
	</style>
</defs>

<svg xmlns:dc="http://purl.org/dc/elements/1.1/" xmlns:cc="http://creativecommons.org/ns#" xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#" xmlns:svg="http://www.w3.org/2000/svg" xmlns="http://www.w3.org/2000/svg" version="1.1" width="100%" height="100%" viewBox="0 0 200 76" id="svg3189" xml:space="preserve" style="fill-rule:evenodd;stroke-linejoin:round;stroke-miterlimit:1.41420996">

<!--   B -->
  <path class="st0" d="m 43.1745,60.633 c -1.0026,3.0654 -2.877,5.6929 -5.5046,7.8187 -2.251,1.8763 -5.1271,3.3121 -8.57,4.3128 -3.875,1.1891 -8.4419,1.752 -13.3817,1.752 -2.1889,0 -4.4399,-0.1242 -6.68995,-0.3737 -1.25396,-0.1253 -2.12858,-1.1891 -2.00152,-2.4393 0.128,-1.1891 1.25304,-2.0646 2.43929,-1.9403 12.13428,1.253 26.26358,-0.8116 29.51718,-10.5047 0.7494,-2.3141 0.627,-4.1273 -0.4377,-5.4406 -1.3143,-1.6881 -4.1914,-2.9374 -8.3205,-3.5644 -4.0021,-0.626 -8.3761,-0.5017 -11.6297,-0.3135 -2.124,6.5666 -4.0021,13.1963 -4.6903,17.511 -0.1883,1.0619 -1.1251,1.8735 -2.1889,1.8735 -0.1224,0 -0.2504,-0.0612 -0.3766,-0.0612 C 10.0911,69.075 9.27681,67.9499 9.46509,66.6997 11.0288,57.257 17.78,38.058 20.5958,30.3664 c -2.1285,0.4378 -4.3786,1.0008 -6.8188,1.688 -1.1854,0.3135 -2.3725,-0.3738 -2.7491,-1.4997 -0.3107,-1.1891 0.3766,-2.4393 1.5637,-2.7519 6.6288,-1.8763 12.2558,-2.9382 16.6354,-3.1265 5.001,-0.1883 8.5644,0.6872 10.9425,2.6248 1.1862,1.0035 2.0627,2.1898 2.5673,3.6914 0.498,1.3745 0.6863,2.9382 0.5602,4.7505 -0.2505,3.1896 -1.8745,5.9424 -4.8786,8.1925 -1.2475,0.9395 -2.75,1.752 -4.5011,2.5024 3.7526,1.0007 6.5026,2.5005 8.1925,4.6263 0.9367,1.3142 1.5637,2.7518 1.752,4.3155 0.1883,1.6268 -0.0659,3.3761 -0.6873,5.2533 z M 38.8562,35.3693 c 0.1882,-2.1258 -0.3107,-3.6896 -1.5026,-4.6291 -1.4357,-1.1863 -4.1857,-1.7493 -7.9383,-1.6241 -1.126,0.0613 -2.3772,0.1855 -3.7526,0.3738 -0.8153,2.1898 -3.1924,8.6312 -5.5658,15.8211 2.0627,-0.2495 5.3154,-0.6873 8.5041,-1.6881 4.501,-1.3114 9.9445,-3.8138 10.2552,-8.2536 z"/>

<!--   ecerril -->
  <path class="st1" d="m 187.28125,24.09375 c -0.5953,0.06814 -1.27212,0.296837 -2,0.71875 -1.065,0.6882 -2.187,1.8122 -3.25,3.375 -2.184,3.0653 -4.8765,7.8107 -7.4375,13.3125 -2.5,5.1912 -4.71625,10.6232 -6.15625,15 -0.2727,0.843428 -0.48685,1.66323 -0.6875,2.4375 -0.0392,0.06754 -0.0923,0.114631 -0.125,0.1875 -1.624,3.9381 -4.4365,8.625 -8.4375,8.625 -0.561,0 -1.876,-0.1257 -2.375,-1.0625 -0.439,-0.8756 -1.318,-4.6206 6.625,-15.8125 0.688,-1.0008 0.502,-2.3752 -0.5,-3.0625 -0.998,-0.7512 -2.438,-0.5035 -3.125,0.5 -3.01942,4.267703 -5.13071,7.95302 -6.375,11.09375 -2.857,4.604464 -7.72093,8.595638 -11,8.78125 l -0.125,0 c -0.572,0.0631 -0.78275,-0.0013 -0.84375,-0.0625 -0.061,-0.1883 -0.43375,-1.4341 1.53125,-5.375 1.262,-2.6248 2.41175,-5.249 1.96875,-7.8125 -0.444,-2.3753 -2.11275,-4.3735 -5.46875,-6.375 0.129,-0.5621 0.25,-1.0635 0.25,-1.5625 0.13,-2.1898 -1.1205,-2.9978 -1.6875,-3.25 -1.458,-0.6873 -3.238,-0.0018 -4.125,1.625 -0.567,1.0638 -0.694,2.3109 -0.25,3.5 0.129,0.3107 0.31,0.6875 0.5,1 -1.43263,3.169906 -4.2001,9.029024 -4.8125,10.3125 -2.83228,4.384046 -7.14893,7.82057 -10.28125,8 l -0.125,0 c -0.564,0.0631 -0.7515,-0.0013 -0.8125,-0.0625 -0.061,-0.1883 -0.441,-1.4341 1.5,-5.375 1.247,-2.6248 2.3755,-5.249 1.9375,-7.8125 -0.437,-2.3753 -2.09125,-4.3735 -5.40625,-6.375 0.128,-0.5621 0.25,-1.0635 0.25,-1.5625 0.127,-2.1898 -1.09625,-2.9978 -1.65625,-3.25 -1.441,-0.6873 -3.21775,-0.0018 -4.09375,1.625 -0.56,1.0638 -0.689,2.3109 -0.25,3.5 0.127,0.3107 0.312,0.6875 0.5,1 -1.562,3.5004 -5.064,10.9998 -5.125,11.125 -0.0381,0.08029 -0.0358,0.166603 -0.0625,0.25 -3.03161,5.545827 -8.512477,7.625 -11.6875,7.625 -1.6917,0 -3.8778,-0.7488 -4.6875,-2.3125 -0.3162,-0.563 -0.4362,-1.2515 -0.375,-2 13.3817,-2.5024 16.4355,-7.8112 17.0625,-10.8125 0.249,-1.2503 0.189,-2.4986 -0.25,-3.5625 -0.377,-1.125 -1.063,-2.0615 -2,-2.6875 -0.565,-0.3747 -2.811,-1.6258 -6.1875,-0.625 C 94.62,47.8117 91.75,50.1834 89,54 c -2.1898,3.0014 -3.5602,5.8107 -4.125,8.25 -0.05286,0.230077 -0.08547,0.462989 -0.125,0.6875 -2.763374,4.628993 -6.640193,7.1875 -10.84375,7.1875 -1.0647,0 -2.5607,-0.7495 -3.375,-2.4375 -1.5025,-2.9402 -0.1285,-7.5596 3.625,-12.5625 2.3772,-3.1266 4.4375,-3.9376 5.5625,-3.625 0.7541,0.1892 1.1897,0.9383 1.25,1.5625 0.0612,0.5018 -0.0607,1.4377 -1.375,2.125 -1.0647,0.5621 -1.5024,1.938 -0.9375,3 0.6214,1.0647 1.9362,1.5005 3,0.9375 1.3133,-0.6873 2.3739,-1.6859 3,-2.875 0.6214,-1.1259 0.8725,-2.3732 0.75,-3.6875 -0.1882,-1.189 -0.6265,-2.3118 -1.375,-3.3125 -0.8152,-0.9999 -1.9388,-1.6874 -3.125,-2 -1.6296,-0.5018 -3.4364,-0.2505 -5.1875,0.625 -1.7521,0.8728 -3.4375,2.4367 -5.0625,4.5625 -2.092344,2.735219 -3.40875,5.187668 -4.1875,7.34375 -0.004,0.0087 0.0039,0.02251 0,0.03125 -0.0081,0.02264 -0.02323,0.03992 -0.03125,0.0625 -2.824764,6.579932 -8.949122,9 -12.375,9 -1.6908,0 -3.8779,-0.7488 -4.6875,-2.3125 -0.3163,-0.563 -0.4362,-1.2515 -0.375,-2 13.3817,-2.5024 16.46685,-7.8112 17.09375,-10.8125 0.2486,-1.2503 0.1887,-2.4986 -0.25,-3.5625 -0.3765,-1.125 -1.0623,-2.0615 -2,-2.6875 C 63.27795,47.1253 61.002,45.8742 57.625,46.875 54.6209,47.8117 51.749,50.1834 49,54 c -2.1898,3.0014 -3.5602,5.8107 -4.125,8.25 -0.5602,2.4384 -0.3742,4.5618 0.5625,6.375 1.752,3.4391 5.7479,4.6875 8.625,4.6875 2.8103,0 6.09375,-0.998 8.84375,-2.75 1.120137,-0.691643 2.12144,-1.482018 3.0625,-2.375 0.180262,0.580356 0.40778,1.075232 0.625,1.5 0.7531,1.4998 1.8083,2.7522 3.1875,3.625 1.2474,0.8152 2.7505,1.28125 4.125,1.28125 3.4419,0 6.747,-1.21805 9.625,-3.53125 0.752365,-0.602197 1.476156,-1.264383 2.15625,-2 1.858266,3.104305 5.624052,4.25 8.375,4.25 2.8103,0 6.0615,-0.998 8.8125,-2.75 3.442,-2.1258 6.0625,-5.2487 7.6875,-9.0625 0.0547,-0.140638 0.0989,-0.261784 0.125,-0.40625 0.78367,-1.719424 2.44982,-5.250393 3.84375,-8.34375 2.184,1.4385 2.5605,2.3767 2.6875,3 0.189,1.1278 -0.4375,2.7484 -1.5625,5.0625 -1.125,2.251 -1.77975,4.1247 -1.96875,5.6875 -0.248,1.6889 0.001,3.063 0.75,4.125 0.627,0.9395 1.877,2 4.25,2 l 0.59375,0 0.0625,0 c 2.505,-0.1855 5.2495,-1.3727 7.9375,-3.5625 2.08716,-1.646821 4.03984,-3.768536 5.59375,-6.125 0.16429,-0.174957 0.40499,-0.551558 0.65625,-1 0.0782,-0.125087 0.13817,-0.240396 0.1875,-0.375 1.11061,-2.091018 2.7873,-5.947166 4.09375,-8.8125 2.212,1.4385 2.58975,2.3767 2.71875,3 0.19,1.1278 -0.45375,2.7484 -1.59375,5.0625 -1.139,2.251 -1.77875,4.1247 -1.96875,5.6875 -0.254,1.6889 0.0242,3.063 0.78125,4.125 0.635,0.9395 1.87925,2 4.28125,2 l 0.59375,0 0.0625,0 c 2.531,-0.1855 5.30825,-1.3728 8.03125,-3.5625 0.57911,-0.451431 1.16153,-0.918996 1.71875,-1.4375 0.11654,0.376518 0.25964,0.722804 0.4375,1.0625 0.689,1.3133 1.7485,2.28015 3.0625,2.90625 1.247,0.4989 2.44,0.59375 3.25,0.59375 2.438,0 4.7505,-0.9364 6.8125,-2.6875 0.49057,-0.434012 0.97275,-0.909224 1.4375,-1.4375 0.21142,0.575177 0.50958,1.09544 0.84375,1.5625 1.875,2.5635 4.871,2.625 6.125,2.625 l 0.0312,0 c 7.066,0 11.59325,-7.8724 12.90625,-10.5 0.566,-1.1259 0.126,-2.4371 -1,-3 -1.063,-0.563 -2.4375,-0.125 -2.9375,1 -1.19,2.3781 -1.9965,4.6883 -4.4375,6.4375 -1.69,1.253 -3.499,1.625 -4.5,1.625 l -0.0625,0 c -0.998,0 -2.002,-0.0641 -2.5,-0.8125 -0.439,-0.6261 -1.2525,-2.6833 0.6875,-8.75 0.127,0 0.3105,-0.0638 0.4375,-0.125 4.441,-1.8763 8.377,-5.2461 11.875,-10.0625 3.503,-4.8776 5.31,-9.6862 5.875,-11.5625 0.939,-2.6248 1.316,-5.1244 1.25,-7.125 -0.122,-3.0625 -1.4375,-4.3733 -2.5625,-4.875 -0.42937,-0.233625 -1.19533,-0.519817 -2.1875,-0.40625 z m 0.1875,4.65625 c 0.063,0.2513 0.125,0.7503 0.125,1.4375 0,0.9396 -0.185,2.5594 -1,4.9375 -1.873,5.6261 -5.9975,12.9339 -11.8125,17 3.126,-7.943 7.498,-16.6842 10.875,-21.4375 0.81,-1.126 1.4365,-1.6862 1.8125,-1.9375 z M 60.1875,50.9375 c 0.5648,0 1.02955,0.1257 1.21875,0.25 0.1828,0.1242 0.5007,0.7494 0.3125,1.625 -0.4387,2.25 -3.64975,5.0618 -11.09375,6.875 0.5648,-1.0007 1.1903,-2 2,-3.125 2.6878,-3.7526 4.8754,-4.9997 6.25,-5.4375 0.5036,-0.1252 0.9415,-0.1875 1.3125,-0.1875 z m 40,0 c 0.566,0 0.9985,0.1257 1.1875,0.25 0.183,0.1242 0.5005,0.7494 0.3125,1.625 -0.439,2.25 -3.6185,5.0618 -11.0625,6.875 0.5648,-1.0007 1.1903,-2 2,-3.125 2.6887,-3.7526 4.8754,-4.9997 6.25,-5.4375 0.5036,-0.1252 0.9419,-0.1875 1.3125,-0.1875 z"/>

  
<!--   B -->
  <path class="st2" d="M 68.53125,1.71875 C 68.104451,1.7118993 67.677975,1.7323775 67.21875,1.75 64.03375,1.88726 59.9656,2.62918 55.125,4 c -0.9757,0.25784 -1.5769,1.29969 -1.3125,2.3125 0.3135,0.9312 1.31195,1.47659 2.28125,1.21875 1.6629,-0.46931 3.1301,-0.83284 4.5,-1.125 -1.4024,3.84997 -6.71445,18.76315 -7.90625,25.96875 -0.0761,0.499 0.0241,0.979 0.3125,1.375 0.2894,0.397 0.7176,0.6721 1.25,0.75 0.0185,0 0.06315,0.02375 0.09375,0.03125 -0.473865,-0.03391 -0.930736,-0.07598 -1.40625,-0.125 C 51.9451,34.29955 51.01285,35.028 50.90625,36 c -0.0501,0.5 0.09735,0.9984 0.40625,1.375 0.3098,0.3775 0.751,0.60705 1.25,0.65625 1.6296,0.1809 3.2732,0.28125 4.875,0.28125 3.7081,0 6.9871,-0.43445 9.75,-1.28125 2.5339,-0.7365 4.64335,-1.8232 6.28125,-3.1875 1.9616,-1.5878 3.3288,-3.5092 4.0625,-5.75 0.4776,-1.4441 0.6363,-2.72365 0.5,-3.90625 -0.1345,-1.1148 -0.5705,-2.2094 -1.3125,-3.25 -1.1418,-1.4349 -2.9259,-2.4978 -5.4375,-3.25 C 72.36175,17.1894 73.2552,16.6852 74,16.125 76.2185,14.463 77.4386,12.3882 77.625,10 77.7196,8.65791 77.59255,7.50197 77.21875,6.46875 76.85525,5.38545 76.21805,4.47401 75.28125,3.6875 73.719813,2.4133688 71.518846,1.7667051 68.53125,1.71875 z M 67.375,5.40625 c 2.6572,-0.08996 4.60035,0.3345 5.59375,1.15625 0.7958,0.62605 1.1326,1.65679 1,3.125 -0.2142,3.08299 -4.08325,4.84815 -7.28125,5.78125 -2.007,0.6307 -4.0101,0.9668 -5.75,1.1875 1.4339,-4.3276 2.8891,-8.31521 3.875,-10.96875 0.9655,-0.12799 1.8094,-0.24044 2.5625,-0.28125 z m -4.375,15 c 1.8346,0 3.48535,0.0899 4.90625,0.3125 2.9197,0.4424 4.9457,1.3063 5.875,2.5 0.7132,0.8783 0.80715,2.09565 0.28125,3.71875 -1.6407,4.887 -7.68615,7.6875 -16.59375,7.6875 -0.9311,0 -1.88935,-0.03155 -2.84375,-0.09375 C 55.4625,34.48495 56.19345,33.8542 56.34375,33 56.89925,29.5126 58.4595,24.3074 59.6875,20.5 60.9072,20.4314 61.9937,20.40625 63,20.40625 z" />

<!--   renda -->
  <path class="st3" d="M 154.53125,1.875 C 153.79525,1.9121 153.165,2.33978 152.625,3.1875 152.3,3.64846 151.97725,4.26636 151.65625,5 l -0.75,1.625 c -1.125,2.43001 -3.19525,6.92755 -5.03125,11.59375 -0.744,-0.4397 -1.695,-0.6875 -2.75,-0.6875 -1.971,0 -4.17525,0.79465 -6.03125,2.15625 -2.27286,1.642426 -5.33311,5.233341 -6.71875,8.75 -0.0907,0.149838 -0.18133,0.28544 -0.28125,0.4375 -1.099,1.6694 -2.28575,2.7468 -3.34375,3 -0.548,0.128 -0.898,0.1652 -1.125,0.1875 0.021,-0.1289 0.0498,-0.2595 0.0937,-0.4375 0.18,-0.6289 0.45075,-1.4326 0.71875,-2.1875 l 0.1875,-0.53125 c 0.346,-0.9841 0.721,-2.00045 0.875,-2.96875 0.325,-1.624 0.15375,-2.9136 -0.53125,-3.9375 -0.801,-1.1798 -2.251,-1.78125 -4.25,-1.78125 -1.778,0 -3.52725,0.82225 -5.53125,2.59375 -0.651,0.5787 -1.33325,1.2677 -2.03125,2.0625 0.154,-0.8153 0.27875,-1.5156 0.34375,-2.125 0.099,-1.0072 -0.64425,-1.92465 -1.65625,-2.03125 -1.022,-0.1048 -1.92925,0.65645 -2.03125,1.65625 -0.12356,1.428108 -0.60933,3.474729 -1.15625,5.4375 -2.08037,4.35254 -6.19189,5.9375 -8.53125,5.9375 -1.186,0 -2.68725,-0.50635 -3.21875,-1.53125 -0.1762,-0.3144 -0.2602,-0.72125 -0.25,-1.15625 9.6983,-1.8559 11.918,-5.77705 12.375,-7.96875 0.198,-0.9887 0.1325,-1.94615 -0.1875,-2.71875 -0.291,-0.8728 -0.81425,-1.582 -1.53125,-2.0625 -0.349,-0.23 -1.31025,-0.78125 -2.78125,-0.78125 -0.616,0 -1.26525,0.1223 -1.90625,0.3125 -2.216,0.69 -4.3637,2.4582 -6.375,5.25 -0.991332,1.360376 -1.762944,2.699716 -2.3125,3.96875 -0.03613,0.04916 -0.06219,0.102629 -0.09375,0.15625 -2.02,3.3204 -5.249,5.90325 -7.5,6.03125 l -0.125,0 c -0.1762,0.0204 -0.28445,0.03495 -0.34375,0.03125 -0.0483,-0.3264 -0.03875,-1.3239 1.09375,-3.625 0.9339,-1.9681 1.73275,-3.9028 1.40625,-5.8125 -0.3311,-1.7984 -1.50645,-3.249 -3.84375,-4.6875 0.0798,-0.3497 0.125,-0.6754 0.125,-1 0.1011,-1.7316 -0.90595,-2.3659 -1.34375,-2.5625 -0.2986,-0.1419 -0.6083,-0.21875 -0.9375,-0.21875 -0.9266,0 -1.8181,0.54685 -2.3125,1.46875 -0.4563,0.8616 -0.5204,1.8475 -0.1875,2.75 0.0826,0.2031 0.1919,0.44385 0.3125,0.65625 -1.1427,2.5552 -3.59315,7.8105 -3.65625,7.9375 -0.1984,0.4221 -0.2303,0.94155 -0.0625,1.40625 0.1679,0.4646 0.5109,0.83095 0.9375,1.03125 0.2513,0.1122 0.50945,0.1875 0.78125,0.1875 0.7179,0 1.38575,-0.42785 1.71875,-1.09375 0.0362,-0.0937 0.4741,-1.07425 1,-2.21875 0.6725,-1.4617 1.54825,-3.35885 2.21875,-4.84375 1.2716,0.8783 1.5415,1.4697 1.625,1.875 0.1271,0.767 -0.33515,1.96945 -1.09375,3.53125 -0.8181,1.6343 -1.2947,3.0031 -1.4375,4.1875 -0.1873,1.2809 -0.0079,2.34845 0.5625,3.15625 0.4712,0.7077 1.43095,1.53125 3.28125,1.53125 l 0.46875,0 c 1.9078,-0.1419 3.9393,-1.0464 5.875,-2.625 0.355232,-0.280081 0.691666,-0.59597 1.03125,-0.90625 0.06663,0.163571 0.137319,0.342504 0.21875,0.5 1.3254,2.6016 4.31905,3.53125 6.46875,3.53125 2.109,0 4.475,-0.74295 6.5,-2.03125 0.14054,-0.08684 0.26925,-0.189626 0.40625,-0.28125 0.17245,0.270724 0.40825,0.50115 0.71875,0.65625 0.242,0.1438 0.5155,0.21875 0.8125,0.21875 0.616,0 1.15925,-0.31505 1.53125,-0.84375 4.88,-7.4746 8.452,-11.25 10.625,-11.25 0.863,0 1.15475,0.1384 1.21875,0.1875 0.079,0.2467 0.0618,0.64235 -0.0312,1.15625 -0.17,0.8032 -0.5035,1.84985 -0.9375,2.90625 l -0.1875,0.53125 c -0.301,0.895 -0.56375,1.73175 -0.71875,2.53125 -0.135,0.5036 -0.507,2.23805 0.625,3.46875 0.639,0.7105 1.58,1.0625 2.75,1.0625 0.837,0 1.6385,-0.1762 2.1875,-0.3125 0.86259,-0.215017 1.70016,-0.607555 2.5,-1.1875 0.34145,0.681119 0.79779,1.137258 1.125,1.40625 0.946,0.8505 2.01975,1.28125 3.21875,1.28125 0.383,0 0.78525,-0.0332 1.15625,-0.125 1.853,-0.4174 3.776,-1.81695 5.875,-4.28125 0.262,-0.2921 0.50825,-0.6429 0.78125,-1 0,1.4793 0.25225,2.5833 0.78125,3.4375 0.685,1.075 1.8485,1.71875 3.1875,1.71875 1.78153,0 3.27729,-0.509046 4.65625,-1.5625 0.19413,0.366642 0.42857,0.711608 0.71875,1.03125 0.922,1.0119 2.18475,1.5625 3.59375,1.5625 l 0.25,0 c 1.759,-0.0789 3.66975,-0.95155 5.84375,-2.65625 0.092,0.2504 0.19225,0.48195 0.28125,0.65625 0.473,0.7077 1.44325,1.53125 3.40625,1.53125 1.941,0 3.7285,-0.7378 5.3125,-2.1875 1.619,-1.4255 3.1285,-3.42385 4.5625,-6.15625 0.232,-0.4368 0.276,-0.9654 0.125,-1.4375 -0.149,-0.4656 -0.47525,-0.8474 -0.90625,-1.0625 -0.266,-0.1392 -0.575,-0.21875 -0.875,-0.21875 -0.696,0 -1.319,0.3906 -1.625,1 -2.262,4.3054 -4.42375,6.40625 -6.59375,6.40625 -0.102,0 -0.20125,-0.02755 -0.28125,-0.03125 -0.001,-0.1522 0.0215,-0.4582 0.1875,-1.125 0.078,-0.2616 0.1935,-0.54795 0.3125,-0.84375 0.073,-0.1837 0.14975,-0.3751 0.21875,-0.5625 0.468,-0.5175 0.7635,-0.83495 0.9375,-1.09375 1.513,-1.9375 1.91825,-3.1912 1.40625,-4.3125 -0.124,-0.195881 -0.26367,-0.376917 -0.4375,-0.53125 l 0,-0.03125 c 0.607,-0.205 1.0745,-0.70565 1.1875,-1.34375 0.379,-1.8522 -0.2355,-3.454 -1.6875,-4.375 -0.795,-0.5009 -1.79225,-0.75 -2.90625,-0.75 -1.83,0 -3.87375,0.6975 -5.59375,1.9375 -1.597,1.1548 -3.4385,3.03 -4.9375,5 -0.33772,0.462966 -0.59422,0.905562 -0.875,1.34375 -0.11217,0.122269 -0.2055,0.25415 -0.28125,0.40625 -0.23475,0.384045 -0.46606,0.759051 -0.65625,1.125 C 149.18774,32.569227 147.68952,33 146.25,33 c -0.048,-10e-4 -0.0828,0 -0.0937,0 -0.093,-0.1465 -1.07975,-1.99455 2.28125,-11.15625 2.579,-4.7961 4.814,-9.71713 6,-12.34375 0.283,-0.56484 0.4955,-1.07522 0.6875,-1.5 0.175,-0.38862 0.3285,-0.71334 0.4375,-0.90625 0.359,-0.67892 0.657,-1.3387 0.875,-2 0.332,-0.9247 0.289,-1.74032 -0.125,-2.40625 -0.382,-0.5231 -0.9705,-0.8125 -1.5625,-0.8125 -0.083,0 -0.15575,-0.0102 -0.21875,0 z M 106.5625,21.21875 c 0.383,0 0.63975,0.10335 0.71875,0.15625 0.063,0.0538 0.239,0.4014 0.125,0.9375 -0.276,1.4181 -2.3485,3.35225 -7.3125,4.65625 0.36,-0.6075 0.73125,-1.1592 1.15625,-1.75 1.488,-2.0757 3.02225,-3.4345 4.40625,-3.875 0.347,-0.0872 0.66025,-0.125 0.90625,-0.125 z m 36.15625,0 c 0.13556,-0.013 0.27425,0 0.40625,0 0.503,0 0.77275,0.0953 0.84375,0.125 0.016,0.0167 0.0853,0.09245 0.0312,0.34375 -0.048,0.2217 -0.0652,0.4311 -0.0312,0.625 l -0.4375,0.75 c -4.822,8.2398 -7.5275,9.89655 -8.6875,10.15625 -0.478,0.077 -0.8115,-0.0061 -1.1875,-0.34375 -0.124,-0.1234 -0.38475,-0.3626 -0.34375,-1.125 0.0189,-0.521768 0.20009,-1.147261 0.46875,-1.84375 0.52172,-0.897391 0.90055,-1.676157 1.09375,-2.15625 0.15901,-0.264716 0.28646,-0.538262 0.46875,-0.8125 1.158,-1.7344 2.637,-3.3661 3.875,-4.25 0.986,-0.7179 2.0515,-1.197 3.0625,-1.375 0.1695,-0.04175 0.30194,-0.08075 0.4375,-0.09375 z m 21.25,1.0625 c 0.368,0 0.6765,0.06845 0.9375,0.21875 0.123,0.0408 0.027,0.3813 0,0.5 -0.11,0.6242 0.1235,1.2618 0.5625,1.6875 -0.536,0.1447 -1.018,0.52645 -1.5,1.15625 -0.444,0.5583 -0.8195,1.34795 -1.0625,1.90625 l -0.28125,0.5625 c -0.073,0.1465 -0.1275,0.303 -0.1875,0.4375 -0.049,0.1066 -0.10025,0.1975 -0.15625,0.3125 -2.111,2.3484 -5.02975,4.87695 -6.96875,4.96875 -0.422,0.0399 -0.738,-0.0782 -1,-0.375 -0.15,-0.1901 -0.3575,-0.4455 -0.3125,-1.1875 0.044,-0.46758 0.18592,-0.993726 0.40625,-1.53125 0.0339,-0.05502 0.0597,-0.131426 0.0937,-0.1875 0.33499,-0.551395 0.67407,-1.122697 1.03125,-1.78125 0.0308,-0.06206 0.0389,-0.124242 0.0625,-0.1875 1.39035,-2.085452 3.40887,-4.149845 4.9375,-5.25 1.584,-1.1455 2.9305,-1.25 3.4375,-1.25 z"/>

  <path class="st4" d="m 165.36,46.1884 c -0.507,0 -1.014,-0.1373 -1.45,-0.4137 -0.72,-0.4841 -1.086,-1.2484 -1.086,-2.008 0,-0.4841 0.147,-0.9692 0.437,-1.4534 l 0.147,-0.1372 0.212,-0.3469 c 0.873,-1.1065 2.465,-1.3829 3.62,-0.6224 1.16,0.7634 1.449,2.2844 0.653,3.3909 l -0.289,0.4137 -0.07,0.1382 c -0.509,0.6919 -1.308,1.0388 -2.174,1.0388 z" />

</svg>
  
  

</body>

</html>

/*Downloaded from https://www.codeseek.co/dancasttro/animate-logo-svg-mAjBNW */
body {
  background-color: #fff;
  overflow: hidden;
}

svg {
  width: 350px;
  height: 350px;
  margin: 0 auto;
  display: block;
}

Comments