mirror of
https://gitlab.com/crafty-controller/crafty-4.git
synced 2024-08-30 18:23:09 +00:00
81 lines
1.8 KiB
XML
81 lines
1.8 KiB
XML
|
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 614 412">
|
||
|
|
|
||
|
|
<!--<rect
|
||
|
|
x="0"
|
||
|
|
y="0"
|
||
|
|
width="100%"
|
||
|
|
height="100%"
|
||
|
|
class="crafty-svg-bg"
|
||
|
|
fill="hsl(234, 24%, 17%)"
|
||
|
|
/>-->
|
||
|
|
|
||
|
|
<defs>
|
||
|
|
<mask id="mask-rect">
|
||
|
|
<rect width="100%" height="100%" fill="white"/>
|
||
|
|
<!--
|
||
|
|
307 - 200 / 2 = 207
|
||
|
|
206 - 200 / 2 = 106
|
||
|
|
-->
|
||
|
|
<rect
|
||
|
|
width="200"
|
||
|
|
height="200"
|
||
|
|
x="207"
|
||
|
|
y="106"
|
||
|
|
fill="black"
|
||
|
|
transform-origin="center"
|
||
|
|
transform="rotate(45)"
|
||
|
|
/>
|
||
|
|
<!-- <circle r="50" cx="307" cy="206" fill="black"/> -->
|
||
|
|
<circle r="55" cx="150" cy="206" fill="black"/>
|
||
|
|
</mask>
|
||
|
|
<mask id="mask-rect2">
|
||
|
|
<rect width="100%" height="100%" fill="white"/>
|
||
|
|
<!--
|
||
|
|
307 - 200 / 2 = 207
|
||
|
|
206 - 200 / 2 = 106
|
||
|
|
-->
|
||
|
|
<rect
|
||
|
|
width="200"
|
||
|
|
height="200"
|
||
|
|
x="207"
|
||
|
|
y="106"
|
||
|
|
fill="black"
|
||
|
|
transform-origin="center"
|
||
|
|
transform="rotate(45)"
|
||
|
|
/>
|
||
|
|
<!-- <circle r="50" cx="307" cy="206" fill="black"/> -->
|
||
|
|
<circle r="55" cx="464" cy="206" fill="black"/>
|
||
|
|
</mask>
|
||
|
|
</defs>
|
||
|
|
|
||
|
|
<!--
|
||
|
|
purple: hsl(266, 71%, 57%)
|
||
|
|
green: hsl(160, 59%, 45%)
|
||
|
|
blue: hsl(192, 99%, 45%)
|
||
|
|
-->
|
||
|
|
<!-- center of image: 307 206 -->
|
||
|
|
<!-- left circle offset: -157 0 -->
|
||
|
|
<!-- right circle offset: 157 0 -->
|
||
|
|
|
||
|
|
<circle r="120" cx="150" cy="206" fill="hsl(160, 59%, 45%)" mask="url(#mask-rect)" />
|
||
|
|
<circle r="120" cx="464" cy="206" fill="hsl(192, 99%, 45%)" mask="url(#mask-rect2)"/>
|
||
|
|
|
||
|
|
<!-- the purple thing in the middle -->
|
||
|
|
<g fill="hsl(266, 71%, 57%)">
|
||
|
|
<circle r="35" cx="150" cy="206"/>
|
||
|
|
<circle r="35" cx="464" cy="206"/>
|
||
|
|
<path
|
||
|
|
d="
|
||
|
|
M 307 206
|
||
|
|
m -157 -32
|
||
|
|
q 157 30 314 0
|
||
|
|
|
||
|
|
l 0 65
|
||
|
|
q -157 -30 -314 0
|
||
|
|
|
||
|
|
Z
|
||
|
|
"
|
||
|
|
/>
|
||
|
|
</g>
|
||
|
|
|
||
|
|
</svg>
|