<div class ="hello">
<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"
   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
   width="107.86161mm"
   height="53.956211mm"
   viewBox="0 0 107.86161 53.956211"
   version="1.1"
   id="svg8"
   inkscape:version="1.0.1 (3bc2e813f5, 2020-09-07)"
   sodipodi:docname="mozi2.svg">
  <defs
     id="defs2" />
  <sodipodi:namedview
     id="base"
     pagecolor="#ffffff"
     bordercolor="#666666"
     borderopacity="1.0"
     inkscape:pageopacity="0.0"
     inkscape:pageshadow="2"
     inkscape:zoom="1.979899"
     inkscape:cx="184.63239"
     inkscape:cy="123.85299"
     inkscape:document-units="mm"
     inkscape:current-layer="layer1"
     inkscape:document-rotation="0"
     showgrid="false"
     inkscape:window-width="1920"
     inkscape:window-height="1017"
     inkscape:window-x="-8"
     inkscape:window-y="-8"
     inkscape:window-maximized="1"
     fit-margin-top="0"
     fit-margin-left="0"
     fit-margin-right="0"
     fit-margin-bottom="0"
     units="px" />
  <metadata
     id="metadata5">
    <rdf:RDF>
      <cc:Work
         rdf:about="">
        <dc:format>image/svg+xml</dc:format>
        <dc:type
           rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
        <dc:title></dc:title>
      </cc:Work>
    </rdf:RDF>
  </metadata>
  <g
     inkscape:label="レイヤー 1"
     inkscape:groupmode="layer"
     id="layer1"
     transform="translate(-43.312086,-106.4643)">
    <g
       aria-label="HELLO"
       transform="scale(0.8403968,1.1899141)"
       id="text1356"
       style="font-size:35.1433px;line-height:1.25;font-family:sans-serif;stroke-width:1.31787">
      <path
         id="path_t"
         style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-family:'BIZ UDPMincho';-inkscape-font-specification:'BIZ UDPMincho';stroke-width:1.31787"
         d="m 165.22449,99.6025 q 6.07457,0 9.60949,4.87339 2.79705,3.8438 2.79705,9.24914 0,5.04498 -2.26509,8.61422 -3.39765,5.31955 -10.17577,5.31955 -6.28049,0 -9.6953,-4.63315 -2.74557,-3.70652 -2.74557,-9.31778 0,-5.8515 3.20889,-9.76394 3.53492,-4.34143 9.2663,-4.34143 z m -0.0686,1.90474 q -4.68463,0 -7.29292,3.89528 -2.16214,3.20888 -2.16214,8.25387 0,4.16983 1.56154,7.15564 1.16687,2.23078 3.05445,3.5006 2.14498,1.44143 4.87339,1.44143 4.41007,0 7.03552,-3.53493 2.45386,-3.27752 2.45386,-8.5799 0,-5.45682 -2.5225,-8.73435 -2.60829,-3.39764 -7.0012,-3.39764 z M 129.309,100.28889 h 10.21008 v 1.26983 q -2.62545,0.24024 -3.29468,0.84083 -0.66923,0.60059 -0.66923,2.35089 v 17.50301 q 0,1.8361 0.77219,2.41954 0.75503,0.56627 2.88285,0.56627 h 1.7503 q 3.62072,0 5.45682,-1.99054 1.45858,-1.54438 1.97338,-5.04498 h 1.21835 l -0.6006,8.78582 H 129.309 v -1.26982 q 2.07633,-0.18876 2.9858,-0.94379 0.77219,-0.63492 0.77219,-2.24794 v -17.77757 q 0,-1.80178 -0.73787,-2.41953 -0.66923,-0.54911 -3.02012,-0.77219 z m -22.13616,0 h 10.21009 v 1.26983 q -2.62545,0.24024 -3.29468,0.84083 -0.66924,0.60059 -0.66924,2.35089 v 17.50301 q 0,1.8361 0.77219,2.41954 0.75504,0.56627 2.88285,0.56627 h 1.7503 q 3.62073,0 5.45683,-1.99054 1.45858,-1.54438 1.97337,-5.04498 h 1.21835 l -0.60059,8.78582 h -19.69947 v -1.26982 q 2.07634,-0.18876 2.98581,-0.94379 0.77219,-0.63492 0.77219,-2.24794 v -17.77757 q 0,-1.80178 -0.73787,-2.41953 -0.66923,-0.54911 -3.02013,-0.77219 z m -25.585284,0 h 21.535564 l 0.37752,7.32724 h -1.21835 q -0.39467,-3.29468 -1.99054,-4.49587 -1.407102,-1.08107 -4.581667,-1.08107 h -5.422502 q -1.492903,0 -2.059177,0.53196 -0.634913,0.56627 -0.634913,2.02486 v 7.3444 h 4.59883 q 2.505333,0 3.534922,-0.92663 0.960949,-0.85799 0.995269,-3.00297 h 1.235506 v 10.03849 h -1.235506 q -0.06864,-2.40237 -1.081069,-3.4148 -0.960949,-0.94379 -3.449122,-0.94379 h -4.59883 v 8.97458 q 0,1.54438 0.669232,2.04202 0.686393,0.53195 2.951488,0.53195 h 4.032557 q 3.912437,0 5.662742,-1.33846 1.80178,-1.37279 2.11065,-4.99351 h 1.21835 l -0.60059,8.08227 H 81.587556 v -1.25266 q 2.179296,-0.1716 2.797049,-0.72072 0.686393,-0.60059 0.686393,-2.05917 v -18.63556 q 0,-1.54438 -0.772192,-2.07634 -0.772191,-0.51479 -2.71125,-0.70355 z m -28.210734,0 h 9.489377 v 1.26983 q -2.488173,0.12012 -3.054447,0.72071 -0.463315,0.49764 -0.463315,2.04202 v 7.61896 h 14.911879 v -7.61896 q 0,-1.63018 -0.531954,-2.11066 -0.617754,-0.54911 -2.985808,-0.65207 v -1.26983 h 9.489377 v 1.26983 q -2.436694,0.10296 -3.020127,0.72071 -0.463315,0.49764 -0.463315,2.04202 v 18.6184 q 0,1.6645 0.531954,2.11065 0.600594,0.53196 2.951488,0.66924 v 1.26982 h -9.489377 v -1.26982 q 2.505333,-0.15444 3.037287,-0.72072 0.480475,-0.49763 0.480475,-2.05917 v -9.24914 H 59.348437 v 9.24914 q 0,1.90474 0.806512,2.31657 0.652073,0.32604 2.71125,0.46332 v 1.26982 h -9.489377 v -1.26982 q 2.419534,-0.13728 3.002968,-0.72072 0.480474,-0.46331 0.480474,-2.05917 v -18.6184 q 0,-1.63018 -0.531954,-2.11066 -0.600593,-0.53195 -2.951488,-0.65207 z" />
    </g>
  </g>
</svg>
</div>
.hello{
  width:1000px;
  margin:auto;
}
#path_t{
  fill:none;
  stroke:#000;
  stroke-width:0.5;
  stroke-dasharray: 500;
  stroke-dashoffset: 500;
  animation: strokeAnimation 5s linear 0s infinite;
}
@keyframes strokeAnimation {
  0% { stroke-dashoffset: 500; }
  100% { stroke-dashoffset: 0; }
}

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

This Pen doesn't use any external JavaScript resources.