Add outline to logo

diff --git a/data/aweather.svg b/data/aweather.svg
index 4ece1c6e744ed132021fe0998eb5dfd72385f4a6..9608cabb83fbace764c8922c793b5fbe3350a54b 100644 (file)
--- a/data/aweather.svg
+++ b/data/aweather.svg
@@ -4,18 +4,27 @@
 <svg xmlns="http://www.w3.org/2000/svg" width="150" height="150">
        <title>thundery showers</title>
 
-       <!-- For website logo -->
+       <!-- For website logo, remove background, use this cloud -->
        <!-- <g fill="#fff" fill-opacity="0.8"> -->
 
-       <!-- Normal, for desktop icons -->
-       <rect width="150" height="150" rx="20" ry="20" fill="#3be" stroke="none"/>
-       <g fill="#fff" fill-opacity="0.8">
+       <!-- 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>
 
+       <!-- 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>
+
+       <!-- 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)" />
@@ -24,12 +33,7 @@
                <line x1="2" y1="67" x2="19" y2="67" transform="rotate(76, 55, 67)" />
        </g>
 
-       <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>
-
+       <!-- 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="#bbb" />
+       <polyline points="99,78 87,100 102,100 67,150 82,112 67,112 80,78" fill="none" stroke="#888" stroke-width="1" />
 </svg>