icons/weather/partly-cloudy-day.svg

45 lines
2.1 KiB
XML

<svg width="256" height="256" viewBox="-128 -128 256 256" version="1.1"
xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
<defs>
<path id="ray" d="m 0,0 l 0,-35" style="stroke: black; stroke-width: 12" />
<mask id="cloud">
<rect x="-128" y="-128" height="256" width="256" fill="white" />
<path style="fill: black" transform="scale(0.9) translate(-20 0)"
d="M -4,-38 A 35,33 0 0 0 -61,-10
32,33 0 0 0 -62,57
L 70,57
A 32,33 0 0 0 58,-8
36,36 0 0 0 -4,-38 Z" />
</mask>
</defs>
<!-- The cloud -->
<path style="stroke: black; stroke-width: 6.67; fill: none"
transform="scale(0.9) translate(-20 0)"
d="M -4,-38 A 35,33 0 0 0 -61,-10
32,33 0 0 0 -62,57
L 70,57
A 32,33 0 0 0 58,-8
36,36 0 0 0 -4,-38 Z" />
<!-- The sun -->
<g mask="url(#cloud)">
<g transform="translate(50 -30) scale(0.5)">
<circle r="60" cx="0" cy="0" style="stroke: black; stroke-width: 12; fill: none" />
<use x="0" y="-80" xlink:href="#ray" />
<use x="0" y="-80" xlink:href="#ray" transform="rotate(30)" />
<use x="0" y="-80" xlink:href="#ray" transform="rotate(60)" />
<use x="0" y="-80" xlink:href="#ray" transform="rotate(90)" />
<use x="0" y="-80" xlink:href="#ray" transform="rotate(120)" />
<use x="0" y="-80" xlink:href="#ray" transform="rotate(150)" />
<use x="0" y="-80" xlink:href="#ray" transform="rotate(180)" />
<use x="0" y="-80" xlink:href="#ray" transform="rotate(210)" />
<use x="0" y="-80" xlink:href="#ray" transform="rotate(240)" />
<use x="0" y="-80" xlink:href="#ray" transform="rotate(270)" />
<use x="0" y="-80" xlink:href="#ray" transform="rotate(300)" />
<use x="0" y="-80" xlink:href="#ray" transform="rotate(330)" />
</g>
</g>
</svg>