SmirkHat SVG animation

smirkhat.html

<svg width="8.9543133in" height="8.5072241in" viewBox="0 0 227.43956 216.08349" version="1.1" id="svg" xmlns="http://www.w3.org/2000/svg" xmlns:svg="http://www.w3.org/2000/svg" class="animate-svg">
  <defs id="defs1">
    <style>
      .animate-svg path {
        stroke: #000;
        fill: #000;
        stroke-width: 1px;
        stroke-dasharray: 2593.83px;
        animation: infinite-draw 7s ease-in-out infinite;
      }
      
      @keyframes infinite-draw {
        0% {
          stroke-dashoffset: 2593.83px;
          fill-opacity: 0;
          stroke-opacity: 1;
        }
        50% {
          stroke-dashoffset: 0px;
          fill-opacity: 0;
          stroke-opacity: 1;
        }
        95% {
          stroke-dashoffset: 2593.83px;
          fill-opacity: 0;
          stroke-opacity: 1;
        }
                100% {
          stroke-dashoffset: 2593.83px;
          fill-opacity: 0;
          stroke-opacity: 0;
        }
      }
    </style>
  </defs>
  <g transform="translate(796.98746,650.00015)">
    <path d="m -736.97698,-584.1578 h 1.56953 c 3.45977,0 6.24507,2.7853 6.24507,6.24507 v 18.58089 c 0,3.45977 -2.7853,6.24507 -6.24507,6.24507 h -1.56953 c -3.45977,0 -6.24507,-2.7853 -6.24507,-6.24507 v -18.58089 c 0,-3.45977 2.7853,-6.24507 6.24507,-6.24507 z m 93.82787,57.3235 c 0,0 -8.93587,3.07783 -13.53865,4.14874 -0.0262,0.006 -0.0523,0.0127 -0.0785,0.019 0.48546,0.27243 1.03032,0.44095 1.58524,0.49075 0.39797,0.0357 0.79861,0.0127 1.19809,0.0207 1.03402,0.0207 2.05141,0.24874 3.05946,0.47995 2.36575,0.5426 4.74741,1.11618 6.93396,2.16981 0.51696,0.2491 1.02104,0.52419 1.5179,0.81127 1.68475,0.97339 3.28745,2.08522 4.821,3.28275 1.50656,1.17645 2.95571,2.44459 4.15891,3.92986 0.38756,0.47841 0.7501,0.97983 1.18753,1.41311 0.44465,0.44044 0.96646,0.8073 1.54495,1.04616 0.57849,0.23885 1.21453,0.34718 1.83684,0.28062 1.11154,-0.11889 2.14334,-0.82488 2.6567,-1.81792 0.51336,-0.99304 0.49281,-2.2431 -0.0529,-3.21873 -0.81043,-1.28748 -1.74191,-2.49871 -2.7782,-3.61249 -1.34524,-1.44584 -2.86214,-2.72306 -4.43654,-3.91528 -2.06903,-1.56676 -4.24873,-2.99567 -6.56535,-4.16569 -0.99449,-0.50227 -2.01313,-0.9561 -3.05044,-1.36261 z m -79.96226,11.09829 c -0.0789,0.0915 -0.15711,0.18343 -0.23465,0.27605 -0.97658,1.16649 -1.84341,2.42487 -2.58535,3.753 -0.4939,1.00285 -0.44903,2.25219 0.11559,3.21699 0.56464,0.96481 1.632,1.61592 2.74825,1.67647 0.62493,0.0339 1.25445,-0.10762 1.81965,-0.37642 0.56519,-0.2688 1.06702,-0.66245 1.48802,-1.12555 0.41414,-0.45558 0.74999,-0.97532 1.11199,-1.47336 1.12383,-1.5462 2.50462,-2.88843 3.94752,-4.14211 0.47448,-0.41225 0.95667,-0.81598 1.44702,-1.20937 -3.31042,0.0507 -6.5994,-0.12281 -9.85804,-0.5957 z m 51.66271,53.4767 c -0.0459,-0.0119 -0.69638,-0.061 -1.44557,-0.10911 -0.7492,-0.0481 -2.0252,-0.13668 -2.83556,-0.19685 -0.81036,-0.0602 -2.04883,-0.14657 -2.75216,-0.19197 -1.51613,-0.0979 -3.89426,-0.25996 -6.08811,-0.41491 -1.52898,-0.10799 -2.21486,-0.15518 -5.69892,-0.39207 -2.5965,-0.17657 -6.36036,-0.43921 -6.67577,-0.46586 -0.2783,-0.0235 -0.77013,-0.26305 -1.00603,-0.48997 -0.0968,-0.0931 -0.24505,-0.32278 -0.32954,-0.51044 -0.37995,-0.84399 -0.006,-1.79519 0.86315,-2.19479 0.36236,-0.16664 0.6649,-0.17466 2.58907,-0.0688 1.82434,0.10039 8.70724,0.14302 10.46481,0.0648 4.94451,-0.22001 8.1256,-0.63182 10.78331,-1.39594 0.74756,-0.21492 2.53898,-0.93522 6.63486,-2.66772 0.56572,-0.23931 1.45391,-0.60964 1.97377,-0.823 1.00026,-0.41051 4.2891,-1.77978 5.36532,-2.23377 2.57066,-1.08442 2.71954,-1.12711 3.27594,-0.93921 0.38876,0.13129 0.77547,0.44935 0.98869,0.8132 0.11915,0.2033 0.15309,0.34254 0.17144,0.70339 0.0227,0.44622 0.0203,0.45557 -0.28538,1.13769 -1.13213,2.526 -3.40167,5.3559 -5.61862,7.00589 -1.73949,1.29465 -3.1592,2.03906 -5.0512,2.64853 -0.93525,0.30128 -2.15284,0.55455 -3.04393,0.63315 -0.73707,0.065 -2.15672,0.11965 -2.27957,0.0877 z m 17.2482,-30.22009 c -2.89471,-0.77787 -5.03607,-3.56183 -5.03607,-6.54732 v -0.95285 l -1.24272,0.0958 c -3.69009,0.28455 -7.55438,1.56694 -10.94165,3.63105 -1.31148,0.79918 -1.99436,0.95949 -3.06882,0.72041 -1.46829,-0.3267 -2.67249,-1.8136 -2.67249,-3.29987 0,-1.37813 0.77147,-2.39692 2.70894,-3.57738 3.5806,-2.18159 7.48654,-3.52481 12.30746,-4.23245 2.58777,-0.37984 8.4845,-0.3796 11.24396,4.6e-4 2.87892,0.39651 3.7153,0.66559 4.49617,1.44646 0.81068,0.81067 1.07992,1.57082 0.93734,2.64637 -0.1504,1.1346 -0.14662,1.31798 0.049,2.37545 0.46441,2.51094 -0.99271,5.63721 -3.24176,6.95524 -1.6102,0.94364 -3.72632,1.22579 -5.53932,0.7386 z m -42.62078,0.8192 c -1.29938,-0.36351 -2.27163,-0.93629 -3.26686,-1.92459 -1.39743,-1.38773 -2.07992,-3.04402 -2.07992,-5.04768 v -0.70096 l -0.8256,0.10322 c -4.31593,0.53958 -7.3839,1.45889 -10.10383,3.02759 -2.36118,1.36179 -2.59583,1.45919 -3.51533,1.45919 -2.73545,0 -4.329,-2.94865 -2.81095,-5.20128 0.55198,-0.81907 1.72043,-1.6177 4.12465,-2.81914 4.80522,-2.40125 9.66679,-3.45942 15.89373,-3.45942 4.04225,0 8.05134,0.49422 9.34477,1.15199 0.40672,0.20683 0.90692,0.64515 1.17944,1.03351 0.4503,0.64171 0.47412,0.7555 0.49182,2.35028 0.0102,0.92175 0.072,2.17128 0.13729,2.77672 0.48503,4.49896 -4.20872,8.47043 -8.56921,7.25057 z m -56.30336,-82.23705 c -4.3232,0 -7.80358,3.48038 -7.80358,7.80357 v 26.31068 c 0,4.3232 3.48038,7.80358 7.80358,7.80358 0.61109,0 1.20537,-0.0695 1.77533,-0.20114 -1.32381,-3.72653 -0.93697,-8.03875 -0.20705,-11.90359 1.12685,-4.9646 3.31857,-9.46148 6.23529,-13.46478 v -8.54475 c 0,-4.32319 -3.48038,-7.80357 -7.80357,-7.80357 z m -17.97464,5.56019 c 4.14534,0 7.48257,3.33723 7.48257,7.48258 v 21.56195 c 0,4.14534 -3.33723,7.48257 -7.48257,7.48257 -4.14535,0 -7.48258,-3.33723 -7.48258,-7.48257 v -21.56195 c 0,-4.14535 3.33723,-7.48258 7.48258,-7.48258 z m -17.35634,6.44429 c 4.14534,0 7.48257,3.39507 7.48257,7.61227 v 14.86716 c 0,4.2172 -3.33723,7.61228 -7.48257,7.61228 -4.14535,0 -7.48258,-3.39508 -7.48258,-7.61228 v -14.86716 c 0,-4.2172 3.33723,-7.61227 7.48258,-7.61227 z m 102.37541,14.87798 c -12.47959,-0.24385 -26.63103,-0.86512 -35.52118,-10.80338 -1.6619,-5.54099 -0.91861,-11.55565 -0.99198,-17.29004 0.45614,-6.56395 0.47036,-6.93718 0.47036,-6.93718 6.49752,3.43337 13.54217,6.74412 19.91676,7.73248 9.3138,0.85424 18.73454,0.15319 28.01492,-0.84658 13.27781,-1.49017 26.55854,-3.83027 39.13402,-8.36594 9.18564,-3.51799 18.74461,-8.38021 26.86499,-13.38345 2.43994,-1.30598 2.97974,-2.13189 3.6994,2.07395 1.18889,6.21771 2.22824,12.59891 2.25926,18.91595 -1.77526,3.93292 -6.02243,6.02079 -9.26727,8.62731 -11.10551,6.82907 -23.15653,12.09405 -35.70535,15.54592 -19.96807,5.47905 -36.74565,4.83816 -38.87393,4.73096 z m -19.31161,-69.49715 c -3.98018,-0.0585 -3.69296,-6.98501 -1.39705,-8.06072 -4.79815,6.47918 1.89545,9.69194 7.03616,6.84853 13.91221,-10.63953 58.10171,-27.56833 57.9519,-27.35824 -4.62535,1.5099 -41.40938,16.77013 -57.4058,26.53001 -1.93585,1.03719 -3.88218,2.26439 -6.18521,2.04042 z m -24.00845,99.46049 c -0.73834,10.96086 0.80057,22.06274 4.82494,32.34223 11.4821,32.19382 46.59342,53.19308 80.34381,49.27237 37.98045,-3.18159 69.77208,-38.6916 68.87996,-76.75489 0.15342,-15.5536 -4.83246,-30.96876 -13.6127,-43.76035 -10.29825,8.6081 -22.06963,15.52129 -34.26273,21.0289 -11.00632,4.50416 -21.89774,9.54733 -33.46085,12.23766 -16.74816,4.04058 -33.85611,7.10371 -51.1506,7.27609 -7.29828,0.59613 -14.51649,0.31251 -21.56183,-1.64201 z m -32.19175,30.06395 c -2.59418,-0.22777 -6.40135,-1.04591 -8.90303,-1.9132 -11.42112,-3.95952 -19.56757,-13.5588 -23.12744,-27.25195 -0.875,-3.36568 -1.80132,-8.01691 -2.0078,-11.53075 l -0.19397,-3.28981 1.90425,0.84042 c 2.77855,1.2263 8.17643,3.00081 11.89701,-0.79868 2.35874,-2.43287 3.86943,-0.75852 3.86943,-0.75852 0.0187,-0.0495 1.81368,1.5971 2.47473,1.91717 1.22503,0.59313 3.4777,1.13317 4.72682,1.13317 1.23892,0 3.50046,-0.53881 4.67643,-1.11416 1.17254,-0.57367 3.0298,-2.17189 3.46168,-2.97886 0.18205,-0.27298 0.57435,-0.29682 0.78812,-0.0479 l 0.72686,0.69396 c 0.0701,0.067 0.18378,0.17556 0.25441,0.24199 3.61837,3.4035 6.35367,3.80366 7.40772,3.8485 0.26052,0.0111 0.39517,0.21904 0.30806,0.46948 -0.42024,1.20806 -1.52438,4.5366 -1.8599,6.22912 -0.56165,2.83324 -0.99555,10.04272 0.0181,10.48928 4.25416,1.87414 2.95124,-22.48784 6.80014,-15.78687 2.00265,3.48664 9.89456,6.72911 13.83024,8.23426 l 5.18978,2.03885 -0.17508,5.61563 c -0.0445,1.42669 -0.0521,8.44736 0.88654,13.37509 -0.004,2.89131 -3.82015,3.80231 -5.95407,4.89077 -6.07919,3.03784 -12.88125,4.93977 -19.95388,5.47114 -3.04254,0.22859 -4.27129,0.22543 -7.04517,-0.0181 z m 88.01917,-161.89042 c -3.53978,0.16102 -7.06239,0.59752 -10.54393,1.38993 -15.75631,4.79911 -30.38953,17.35811 -33.58156,34.06616 -3.56713,12.46719 -4.05069,25.47631 -4.97357,38.33261 -2.2363,0.99838 -4.45633,2.13401 -6.617,3.40363 v 11.69393 c 0,3.80928 -3.06666,6.87594 -6.87593,6.87594 h -0.21187 c -3.80927,0 -6.87593,-3.06666 -6.87593,-6.87594 v -0.24923 c -3.98728,4.64924 -6.99342,10.0573 -8.38216,16.17572 -0.96867,5.12897 -1.33317,11.0459 2.10295,15.33616 3.913,4.73116 11.13594,9.08628 17.80339,11.01268 7.75523,2.56779 15.73435,2.98561 23.81151,2.32586 17.2945,-0.17238 34.40245,-3.23551 51.15061,-7.27609 11.56311,-2.69033 22.45453,-7.7335 33.46085,-12.23766 19.00594,-8.58497 36.9872,-20.58511 49.96189,-37.09605 6.07508,-9.63454 1.51932,-23.30132 -8.74723,-27.88267 -7.72851,-4.86405 -16.90992,-6.90099 -25.87804,-7.52059 -1.96446,-11.66138 -5.27672,-23.30114 -10.638,-33.84791 -5.56914,-7.43537 -15.56478,-3.85232 -23.29348,-3.80457 -10.27971,-2.30832 -21.05315,-4.30499 -31.6725,-3.82191 z m -88.01917,161.89042 c -2.59418,-0.22777 -6.40135,-1.04591 -8.90303,-1.9132 -11.42112,-3.95952 -19.56757,-13.5588 -23.12744,-27.25195 -0.875,-3.36568 -1.80132,-8.01691 -2.0078,-11.53075 l -0.19397,-3.28981 1.90425,0.84042 c 2.77855,1.2263 8.17643,3.00081 11.89701,-0.79868 2.35874,-2.43287 3.86943,-0.75852 3.86943,-0.75852 0.0187,-0.0495 1.81368,1.5971 2.47473,1.91717 1.22503,0.59313 3.4777,1.13317 4.72682,1.13317 1.23892,0 3.50046,-0.53881 4.67643,-1.11416 1.17254,-0.57367 3.0298,-2.17189 3.46168,-2.97886 0.18205,-0.27298 0.57435,-0.29682 0.78812,-0.0479 l 0.72686,0.69396 c 0.0701,0.067 0.18378,0.17556 0.25441,0.24199 3.61837,3.4035 6.35367,3.80366 7.40772,3.8485 0.26052,0.0111 0.39517,0.21904 0.30806,0.46948 -0.42024,1.20806 -1.52438,4.5366 -1.8599,6.22912 -0.56165,2.83324 -0.99555,10.04272 0.0181,10.48928 4.25416,1.87414 2.95124,-22.48784 6.80014,-15.78687 2.00265,3.48664 9.89456,6.72911 13.83024,8.23426 l 5.18978,2.03885 -0.17508,5.61563 c -0.0445,1.42669 -0.0521,8.44736 0.88654,13.37509 -0.004,2.89131 -3.82015,3.80231 -5.95407,4.89077 -6.07919,3.03784 -12.88125,4.93977 -19.95388,5.47114 -3.04254,0.22859 -4.27129,0.22543 -7.04517,-0.0181 z"/>
  </g>
</svg>