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

41 lines
2.9 KiB
XML

<svg xmlns="http://www.w3.org/2000/svg" width="540" 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" cx="10" cy="10" r="8.5"/>
<circle id="c2" cx="10" cy="10" r="6.5"/>
<path id="d" d="m6.5 10 2.5 2.5 5-5"/>
<pattern patternUnits="userSpaceOnUse" width="20" height="20" id="p"><use href="#c"/></pattern>
<mask id="m1"><path d="m-1,6h10v9h-10v-8Z"/></mask>
<mask id="m2"><path d="m2,6h10v8h-10v-8Z"/></mask>
<mask id="m3"><path d="m4,6h10v8h-10v-8Z"/></mask>
<mask id="m4"><path d="m4.5,6h10v8h-10v-8Z"/></mask>
</defs>
<style>*{transform-origin:10px;stroke-linecap:round;stroke-linejoin:round;mask-type:alpha}#a{fill:context-stroke;fill-opacity:context-stroke-opacity}#b{stroke:context-stroke;stroke-opacity:context-stroke-opacity;stroke-dasharray:13,14}#c,#d{stroke:context-fill;stroke-opacity:context-fill-opacity;fill:none}#d{stroke-width:1.3}#c2{fill:context-fill;fill-opacity:context-fill-opacity}</style>
<rect width="400" height="20" fill="url(#p)"/>
<use href="#c2"/>
<svg x="20"><use href="#c2"/></svg>
<svg x="40"><use href="#c2"/></svg>
<svg x="60"><use href="#c2"/></svg>
<svg x="80"><use href="#c2"/></svg>
<svg x="100"><use href="#c2"/></svg>
<svg x="120"><use href="#c2"/></svg>
<svg x="140"><use href="#c2"/></svg>
<svg x="160"><use href="#c2" transform="scale(.9)"/></svg>
<svg x="180"><use href="#c2" transform="scale(.7)"/></svg>
<svg x="200"><use href="#c2" transform="scale(.4)"/></svg>
<svg x="220"><use href="#c2" transform="scale(.1)"/></svg>
<svg x="280"><use href="#d" mask="url(#m1)"/></svg>
<svg x="300"><use href="#d" mask="url(#m2)"/></svg>
<svg x="320"><use href="#d" mask="url(#m3)"/></svg>
<svg x="340"><use href="#d" mask="url(#m4)"/></svg>
<svg x="360"><use href="#d"/></svg>
<svg x="380"><use href="#d"/></svg>
<svg x="400"><use href="#c" style="opacity:.75"/><use href="#d" transform="scale(.7) translate(0,1)"/></svg>
<svg x="420"><use href="#c" style="opacity:.5"/><use href="#d" transform="scale(.4) translate(0,4)"/><use href="#a" transform="scale(.2)"/><use href="#b" stroke-dashoffset="12.5"/></svg>
<svg x="440"><use href="#c" style="opacity:.25"/><use href="#d" transform="scale(.2) translate(0,10)"/><use href="#a" transform="scale(.5)"/><use href="#b" stroke-dashoffset="11"/></svg>
<svg x="460"><use href="#c" style="opacity:.25"/><use href="#a" transform="scale(.6)"/><use href="#b" stroke-dashoffset="9"/></svg>
<svg x="480"><use href="#c" style="opacity:.25"/><use href="#a" transform="scale(.8)"/><use href="#b" stroke-dashoffset="5"/></svg>
<svg x="500"><use href="#c" style="opacity:.25"/><use href="#a" transform="scale(.9)"/><use href="#b" stroke-dashoffset="4"/></svg>
<svg x="520"><use href="#c" style="opacity:.25"/><use href="#a"/><use href="#b"/></svg>
</svg>