HTML


  <svg class="swiper" version="1.1" id="pre" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="150px" height="80px" viewBox="0 0 150 40" enable-background="new 0 0 150 80" xml:space="preserve">
     <g>
       <path fill="#fff" d="M65.553,41.905h18.924v3.81H65.553V41.905z"/>
       <path fill="#fff" d="M65.553,49.524h18.924v3.81H65.553V49.524z"/>
       <path fill="#fff" d="M75.015,7.617c-5.299,0-9.462,4.191-9.462,9.524v13.334h18.924V17.142C84.477,11.808,80.314,7.617,75.015,7.617
       z M80.692,26.666H69.338v-9.524c0-3.048,2.649-5.715,5.677-5.715c3.028,0,5.677,2.667,5.677,5.715V26.666z"/>
       <path fill="#fff" d="M91.948,15.237c-0.568-4.381-2.649-8.191-5.677-10.905c-3.028-2.714-7.002-4.334-11.355-4.334 c-4.353,0-8.327,1.619-11.355,4.334c-3.028,2.714-5.11,6.524-5.677,10.905v3.81v60.956h34.064V19.046V15.237z M88.163,76.193H61.669 V17.141c0-3.619,1.514-6.953,3.927-9.381c2.413-2.429,5.725-3.953,9.32-3.953s6.907,1.524,9.32,3.953s3.927,5.762,3.927,9.381 V76.193z"/>
       <animateTransform attributeName="transform" attributeType="XML" type="translate" dur="1.4s" values="-15,0;-15,0;15,0;-10,0;-15,0;" repeatCount="indefinite"/>
     </g>
     <path fill="#fff" d="M114.343,19.049h22.709L124.94,31.24l3.028,3.048L145,17.144L127.59,0l-3.028,3.048l12.49,12.191h-22.709 V19.049z"/>
     <path fill="#fff" d="M34.657,15.239H11.948L24.06,3.048L21.032,0L4,17.144l17.41,17.144l3.028-3.048l-12.49-12.191h22.709V15.239z"/>
 </svg>

CSS


.swiper {
  width: 100px;
  height: 100px;
}