edge-frfox/chrome/icons/notification-start-animation.svg
2021-05-28 22:37:42 +08:00

28 lines
1.9 KiB
XML

<svg xmlns="http://www.w3.org/2000/svg" width="340" height="20">
<defs>
<path id="a" d="M10 2a.5.5 0 0 0-.5.5v11.8l-3.65-3.65a.5.5 0 0 0-.7.7l4.5 4.5a.5.5 0 0 0.7 0l4.5-4.5a.5.5 0 0 0-.7-.71l-3.65 3.65V2.5a.5.5 0 0 0-.5-.5z"/>
<path id="b" d="M4.5 17.5h11"/>
<circle id="c" transform="rotate(125)" cx="10" cy="10" r="8.5"/>
</defs>
<style>*{transform-origin:10px;stroke-linecap:round;fill:none}#a{fill:context-stroke;fill-opacity:context-stroke-opacity}#b{stroke:context-stroke;stroke-opacity:context-stroke-opacity;stroke-dasharray:13,14}#c{stroke:context-fill;stroke-opacity:context-fill-opacity;stroke-dasharray:54,55}
</style>
<use href="#a"/>
<use href="#b"/>
<svg x="20"><use href="#a" transform="scale(.96)"/><use href="#b" stroke-dashoffset="2.3"/></svg>
<svg x="40"><use href="#a" transform="scale(.9)"/><use href="#b" stroke-dashoffset="4"/></svg>
<svg x="60"><use href="#a" transform="scale(.8)"/><use href="#b" stroke-dashoffset="6.5"/></svg>
<svg x="80"><use href="#a" transform="scale(.5)"/><use href="#b" stroke-dashoffset="9.5"/></svg>
<svg x="100"><use href="#a" transform="scale(.3)"/><use href="#b" stroke-dashoffset="11.5"/><use href="#c" stroke-dashoffset="49"/></svg>
<svg x="120"><use href="#a" transform="scale(.2)"/><use href="#b" stroke-dashoffset="12.5"/><use href="#c" stroke-dashoffset="42"/></svg>
<svg x="140"><use href="#a" transform="scale(.1)"/><use href="#c" stroke-dashoffset="24"/></svg>
<svg x="160"><use href="#c" stroke-dashoffset="13"/></svg>
<svg x="180"><use href="#c" stroke-dashoffset="6"/></svg>
<svg x="200"><use href="#c" stroke-dashoffset="4"/></svg>
<svg x="220"><use href="#c" stroke-dashoffset="2"/></svg>
<svg x="240"><use href="#c"/></svg>
<svg x="260"><use href="#c"/></svg>
<svg x="280"><use href="#c"/></svg>
<svg x="300"><use href="#c"/></svg>
<svg x="320"><use href="#c"/></svg>
<svg x="340"><use href="#c"/></svg>
</svg>