svg preserveAspectRatio : embedded in html

<svg width="100%" height="200px" viewBox="0 0 500 500" preserveAspectRatio="xMinYMid meet" xmlns="http://www.w3.org/2000/svg">
  <defs></defs>
  <g style="transform-box:fill-box;transform-origin:50% 100%;" transform="matrix(1, -0.000029, 0.000029, 1, 154.004211, 92.18528)">
    <defs></defs>
    <g>
      <path class="fil0" d="M77 117c-18,11 -33,9 -43,-9 -9,-15 -24,-4 -34,-18 6,-9 15,-12 25,-13 -4,-5 -5,-8 -7,-13 -12,-5 -2,-11 8,-10 -5,-2 -6,-7 -6,-12 1,-10 10,-13 16,-19 4,-4 4,-8 10,-12 5,-3 18,-5 25,-6 6,0 11,0 13,5 6,-20 49,-7 56,8 6,13 4,25 -12,37 11,-6 26,13 32,21 -10,5 -21,5 -31,13 -2,2 -15,17 -19,17 -8,12 -27,13 -33,11zm-38 -50c10,1 16,7 17,13 -14,-13 -20,-7 -32,-14 9,19 29,48 56,48 8,0 29,-4 28,-21 -17,-4 -27,-5 -42,-17 -22,-24 -60,-19 -43,-13 3,1 8,3 16,4zm48 -50c10,0 19,-5 24,-1 6,3 8,25 -1,36 13,-3 15,-15 15,-19 6,9 -7,22 -15,24 2,5 3,16 2,23 5,-11 7,-20 15,-29 6,-8 15,-14 8,-30 -6,-12 -40,-23 -46,-11 -1,2 -2,2 -2,7zm-10 61c7,5 19,8 29,10 2,-9 4,-16 -1,-28 -7,8 -17,12 -28,18zm26 -52c8,18 -8,26 -21,37 -3,4 -8,8 -10,11 2,0 26,-11 33,-20 5,-6 10,-28 4,-32 -4,-4 -9,-1 -6,4zm-59 30c-1,-4 -7,-16 -3,-24 3,-1 9,-1 13,0 2,-5 3,-9 7,-12 6,-4 11,-2 16,-4 4,-2 7,-9 -6,-7 -9,1 -20,4 -23,6 -5,3 -5,6 -10,11 -5,6 -13,7 -14,15 0,4 1,8 5,10 3,2 11,5 15,5zm68 33c2,5 0,10 0,12 0,0 5,-5 16,-16 8,-7 19,-8 26,-10 -12,-15 -18,-17 -23,-16 -10,2 -12,22 -19,30zm-106 0c7,10 22,1 32,16 8,13 13,17 33,12 -24,-4 -41,-32 -43,-36 -8,1 -17,2 -22,8zm50 -28c1,-6 -8,-5 -5,-21 12,11 26,11 35,10 -15,8 -29,0 -32,-3 -1,5 7,7 7,16 1,3 4,6 8,9 14,-19 25,-18 30,-30 -16,8 -29,6 -38,0 -6,-4 -6,-6 -16,-5 -1,10 4,21 11,24zm19 -25c4,4 7,4 13,-1 -4,-4 -5,-2 -10,1 6,-13 13,-6 16,0 16,-12 -22,-19 -19,0zm-17 -2c6,3 7,6 13,5 -3,-9 1,-12 4,-18 -8,1 -9,1 -11,3 -3,1 -4,3 -6,10zm20 -11c2,-1 5,-1 8,-2 5,0 9,1 12,4 0,-1 -1,-2 -1,-4 1,-1 1,-2 2,-2 -3,0 -6,1 -8,1 -2,0 -4,1 -6,0l-2 0c0,-2 0,-4 0,-6 -1,2 -2,4 -5,5l3 0c-1,1 -2,3 -3,4zm-1 19c-2,0 -4,0 -6,0 9,2 16,1 22,-1 -1,-1 -2,-2 -3,-4 -4,4 -8,6 -13,5zm20 -4c1,0 3,-1 5,-1 0,-2 0,-3 -1,-4 0,2 -2,3 -4,5z" style="fill: rgb(235, 8, 8); stroke: rgb(200, 7, 23);"></path>
      <path class="fil1" d="M122 130c0,0 7,-4 7,-4 0,-1 4,-11 4,-11l-2 9c0,0 4,-1 4,-1 0,-1 4,-11 4,-10 0,0 -1,10 -1,9 0,0 4,-2 4,-2 0,0 4,-11 4,-11l-2 10 4 -2 5 -7 -3 6 14 -4 -12 7 6 3 -9 -3 -5 3 9 4 -11 -3 -4 2 8 5 -11 -4 -3 1 8 5 -10 -4 -7 3 -1 -1z" style="stroke: rgb(42, 144, 75);"></path>
      <path class="fil1" d="M95 290c2,0 4,0 7,0 -44,-74 1,-95 3,-137l3 -4c8,-14 21,-6 34,-6l11 -1 -3 -2c2,-1 5,-1 6,-2l10 -4 -3 -1c2,-1 4,-2 5,-3l6 -5 -1 0c1,-1 1,-1 2,-2l5 -5 -3 -1c2,-2 4,-4 7,-6l8 -5 -9 -3c-6,-1 -11,-2 -17,-3l1 -2 -8 0c-1,0 -2,0 -3,1l0 -1 -6 1c-3,0 -5,1 -7,2l0 -3 -5 2c-1,1 -2,1 -3,2l0 -1 -6 5c0,0 0,0 0,0l0 -3 -7 8c-4,4 -7,12 -9,18 0,1 -5,3 -10,6 -1,-5 -3,-11 -6,-17 -2,1 -4,2 -6,2 12,25 7,42 -1,60 -4,-5 -9,-7 -9,-8 -1,-6 -3,-14 -7,-19l-6 -9 0 3c0,0 0,0 0,0l-6 -5 0 0c-1,0 -2,-1 -2,-1l-6 -3 0 2c-2,-1 -4,-2 -6,-3l-7 -1 0 1c-1,-1 -2,-1 -3,-1l-7 -1 1 2c-6,0 -12,0 -18,1l-9 2 7 6c3,2 5,4 7,7l-3 1 4 5c0,1 1,1 2,2l-1 0 5 5c1,2 3,3 4,4l-3 1 10 5c1,1 4,1 6,2l-3 2 10 2c13,2 27,-5 34,10l0 1c-10,23 -18,50 11,97zm10 -145c0,-2 0,-3 -1,-5 4,-5 11,-5 13,-10 2,-5 5,-13 8,-17 0,1 0,2 0,2 2,-1 4,-5 6,-6l0 1c2,-1 6,-5 8,-6l0 2c3,0 8,-3 11,-3l0 1c2,0 7,-1 9,-1l-1 1c8,0 17,1 24,3 -5,4 -9,8 -13,12l3 1c-2,2 -8,4 -10,6l3 1c-2,2 -10,5 -13,6l3 1c-3,1 -12,2 -15,3l2 2c-12,0 -27,-8 -37,6zm-17 39l-2 4c-8,-15 -24,-8 -35,-10l2 -2c-3,0 -12,-2 -14,-4l3 -1c-3,-1 -11,-5 -13,-7l3 -1c-2,-2 -8,-5 -9,-7l3 0c-3,-5 -7,-10 -11,-14 7,-1 16,-1 23,-1l0 -1c2,0 7,2 9,3l0 -2c3,1 8,4 10,5l0 -2c2,1 6,6 8,7l0 -1c2,1 4,5 5,7 0,0 0,-2 1,-2 2,4 5,12 6,18 1,4 8,5 11,11z" style="stroke: rgb(106, 191, 150);"></path>
      <path class="fil1" d="M72 171c0,0 -6,-4 -6,-4 0,-1 -4,-12 -4,-12l1 10c0,0 -4,-2 -4,-2 0,0 -2,-11 -2,-11 0,1 0,10 0,10 0,0 -4,-2 -4,-2 0,-1 -3,-12 -3,-12l1 10 -3 -2 -4 -8 1 7 -13 -6 12 8 -8 2 10 -1 4 3 -9 3 12 -2 4 2 -9 5 11 -3 3 2 -8 3 10 -2 6 4 2 -2z" style="stroke: rgb(67, 123, 88);"></path>
    </g>
    <animateTransform type="skewX" additive="sum" attributeName="transform" values="0; 5;0;-5;0" begin="0s" dur="2s" fill="freeze" repeatCount="indefinite"></animateTransform>
  </g>
