Add outline to logo

[aweather] / data / aweather.svg

diff --git a/data/aweather.svg b/data/aweather.svg
index f5dadbdfae284ac9b30e87a5d4226f438fabb049..9608cabb83fbace764c8922c793b5fbe3350a54b 100644 (file)
--- a/data/aweather.svg
+++ b/data/aweather.svg
@@ -1,25 +1,39 @@
 <?xml version="1.0" encoding="UTF-8" standalone="no"?>
-<svg xmlns="http://www.w3.org/2000/svg" width="150" height="150">
 
+<!-- Original: http://commons.wikimedia.org/wiki/File:Thundery-shower.svg -->
+<svg xmlns="http://www.w3.org/2000/svg" width="150" height="150">
        <title>thundery showers</title>
 
-       <rect width="150" height="150" fill="#3be" stroke="none"/>
+       <!-- For website logo, remove background, use this cloud -->
+       <!-- <g fill="#fff" fill-opacity="0.8"> -->
 
-       <g style="stroke-width:7;stroke:#ff0">
-               <line x1="2" y1="67" x2="19" y2="67" transform="rotate(-20, 55, 67)" />
-               <line x1="2" y1="67" x2="19" y2="67" transform="rotate(4, 55, 67)" />
-               <line x1="2" y1="67" x2="19" y2="67" transform="rotate(28, 55, 67)" />
-               <line x1="2" y1="67" x2="19" y2="67" transform="rotate(52, 55, 67)" />
-               <line x1="2" y1="67" x2="19" y2="67" transform="rotate(76, 55, 67)" />
-       </g>
+       <!-- Background -->
+       <rect x="4" width="142" y="4" height="142" stroke-width="8" stroke="#228" rx="20" ry="20" fill="#3be" />
 
+       <!-- Cloud -->
+       <g fill="#ddd" fill-opacity="0.8">
+               <path d="M 75 55         A 23 23, 0, 1, 0 55,90
+                        L 110,90 115,90 A 21 21, 0, 1, 0 115,45
+                        L 105 60        A 25 25, 0, 1, 0 65,45 " />
+       </g>
 
-       <g fill="none" stroke-width="12" stroke-linecap="round" stroke="#666" >
+       <!-- Cloud outline -->
+       <g fill="none" stroke-width="12" stroke-linecap="round" stroke="#555" >
                <path d="M 75 55 A 23 23, 0, 1, 0 55,90 L 60,90"/>
                <path d="M 110,90 115,90 A 21 21, 0, 1, 0 115,45" />
                <path d="M 105 60 A 25 25, 0, 1, 0 65,45 "  />
        </g>
 
-       <polygon points="82,110 67,110 82,80 97,80 87,100 102,100 67,150" stroke="none" fill="#dee" />
+       <!-- Sun rays -->
+       <g style="stroke-width:7;stroke:#ff0">
+               <line x1="2" y1="67" x2="19" y2="67" transform="rotate(-20, 55, 67)" />
+               <line x1="2" y1="67" x2="19" y2="67" transform="rotate(4, 55, 67)" />
+               <line x1="2" y1="67" x2="19" y2="67" transform="rotate(28, 55, 67)" />
+               <line x1="2" y1="67" x2="19" y2="67" transform="rotate(52, 55, 67)" />
+               <line x1="2" y1="67" x2="19" y2="67" transform="rotate(76, 55, 67)" />
+       </g>
 
+       <!-- Bolt -->
+       <polygon  points="99,78 87,100 102,100 67,150 82,112 67,112 80,78" fill="#fff" stroke="none" />
+       <polyline points="99,78 87,100 102,100 67,150 82,112 67,112 80,78" fill="none" stroke="#888" stroke-width="1" />
 </svg>