26 lines
2.5 KiB
XML
26 lines
2.5 KiB
XML
<svg width="80px" height="80px" xmlns="http://www.w3.org/2000/svg" viewBox="-200 -200 500 500" preserveAspectRatio="xMidYMid" class="lds-stripe" style="background: #FEE2D5 none repeat scroll 0% 0%;">
|
|
<defs>
|
|
<pattern id="blah" patternUnits="userSpaceOnUse" x="0" y="0" width="100" height="100">
|
|
<g transform="translate(7.8 0)">
|
|
<g transform="rotate(20 50 50) scale(1.2)">
|
|
<rect x="-20" y="-10" width="10" height="120" ng-attr-fill="{{config.c1}}" fill="#FE8C5B"></rect>
|
|
<rect x="-10" y="-10" width="10" height="120" ng-attr-fill="{{config.c2}}" fill="#FEE2D5"></rect>
|
|
<rect x="0" y="-10" width="10" height="120" ng-attr-fill="{{config.c1}}" fill="#FE8C5B"></rect>
|
|
<rect x="10" y="-10" width="10" height="120" ng-attr-fill="{{config.c2}}" fill="#FEE2D5"></rect>
|
|
<rect x="20" y="-10" width="10" height="120" ng-attr-fill="{{config.c1}}" fill="#FE8C5B"></rect>
|
|
<rect x="30" y="-10" width="10" height="120" ng-attr-fill="{{config.c2}}" fill="#FEE2D5"></rect>
|
|
<rect x="40" y="-10" width="10" height="120" ng-attr-fill="{{config.c1}}" fill="#FE8C5B"></rect>
|
|
<rect x="50" y="-10" width="10" height="120" ng-attr-fill="{{config.c2}}" fill="#FEE2D5"></rect>
|
|
<rect x="60" y="-10" width="10" height="120" ng-attr-fill="{{config.c1}}" fill="#FE8C5B"></rect>
|
|
<rect x="70" y="-10" width="10" height="120" ng-attr-fill="{{config.c2}}" fill="#FEE2D5"></rect>
|
|
<rect x="80" y="-10" width="10" height="120" ng-attr-fill="{{config.c1}}" fill="#FE8C5B"></rect>
|
|
<rect x="90" y="-10" width="10" height="120" ng-attr-fill="{{config.c2}}" fill="#FEE2D5"></rect>
|
|
<rect x="100" y="-10" width="10" height="120" ng-attr-fill="{{config.c1}}" fill="#FE8C5B"></rect>
|
|
<rect x="110" y="-10" width="10" height="120" ng-attr-fill="{{config.c1}}" fill="#FE8C5B"></rect>
|
|
</g>
|
|
<animateTransform attributeName="transform" type="translate" values="0 0;26 0" keyTimes="0;1" ng-attr-dur="{{config.speed}}s" repeatCount="indefinite" dur="1s"></animateTransform>
|
|
</g>
|
|
</pattern>
|
|
</defs>
|
|
<rect ng-attr-rx="{{config.r}}" ng-attr-ry="{{config.r}}" ng-attr-x="{{config.x}}" ng-attr-y="{{config.y}}" ng-attr-stroke="{{config.stroke}}" ng-attr-stroke-width="{{config.strokeWidth}}" ng-attr-width="{{config.width}}" ng-attr-height="{{config.height}}" fill="url(#blah)" rx="15" ry="15" x="5" y="36" stroke="#FE8C5B" stroke-width="5" width="90" height="28"></rect>
|
|
</svg> |