</svg>


<svg viewBox="0 0 500 500" xmlns="http://www.w3.org/2000/svg">
  <defs></defs>
  <g style="transform-box:fill-box;transform-origin:50% 100%;" transform="matrix(1, -0.000029, 0.000029, 1, 154.004211, 92.18528)">
    <defs></defs>
    <g>
      <path class="fil0" d="M77 117c-18,11 -33,9 -43,-9 -9,-15 -24,-4 -34,-18 6,-9 15,-12 25,-13 -4,-5 -5,-8 -7,-13 -12,-5 -2,-11 8,-10 -5,-2 -6,-7 -6,-12 1,-10 10,-13 16,-19 4,-4 4,-8 10,-12 5,-3 18,-5 25,-6 6,0 11,0 13,5 6,-20 49,-7 56,8 6,13 4,25 -12,37 11,-6 26,13 32,21 -10,5 -21,5 -31,13 -2,2 -15,17 -19,17 -8,12 -27,13 -33,11zm-38 -50c10,1 16,7 17,13 -14,-13 -20,-7 -32,-14 9,19 29,48 56,48 8,0 29,-4 28,-21 -17,-4 -27,-5 -42,-17 -22,-24 -60,-19 -43,-13 3,1 8,3 16,4zm48 -50c10,0 19,-5 24,-1 6,3 8,25 -1,36 13,-3 15,-15 15,-19 6,9 -7,22 -15,24 2,5 3,16 2,23 5,-11 7,-20 15,-29 6,-8 15,-14 8,-30 -6,-12 -40,-23 -46,-11 -1,2 -2,2 -2,7zm-10 61c7,5 19,8 29,10 2,-9 4,-16 -1,-28 -7,8 -17,12 -28,18zm26 -52c8,18 -8,26 -21,37 -3,4 -8,8 -10,11 2,0 26,-11 33,-20 5,-6 10,-28 4,-32 -4,-4 -9,-1 -6,4zm-59 30c-1,-4 -7,-16 -3,-24 3,-1 9,-1 13,0 2,-5 3,-9 7,-12 6,-4 11,-2 16,-4 4,-2 7,-9 -6,-7 -9,1 -20,4 -23,6 -5,3 -5,6 -10,11 -5,6 -13,7 -14,15 0,4 1,8 5,10 3,2 11,5 15,5zm68 33c2,5 0,10 0,12 0,0 5,-5 16,-16 8,-7 19,-8 26,-10 -12,-15 -18,-17 -23,-16 -10,2 -12,22 -19,30zm-106 0c7,10 22,1 32,16 8,13 13,17 33,12 -24,-4 -41,-32 -43,-36 -8,1 -17,2 -22,8zm50 -28c1,-6 -8,-5 -5,-21 12,11 26,11 35,10 -15,8 -29,0 -32,-3 -1,5 7,7 7,16 1,3 4,6 8,9 14,-19 25,-18 30,-30 -16,8 -29,6 -38,0 -6,-4 -6,-6 -16,-5 -1,10 4,21 11,24zm19 -25c4,4 7,4 13,-1 -4,-4 -5,-2 -10,1 6,-13 13,-6 16,0 16,-12 -22,-19 -19,0zm-17 -2c6,3 7,6 13,5 -3,-9 1,-12 4,-18 -8,1 -9,1 -11,3 -3,1 -4,3 -6,10zm20 -11c2,-1 5,-1 8,-2 5,0 9,1 12,4 0,-1 -1,-2 -1,-4 1,-1 1,-2 2,-2 -3,0 -6,1 -8,1 -2,0 -4,1 -6,0l-2 0c0,-2 0,-4 0,-6 -1,2 -2,4 -5,5l3 0c-1,1 -2,3 -3,4zm-1 19c-2,0 -4,0 -6,0 9,2 16,1 22,-1 -1,-1 -2,-2 -3,-4 -4,4 -8,6 -13,5zm20 -4c1,0 3,-1 5,-1 0,-2 0,-3 -1,-4 0,2 -2,3 -4,5z" style="fill: rgb(235, 8, 8); stroke: rgb(200, 7, 23);"></path>
      <path class="fil1" d="M122 130c0,0 7,-4 7,-4 0,-1 4,-11 4,-11l-2 9c0,0 4,-1 4,-1 0,-1 4,-11 4,-10 0,0 -1,10 -1,9 0,0 4,-2 4,-2 0,0 4,-11 4,-11l-2 10 4 -2 5 -7 -3 6 14 -4 -12 7 6 3 -9 -3 -5 3 9 4 -11 -3 -4 2 8 5 -11 -4 -3 1 8 5 -10 -4 -7 3 -1 -1z" style="stroke: rgb(42, 144, 75);"></path>
      <path class="fil1" d="M95 290c2,0 4,0 7,0 -44,-74 1,-95 3,-137l3 -4c8,-14 21,-6 34,-6l11 -1 -3 -2c2,-1 5,-1 6,-2l10 -4 -3 -1c2,-1 4,-2 5,-3l6 -5 -1 0c1,-1 1,-1 2,-2l5 -5 -3 -1c2,-2 4,-4 7,-6l8 -5 -9 -3c-6,-1 -11,-2 -17,-3l1 -2 -8 0c-1,0 -2,0 -3,1l0 -1 -6 1c-3,0 -5,1 -7,2l0 -3 -5 2c-1,1 -2,1 -3,2l0 -1 -6 5c0,0 0,0 0,0l0 -3 -7 8c-4,4 -7,12 -9,18 0,1 -5,3 -10,6 -1,-5 -3,-11 -6,-17 -2,1 -4,2 -6,2 12,25 7,42 -1,60 -4,-5 -9,-7 -9,-8 -1,-6 -3,-14 -7,-19l-6 -9 0 3c0,0 0,0 0,0l-6 -5 0 0c-1,0 -2,-1 -2,-1l-6 -3 0 2c-2,-1 -4,-2 -6,-3l-7 -1 0 1c-1,-1 -2,-1 -3,-1l-7 -1 1 2c-6,0 -12,0 -18,1l-9 2 7 6c3,2 5,4 7,7l-3 1 4 5c0,1 1,1 2,2l-1 0 5 5c1,2 3,3 4,4l-3 1 10 5c1,1 4,1 6,2l-3 2 10 2c13,2 27,-5 34,10l0 1c-10,23 -18,50 11,97zm10 -145c0,-2 0,-3 -1,-5 4,-5 11,-5 13,-10 2,-5 5,-13 8,-17 0,1 0,2 0,2 2,-1 4,-5 6,-6l0 1c2,-1 6,-5 8,-6l0 2c3,0 8,-3 11,-3l0 1c2,0 7,-1 9,-1l-1 1c8,0 17,1 24,3 -5,4 -9,8 -13,12l3 1c-2,2 -8,4 -10,6l3 1c-2,2 -10,5 -13,6l3 1c-3,1 -12,2 -15,3l2 2c-12,0 -27,-8 -37,6zm-17 39l-2 4c-8,-15 -24,-8 -35,-10l2 -2c-3,0 -12,-2 -14,-4l3 -1c-3,-1 -11,-5 -13,-7l3 -1c-2,-2 -8,-5 -9,-7l3 0c-3,-5 -7,-10 -11,-14 7,-1 16,-1 23,-1l0 -1c2,0 7,2 9,3l0 -2c3,1 8,4 10,5l0 -2c2,1 6,6 8,7l0 -1c2,1 4,5 5,7 0,0 0,-2 1,-2 2,4 5,12 6,18 1,4 8,5 11,11z" style="stroke: rgb(106, 191, 150);"></path>
      <path class="fil1" d="M72 171c0,0 -6,-4 -6,-4 0,-1 -4,-12 -4,-12l1 10c0,0 -4,-2 -4,-2 0,0 -2,-11 -2,-11 0,1 0,10 0,10 0,0 -4,-2 -4,-2 0,-1 -3,-12 -3,-12l1 10 -3 -2 -4 -8 1 7 -13 -6 12 8 -8 2 10 -1 4 3 -9 3 12 -2 4 2 -9 5 11 -3 3 2 -8 3 10 -2 6 4 2 -2z" style="stroke: rgb(67, 123, 88);"></path>
    </g>
    <animateTransform type="skewX" additive="sum" attributeName="transform" values="0; 5;0;-5;0" begin="0s" dur="2s" fill="freeze" repeatCount="indefinite"></animateTransform>
  </g>
