animation2code benchmark
For best compatibility, please view this dashboard in a Chrome browser.
← back

rendered animation

UXBOX pencil loader

1<div class="loader-pencil-content">
2  <div class="btn">
3    <svg id="loader-pencil" xmlns="http://www.w3.org/2000/svg" width="667" height="182" viewBox="0 0 677.34762 182.15429">
4      <g>
5        <path id="body-pencil" d="M128.273 0l-3.9 2.77L0 91.078l128.273 91.076 549.075-.006V.008L128.273 0zm20.852 30l498.223.006V152.15l-498.223.007V30zm-25 9.74v102.678l-49.033-34.813-.578-32.64 49.61-35.225z">
6        </path>
7        <path id="line" d="M134.482 157.147v25l518.57.008.002-25-518.572-.008z">
8        </path>
9      </g>
10    </svg>
11  </div>
12</div>