49 lines
3.8 KiB
XML
49 lines
3.8 KiB
XML
<svg fill="context-fill" fill-opacity="context-fill-opacity" height="20" width="468" xmlns="http://www.w3.org/2000/svg">
|
|
<defs>
|
|
<path id="line" d="M3.15 4.15a.5.5 0 0 1 .7 0l11 11a.5.5 0 0 1 0 .7.5.5 0 0 1-.7 0l-11-11a.5.5 0 0 1 0-.7z"/>
|
|
<path id="circle" d="M9 2a8 8 0 1 0 8 8 .5.5 0 0 0-1 0 7 7 0 1 1-1-3.6l.5-1.1A8 8 0 0 0 9 2z"/>
|
|
<path id="arrow" d="M15.5 2a.5.5 45 0 1 .5.5v4a.5.5 135 0 1-.5.5h-4a.5.5 45 0 1-.5-.5.5.5 135 0 1 .5-.5H15V2.5a.5.5 135 0 1 .5-.5z"/>
|
|
<mask id="x1"><path d="M5 3 2 6l12 11 2-2z"/></mask>
|
|
<mask id="x2"><path d="M5 4 3 6l11 11 2-2z"/></mask>
|
|
<mask id="x3"><path d="M6 5 4 7l10 10 2-2z"/></mask>
|
|
<mask id="x4"><path d="M7 6 5 8l9 9 2-2z"/></mask>
|
|
<mask id="x5"><path d="m9 7-3 3 8 7 2-2z"/></mask>
|
|
<mask id="x6"><path d="m10 9-2 2 6 6 2-2z"/></mask>
|
|
<mask id="x7"><path d="m14 14-1 1 2 2 1-1z"/></mask>
|
|
<mask id="x8"><path d="m15 15-1 1L2 4l1-1z"/></mask>
|
|
<mask id="x9"><path d="m15 14-2 2L2 5l2-2z"/></mask>
|
|
<mask id="x10"><path d="m14 13-2 2L2 5l2-2z"/></mask>
|
|
<mask id="x11"><path d="m13 12-2 2-9-9 2-2z"/></mask>
|
|
<mask id="x12"><path d="m11 10-2 2-7-7 2-2z"/></mask>
|
|
<mask id="x13"><path d="m9 7-3 3-4-5 2-2z"/></mask>
|
|
<mask id="x14"><path d="M5 4 3 6 2 5l2-2z"/></mask>
|
|
</defs>
|
|
<style>g,use{transform-origin:9px 10px}use[href*="#arrow"]{transform-origin:15px 5.5px}mask{mask-type:alpha}</style>
|
|
<use href="#circle"/>
|
|
<use href="#arrow"/>
|
|
<svg x="18"><g transform="rotate(12)"><use href="#circle"/><use href="#arrow" transform="scale(.95)"/></g></svg>
|
|
<svg x="36"><g transform="rotate(25)"><use href="#circle"/><use href="#arrow" transform="scale(.75)"/></g></svg>
|
|
<svg x="54"><g transform="rotate(50)"><use href="#circle"/><use href="#arrow" transform="scale(.6)"/></g></svg>
|
|
<svg x="72"><g transform="rotate(70)" opacity=".94"><use href="#circle"/><use href="#arrow" transform="scale(.4)"/></g></svg>
|
|
<svg x="90"><g transform="rotate(95)" opacity=".75"><use href="#circle"/><use href="#arrow" transform="scale(.2)"/></g></svg>
|
|
<svg x="108"><use href="#circle" transform="rotate(125)" opacity=".48"/></svg>
|
|
<svg x="126"><use href="#circle" transform="rotate(150)" opacity=".25"/></svg>
|
|
<svg x="144"><use href="#circle" transform="rotate(180)" opacity=".1"/><use href="#line" mask="url(#x14)"/></svg>
|
|
<svg x="162"><use href="#circle" transform="rotate(210)" opacity=".05"/><use href="#line" mask="url(#x13)"/></svg>
|
|
<svg x="180"><use href="#line" mask="url(#x12)"/></svg>
|
|
<svg x="198"><use href="#line" mask="url(#x11)"/></svg>
|
|
<svg x="216"><use href="#line" mask="url(#x10)"/></svg>
|
|
<svg x="234"><use href="#line" mask="url(#x9)"/></svg>
|
|
<svg x="252"><use href="#line" mask="url(#x8)"/></svg>
|
|
<svg x="270"><use href="#line" mask="url(#x8)"/><use href="#line" transform="scale(-1 1)" mask="url(#x7)"/></svg>
|
|
<svg x="288"><use href="#line" mask="url(#x8)"/><use href="#line" transform="scale(-1 1)" mask="url(#x6)"/></svg>
|
|
<svg x="306"><use href="#line"/><use href="#line" transform="scale(-1 1)" mask="url(#x5)"/></svg>
|
|
<svg x="324"><use href="#line"/><use href="#line" transform="scale(-1 1)" mask="url(#x4)"/></svg>
|
|
<svg x="342"><use href="#line"/><use href="#line" transform="scale(-1 1)" mask="url(#x3)"/></svg>
|
|
<svg x="360"><use href="#line"/><use href="#line" transform="scale(-1 1)" mask="url(#x2)"/></svg>
|
|
<svg x="378"><use href="#line"/><use href="#line" transform="scale(-1 1)" mask="url(#x2)"/></svg>
|
|
<svg x="396"><use href="#line"/><use href="#line" transform="scale(-1 1)" mask="url(#x2)"/></svg>
|
|
<svg x="414"><use href="#line"/><use href="#line" transform="scale(-1 1)" mask="url(#x1)"/></svg>
|
|
<svg x="432"><use href="#line"/><use href="#line" transform="scale(-1 1)" mask="url(#x1)"/></svg>
|
|
<svg x="450"><use href="#line"/><use href="#line" transform="scale(-1 1)"/></svg>
|
|
</svg>
|