</svg>


<svg width="100%" height="200px" viewBox="0 0 500 500" preserveAspectRatio="xMaxYMid meet" xmlns="http://www.w3.org/2000/svg">
  <defs></defs>
  <g style="transform-box:fill-box;transform-origin:50% 100%;" transform="matrix(1, -0.000029, 0.000029, 1, 154.004211, 92.18528)">
    <defs></defs>
    <g>
      <path class="fil0" d="M77 117c-18,11 -33,9 -43,-9 -9,-15 -24,-4 -34,-18 6,-9 15,-12 25,-13 -4,-5 -5,-8 -7,-13 -12,-5 -2,-11 8,-10 -5,-2 -6,-7 -6,-12 1,-10 10,-13 16,-19 4,-4 4,-8 10,-12 5,-3 18,-5 25,-6 6,0 11,0 13,5 6,-20 49,-7 56,8 6,13 4,25 -12,37 11,-6 26,13 32,21 -10,5 -21,5 -31,13 -2,2 -15,17 -19,17 -8,12 -27,13 -33,11zm-38 -50c10,1 16,7 17,13 -14,-13 -20,-7 -32,-14 9,19 29,48 56,48 8,0 29,-4 28,-21 -17,-4 -27,-5 -42,-17 -22,-24 -60,-19 -43,-13 3,1 8,3 16,4zm48 -50c10,0 19,-5 24,-1 6,3 8,25 -1,36 13,-3 15,-15 15,-19 6,9 -7,22 -15,24 2,5 3,16 2,23 5,-11 7,-20 15,-29 6,-8 15,-14 8,-30 -6,-12 -40,-23 -46,-11 -1,2 -2,2 -2,7zm-10 61c7,5 19,8 29,10 2,-9 4,-16 -1,-28 -7,8 -17,12 -28,18zm26 -52c8,18 -8,26 -21,37 -3,4 -8,8 -10,11 2,0 26,-11 33,-20 5,-6 10,-28 4,-32 -4,-4 -9,-1 -6,4zm-59 30c-1,-4 -7,-16 -3,-24 3,-1 9,-1 13,0 2,-5 3,-9 7,-12 6,-4 11,-2 16,-4 4,-2 7,-9 -6,-7 -9,1 -20,4 -23,6 -5,3 -5,6 -10,11 -5,6 -13,7 -14,15 0,4 1,8 5,10 3,2 11,5 15,5zm68 33c2,5 0,10 0,12 0,0 5,-5 16,-16 8,-7 19,-8 26,-10 -12,-15 -18,-17 -23,-16 -10,2 -12,22 -19,30zm-106 0c7,10 22,1 32,16 8,13 13,17 33,12 -24,-4 -41,-32 -43,-36 -8,1 -17,2 -22,8zm50 -28c1,-6 -8,-5 -5,-21 12,11 26,11 35,10 -15,8 -29,0 -32,-3 -1,5 7,7 7,16 1,3 4,6 8,9 14,-19 25,-18 30,-30 -16,8 -29,6 -38,0 -6,-4 -6,-6 -16,-5 -1,10 4,21 11,24zm19 -25c4,4 7,4 13,-1 -4,-4 -5,-2 -10,1 6,-13 13,-6 16,0 16,-12 -22,-19 -19,0zm-17 -2c6,3 7,6 13,5 -3,-9 1,-12 4,-18 -8,1 -9,1 -11,3 -3,1 -4,3 -6,10zm20 -11c2,-1 5,-1 8,-2 5,0 9,1 12,4 0,-1 -1,-2 -1,-4 1,-1 1,-2 2,-2 -3,0 -6,1 -8,1 -2,0 -4,1 -6,0l-2 0c0,-2 0,-4 0,-6 -1,2 -2,4 -5,5l3 0c-1,1 -2,3 -3,4zm-1 19c-2,0 -4,0 -6,0 9,2 16,1 22,-1 -1,-1 -2,-2 -3,-4 -4,4 -8,6 -13,5zm20 -4c1,0 3,-1 5,-1 0,-2 0,-3 -1,-4 0,2 -2,3 -4,5z" style="fill: rgb(235, 8, 8); stroke: rgb(200, 7, 23);"></path>
      <path class="fil1" d="M122 130c0,0 7,-4 7,-4 0,-1 4,-11 4,-11l-2 9c0,0 4,-1 4,-1 0,-1 4,-11 4,-10 0,0 -1,10 -1,9 0,0 4,-2 4,-2 0,0 4,-11 4,-11l-2 10 4 -2 5 -7 -3 6 14 -4 -12 7 6 3 -9 -3 -5 3 9 4 -11 -3 -4 2 8 5 -11 -4 -3 1 8 5 -10 -4 -7 3 -1 -1z" style="stroke: rgb(42, 144, 75);"></path>
      <path class="fil1" d="M95 290c2,0 4,0 7,0 -44,-74 1,-95 3,-137l3 -4c8,-14 21,-6 34,-6l11 -1 -3 -2c2,-1 5,-1 6,-2l10 -4 -3 -1c2,-1 4,-2 5,-3l6 -5 -1 0c1,-1 1,-1 2,-2l5 -5 -3 -1c2,-2 4,-4 7,-6l8 -5 -9 -3c-6,-1 -11,-2 -17,-3l1 -2 -8 0c-1,0 -2,0 -3,1l0 -1 -6 1c-3,0 -5,1 -7,2l0 -3 -5 2c-1,1 -2,1 -3,2l0 -1 -6 5c0,0 0,0 0,0l0 -3 -7 8c-4,4 -7,12 -9,18 0,1 -5,3 -10,6 -1,-5 -3,-11 -6,-17 -2,1 -4,2 -6,2 12,25 7,42 -1,60 -4,-5 -9,-7 -9,-8 -1,-6 -3,-14 -7,-19l-6 -9 0 3c0,0 0,0 0,0l-6 -5 0 0c-1,0 -2,-1 -2,-1l-6 -3 0 2c-2,-1 -4,-2 -6,-3l-7 -1 0 1c-1,-1 -2,-1 -3,-1l-7 -1 1 2c-6,0 -12,0 -18,1l-9 2 7 6c3,2 5,4 7,7l-3 1 4 5c0,1 1,1 2,2l-1 0 5 5c1,2 3,3 4,4l-3 1 10 5c1,1 4,1 6,2l-3 2 10 2c13,2 27,-5 34,10l0 1c-10,23 -18,50 11,97zm10 -145c0,-2 0,-3 -1,-5 4,-5 11,-5 13,-10 2,-5 5,-13 8,-17 0,1 0,2 0,2 2,-1 4,-5 6,-6l0 1c2,-1 6,-5 8,-6l0 2c3,0 8,-3 11,-3l0 1c2,0 7,-1 9,-1l-1 1c8,0 17,1 24,3 -5,4 -9,8 -13,12l3 1c-2,2 -8,4 -10,6l3 1c-2,2 -10,5 -13,6l3 1c-3,1 -12,2 -15,3l2 2c-12,0 -27,-8 -37,6zm-17 39l-2 4c-8,-15 -24,-8 -35,-10l2 -2c-3,0 -12,-2 -14,-4l3 -1c-3,-1 -11,-5 -13,-7l3 -1c-2,-2 -8,-5 -9,-7l3 0c-3,-5 -7,-10 -11,-14 7,-1 16,-1 23,-1l0 -1c2,0 7,2 9,3l0 -2c3,1 8,4 10,5l0 -2c2,1 6,6 8,7l0 -1c2,1 4,5 5,7 0,0 0,-2 1,-2 2,4 5,12 6,18 1,4 8,5 11,11z" style="stroke: rgb(106, 191, 150);"></path>
      <path class="fil1" d="M72 171c0,0 -6,-4 -6,-4 0,-1 -4,-12 -4,-12l1 10c0,0 -4,-2 -4,-2 0,0 -2,-11 -2,-11 0,1 0,10 0,10 0,0 -4,-2 -4,-2 0,-1 -3,-12 -3,-12l1 10 -3 -2 -4 -8 1 7 -13 -6 12 8 -8 2 10 -1 4 3 -9 3 12 -2 4 2 -9 5 11 -3 3 2 -8 3 10 -2 6 4 2 -2z" style="stroke: rgb(67, 123, 88);"></path>
    </g>
    <animateTransform type="skewX" additive="sum" attributeName="transform" values="0; 5;0;-5;0" begin="0s" dur="2s" fill="freeze" repeatCount="indefinite"></animateTransform>
  </g>
</svg>