matteo
/
icons
1
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity

💡 Add weather icons

This commit is contained in:
Mattéo Delabre 2015-09-18 23:36:35 +02:00
parent 30193001e4
commit 7cf5e1d58f
8 changed files with 165 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

20
weather/clear-day.svg Normal file
View File

@ -0,0 +1,20 @@
<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: 6" />
</defs>
<circle r="60" cx="0" cy="0" style="stroke: black; stroke-width: 6; 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)" />
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 1.1 KiB

6
weather/clear-night.svg Normal file
View File

@ -0,0 +1,6 @@
<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">
<path style="stroke: black; stroke-width: 6; fill: none"
d="M 14,-79 A 80,80 0 1 0 56,57
A 80,80 0 0 1 14,-79 z" />
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 315 B

9
weather/cloudy.svg Normal file
View File

@ -0,0 +1,9 @@
<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">
<path style="stroke: black; stroke-width: 6; fill: none"
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" />
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 432 B

23
weather/fog.svg Normal file
View File

@ -0,0 +1,23 @@
<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: 6" />
<path id="fog" d="m -100,0 l 200,0" style="stroke: black; stroke-width: 6" />
</defs>
<g transform="translate(0 20)">
<g>
<path d="M-60,0 A60,60 0 0 1 60,0" style="stroke: black; stroke-width: 6; 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(300)" />
<use x="0" y="-80" xlink:href="#ray" transform="rotate(330)" />
</g>
<use x="0" y="0" xlink:href="#fog" />
<use x="0" y="20" xlink:href="#fog" />
<use x="0" y="40" xlink:href="#fog" />
<use x="0" y="60" xlink:href="#fog" />
</g>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 1.0 KiB

44
weather/partly-cloudy-day.svg Normal file
View File

@ -0,0 +1,44 @@
<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>
Side by Side

After

Width:  |  Height:  |  Size: 2.1 KiB

31
weather/partly-cloudy-night.svg Normal file
View File

@ -0,0 +1,31 @@
<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>
<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 moon -->
<g mask="url(#cloud)">
<path style="stroke: black; stroke-width: 12; fill: none"
transform="translate(50 -30) scale(0.5)"
d="M 14,-79 A 80,80 0 1 0 56,57
A 80,80 0 0 1 14,-79 z" />
</g>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 1.2 KiB

16
weather/rain.svg Normal file
View File

@ -0,0 +1,16 @@
<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">
<path style="stroke: black; stroke-width: 6; fill: none"
transform="translate(0 -20)"
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" />
<path style="stroke: black; stroke-width: 6; fill: none"
d="M -50,50 l 0,38
m 25,-38 l 0,38
m 25,-38 l 0,38
m 25,-38 l 0,38
m 25,-38 l 0,38" />
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 681 B

16
weather/snow.svg Normal file
View File

@ -0,0 +1,16 @@
<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 style="stroke: black; stroke-width: 6"
id="part"
d="m 0,100 l 0,-200
m 0,35 l -25,-25
m 25,25 l 25,-25
m -25,155 l 25,25
m -25,-25 l -25,25" />
</defs>
<use x="0" y="0" xlink:href="#part" />
<use x="0" y="0" xlink:href="#part" transform="rotate(120)" />
<use x="0" y="0" xlink:href="#part" transform="rotate(240)" />
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 625 B