<center><h2>VIZ Asset symbol (Ƶ)</h2></center>
  <svg viewBox="0 0 39.999999 50">
	<g
	transform="translate(-30.408242,-26.073047)"
	id="viz-asset-symbol">
		<path
		id="z"
		d="M 34.533242,30.964713 H 66.283241 L 34.533242,71.181379 h 31.749999"
		style="fill:none;stroke:#000000;stroke-width:2.64583325;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
		<path
		id="stroke"
		d="m 34.533241,51.073046 h 31.75"
		style="fill:none;stroke:#000000;stroke-width:2.64583325;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
	</g>
</svg>
h2{
  font-family:arial;
}
svg{
  max-height:140px;
  margin:20px;
  margin-top:5px;
}
#z {
  stroke-width:3.5 !important;
  stroke-dasharray: 120 !important;
  stroke-dashoffset:0 !important;
  animation: dash 3s linear alternate 1;
}
#stroke {
  stroke-dasharray: 120 !important;
  stroke-dashoffset:0 !important;
  animation: stroke-dash 6s linear alternate 1;
}
@keyframes dash {
  from {
    stroke-dashoffset: 120;
  }
  to {
    stroke-dashoffset: 0;
  }
}
@keyframes stroke-dash {
  0% {
    stroke-dashoffset: 120;
  }
  50% {
    stroke-dashoffset: 120;
  }
  100% {
    stroke-dashoffset: 0;
  }
}
Run Pen

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

This Pen doesn't use any external JavaScript resources.