You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
44 lines
2.5 KiB
44 lines
2.5 KiB
2 years ago
|
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="120px" height="100px" version="1.1"><defs/>
|
||
|
|
<style>
|
||
|
|
@keyframes svg-translate {
|
||
|
|
from {
|
||
|
|
transform:translate(0, 0);
|
||
|
|
}
|
||
|
|
to {
|
||
|
|
transform:translate(-20px, 0);
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
g#autoId_pump_translate {
|
||
|
|
animation:svg-translate 1s linear infinite;
|
||
|
|
-webkit-animation:svg-translate 1s linear infinite;
|
||
|
|
}
|
||
|
|
</style>
|
||
|
|
<svg viewBox="0 0 120 100" height="100%" width="100%" databind="databindHide">
|
||
|
|
<path fill="#C0C0C0" d="M 0,20 L20,0 L80,0 A40,40 0 0 1 120,40 A40,40 0 0 1 110,62 L86,90" id="leftPump_top"/>
|
||
|
|
<path fill="#A0A0A0" d="M0,20 L0,50 L20,50 L20,60 A40,40 0 0 0 60,100 A40,40 0 0 0 100,60 A40,40 0 0 0 60,20 L20,20 Z" id="leftPump_face"/>
|
||
|
|
<svg height="60" width="60" y="30" x="30" id="leftPump_internals">
|
||
|
|
<clipPath id="autoId_leftPumpclipPath9">
|
||
|
|
<circle r="30" cy="30" cx="30"/>
|
||
|
|
</clipPath>
|
||
|
|
<circle fill="#505050" r="30" cy="30" cx="30"/>
|
||
|
|
<g style="clip-path: url("#autoId_leftPumpclipPath9");">
|
||
|
|
<g id="autoId_pump_translate">
|
||
|
|
<!-- ko if: typeof value != 'undefined' && (!isNaN(parseFloat(value())) && parseFloat(value()) > 0 || (typeof value() === 'boolean' && value())) -->
|
||
|
|
<!--<animateTransform repeatCount="indefinite" dur="1s" to="0 0" from="-20 0" type="translate" attributeName="transform" attributeType="xml"/>-->
|
||
|
|
<!-- /ko -->
|
||
|
|
<svg height="120" width="120" y="20"><path stroke="#C0C0C0" stroke-width="5" d="M 0,120 L120,0"/></svg>
|
||
|
|
<svg height="120" width="120" y="0"><path stroke="#C0C0C0" stroke-width="5" d="M 0,120 L120,0"/></svg>
|
||
|
|
<svg height="120" width="120" y="-20"><path stroke="#C0C0C0" stroke-width="5" d="M 0,120 L120,0"/></svg>
|
||
|
|
<svg height="120" width="120" y="-40"><path margin="0,-40,0,40" stroke="#C0C0C0" stroke-width="5" d="M 0,120 L120,0"/></svg>
|
||
|
|
<svg height="120" width="120" y="-60"><path stroke="#C0C0C0" stroke-width="5" d="M 0,120 L120,0"/></svg>
|
||
|
|
<svg height="120" width="120" y="-80"><path stroke="#C0C0C0" stroke-width="5" d="M 0,120 L120,0"/></svg>
|
||
|
|
<svg height="120" width="120" y="-100"><path stroke="#C0C0C0" stroke-width="5" d="M 0,120 L120,0"/></svg>
|
||
|
|
</g>
|
||
|
|
</g>
|
||
|
|
<circle fill="#404040" r="30" cy="10" cx="40" style="clip-path: url("#autoId_leftPumpclipPath9");"/>
|
||
|
|
<circle fill="#707070" r="10" cy="10" cx="40" style="clip-path: url("#autoId_leftPumpclipPath9");"/>
|
||
|
|
</svg>
|
||
|
|
|
||
|
|
</svg>
|
||
|
|
</svg>
|