<svg xmlns="http://www.w3.org/2000/svg" version="1.1" baseProfile="full" viewBox="0,0,360,380">
<g fill="#fff">
<path fill-opacity="0.5" d="M0,70l280-68v68"/>
<path d="M220,70h-220v239c0,40,30,70,70,70h219c40,0,70,-30,70,-70v-169c0,-40,-30,-70,-70,-70zM300,240h-172v11c0,20,14,25,45,25h22c38,0,40,-10,40,-21h66v8c0,47-42,58-93,58h-53c-47,0-96-9-96-89v-18c0-71,35-87,87-87h49c75,0,106,16,106,81zM180,170c-46,0-52,4-52,27h103C232,175,222,170,180,170z"/>
</g>
</svg>
body {
body {
background-color: #222;
}
svg {
margin: 5%;
height: 90%;
width:90%;
position: absolute;
}
path {
stroke-dashoffset:0;
stroke-dasharray:300;
animation: draw 2s linear infinite;
fill-opacity: 0;
stroke: #fff;
}
@keyframes draw {
100% {
stroke-dashoffset: 1200;
}
}