From 951dde53348f33e62b6db5b76806c00131501313 Mon Sep 17 00:00:00 2001
From: Joshua Taillon <jat255@gmail.com>
Date: Mon, 7 Nov 2022 01:10:01 -0700
Subject: [PATCH] Add icons and label translations for VC weather statuses

---
 .../public/img/weather/vc-clear-day.svg       |  1 +
 .../public/img/weather/vc-clear-night.svg     | 21 ++++++
 .../public/img/weather/vc-cloudy.svg          |  1 +
 .../public/img/weather/vc-fog.svg             | 15 ++++
 .../public/img/weather/vc-hail.svg            |  1 +
 .../img/weather/vc-partly-cloudy-day.svg      |  1 +
 .../img/weather/vc-partly-cloudy-night.svg    | 40 +++++++++++
 .../img/weather/vc-rain-snow-showers-day.svg  |  1 +
 .../weather/vc-rain-snow-showers-night.svg    | 52 ++++++++++++++
 .../public/img/weather/vc-rain-snow.svg       |  1 +
 .../public/img/weather/vc-rain.svg            |  1 +
 .../public/img/weather/vc-showers-day.svg     |  1 +
 .../public/img/weather/vc-showers-night.svg   | 44 ++++++++++++
 .../public/img/weather/vc-sleet.svg           |  1 +
 .../img/weather/vc-snow-showers-day.svg       |  1 +
 .../img/weather/vc-snow-showers-night.svg     | 72 +++++++++++++++++++
 .../public/img/weather/vc-snow.svg            |  1 +
 .../public/img/weather/vc-thunder-rain.svg    |  1 +
 .../img/weather/vc-thunder-showers-day.svg    |  1 +
 .../img/weather/vc-thunder-showers-night.svg  | 51 +++++++++++++
 .../public/img/weather/vc-thunder.svg         |  1 +
 .../public/img/weather/vc-wind.svg            |  1 +
 .../src/locales/de/workouts.json              | 24 ++++++-
 .../src/locales/en/workouts.json              | 26 ++++++-
 .../src/locales/fr/workouts.json              | 24 ++++++-
 25 files changed, 380 insertions(+), 4 deletions(-)
 create mode 100644 fittrackee_client/public/img/weather/vc-clear-day.svg
 create mode 100644 fittrackee_client/public/img/weather/vc-clear-night.svg
 create mode 100644 fittrackee_client/public/img/weather/vc-cloudy.svg
 create mode 100644 fittrackee_client/public/img/weather/vc-fog.svg
 create mode 100644 fittrackee_client/public/img/weather/vc-hail.svg
 create mode 100644 fittrackee_client/public/img/weather/vc-partly-cloudy-day.svg
 create mode 100644 fittrackee_client/public/img/weather/vc-partly-cloudy-night.svg
 create mode 100644 fittrackee_client/public/img/weather/vc-rain-snow-showers-day.svg
 create mode 100644 fittrackee_client/public/img/weather/vc-rain-snow-showers-night.svg
 create mode 100644 fittrackee_client/public/img/weather/vc-rain-snow.svg
 create mode 100644 fittrackee_client/public/img/weather/vc-rain.svg
 create mode 100644 fittrackee_client/public/img/weather/vc-showers-day.svg
 create mode 100644 fittrackee_client/public/img/weather/vc-showers-night.svg
 create mode 100644 fittrackee_client/public/img/weather/vc-sleet.svg
 create mode 100644 fittrackee_client/public/img/weather/vc-snow-showers-day.svg
 create mode 100644 fittrackee_client/public/img/weather/vc-snow-showers-night.svg
 create mode 100644 fittrackee_client/public/img/weather/vc-snow.svg
 create mode 100644 fittrackee_client/public/img/weather/vc-thunder-rain.svg
 create mode 100644 fittrackee_client/public/img/weather/vc-thunder-showers-day.svg
 create mode 100644 fittrackee_client/public/img/weather/vc-thunder-showers-night.svg
 create mode 100644 fittrackee_client/public/img/weather/vc-thunder.svg
 create mode 100644 fittrackee_client/public/img/weather/vc-wind.svg

diff --git a/fittrackee_client/public/img/weather/vc-clear-day.svg b/fittrackee_client/public/img/weather/vc-clear-day.svg
new file mode 100644
index 00000000..adbdd620
--- /dev/null
+++ b/fittrackee_client/public/img/weather/vc-clear-day.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 80.68 80.68"><defs><style>.cls-1{fill:#f5b952;}.cls-2,.cls-3{fill:none;stroke:#000;stroke-miterlimit:10;stroke-width:4px;}.cls-3{stroke-linecap:square;}</style></defs><title>clear-dayAsset 157colored</title><g id="Layer_2" data-name="Layer 2"><g id="Layer_1-2" data-name="Layer 1"><path class="cls-1" d="M40.25,15.51A24.8,24.8,0,1,0,65,40.31,24.83,24.83,0,0,0,40.25,15.51Z"/><path class="cls-2" d="M40.25,15.51A24.8,24.8,0,1,0,65,40.31,24.83,24.83,0,0,0,40.25,15.51Z"/><line class="cls-3" x1="40.21" y1="15.51" x2="40.21" y2="2"/><line class="cls-3" x1="40.47" y1="65.17" x2="40.47" y2="78.68"/><line class="cls-3" x1="65.17" y1="40.21" x2="78.68" y2="40.21"/><line class="cls-3" x1="15.51" y1="40.47" x2="2" y2="40.47"/><line class="cls-3" x1="22.7" y1="22.88" x2="13.14" y2="13.32"/><line class="cls-3" x1="57.99" y1="57.81" x2="67.54" y2="67.36"/><line class="cls-3" x1="57.81" y1="22.7" x2="67.36" y2="13.14"/><line class="cls-3" x1="22.88" y1="57.99" x2="13.32" y2="67.54"/></g></g></svg>
\ No newline at end of file
diff --git a/fittrackee_client/public/img/weather/vc-clear-night.svg b/fittrackee_client/public/img/weather/vc-clear-night.svg
new file mode 100644
index 00000000..e6c5c8ac
--- /dev/null
+++ b/fittrackee_client/public/img/weather/vc-clear-night.svg
@@ -0,0 +1,21 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 19.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 viewBox="-5 4.8 52.1 56.2" style="enable-background:new -5 4.8 52.1 56.2;" xml:space="preserve">
+<style type="text/css">
+	.st0{fill:#EAD88C;}
+	.st1{fill:none;stroke:#000000;stroke-width:3;stroke-miterlimit:10;}
+	.st2{fill:none;}
+</style>
+<title>clear-nightAsset 158colored</title>
+<g>
+	<path class="st0" d="M28.9,11.5C16.1,13,6.9,24.4,8.1,37.3C9.3,50.1,20.8,59.4,33.5,58c3-0.4,5.7-1.2,8.5-2.7
+		c-1.6-1.1-3-2.3-4.3-3.7c-4.5-4.2-7.6-9.6-8.6-15.7C28,28.5,30,21.4,32.3,16.5c0.8-1.6,1.6-3.4,2.6-4.9C33,11.3,31,11.3,28.9,11.5z
+		"/>
+	<path class="st1" d="M28.9,11.5C16.1,13,6.9,24.4,8.1,37.3C9.3,50.1,20.8,59.4,33.5,58c3-0.4,5.7-1.2,8.5-2.7
+		c-1.6-1.1-3-2.3-4.3-3.7c-4.5-4.2-7.6-9.6-8.6-15.7C28,28.5,30,21.4,32.3,16.5c0.8-1.6,1.6-3.4,2.6-4.9C33,11.3,31,11.3,28.9,11.5z
+		"/>
+	<path class="st2" d="M50.1,14l-0.4-0.3c-5-3.6-11.1-5.2-18.3-4.6c-3.9,0.3-11.3,4-11.5,4.2C10.7,18.7,6,31.2,9,42.2
+		c0.3,1,0.6,1.9,1,2.9c1.4,3.6,3.7,6.9,6.6,9.5"/>
+</g>
+</svg>
diff --git a/fittrackee_client/public/img/weather/vc-cloudy.svg b/fittrackee_client/public/img/weather/vc-cloudy.svg
new file mode 100644
index 00000000..7509b673
--- /dev/null
+++ b/fittrackee_client/public/img/weather/vc-cloudy.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 84.06 43.94"><defs><style>.cls-1{fill:#cae3f6;}.cls-2{fill:none;stroke:#0a0b0b;stroke-miterlimit:10;stroke-width:4px;}</style></defs><title>cloudyAsset 161colored</title><g id="Layer_2" data-name="Layer 2"><g id="Layer_1-2" data-name="Layer 1"><path class="cls-1" d="M61.52,42.56H9.42c-2.18,0-5.08-1.72-5.91-3.59a9.47,9.47,0,0,1-.41-9.55,9.79,9.79,0,0,1,9.38-5c1.57.08,1.89-.49,2.09-1.8A23.9,23.9,0,0,1,34.26,2.88l.12,0a24,24,0,0,1,16,3.38c.47.29.94.6,1.4,1a24.37,24.37,0,0,1,6.46,7.32L59,15.78"/><path class="cls-1" d="M36.7,29.41a10.32,10.32,0,0,1,8.22-8.68,13.4,13.4,0,0,1,2-.15,10.68,10.68,0,0,1,7.19,2.78A10.16,10.16,0,0,1,57,28.12"/><path class="cls-1" d="M50.77,21.22c3-4.64,9.95-6.35,15.49-5.21a12.57,12.57,0,0,1,10,9.69c.7,3.05.93,4.22,3.29,5.85,3.36,2.33,3.12,7.54.4,10a4.26,4.26,0,0,1-2.6,1h-18"/><line class="cls-1" x1="65.18" y1="42.55" x2="70.57" y2="42.55"/><path class="cls-2" d="M61.52,41.94H9.42c-2.18,0-5.08-1.72-5.91-3.58A9.49,9.49,0,0,1,3.1,28.8a9.79,9.79,0,0,1,9.38-5c1.57.08,1.89-.49,2.09-1.79A23.9,23.9,0,0,1,34.26,2.26l.12,0a24.08,24.08,0,0,1,16,3.38c.47.29.94.61,1.4,1a24.49,24.49,0,0,1,6.46,7.32L59,15.16"/><path class="cls-2" d="M36.7,28.79a10.31,10.31,0,0,1,8.22-8.67A12.28,12.28,0,0,1,47,20a10.64,10.64,0,0,1,7.19,2.79A10.08,10.08,0,0,1,57,27.5"/><path class="cls-2" d="M50.77,20.61c3-4.65,9.95-6.36,15.49-5.22a12.58,12.58,0,0,1,10,9.69c.7,3.06.93,4.22,3.29,5.86,3.36,2.32,3.12,7.53.4,10a4.26,4.26,0,0,1-2.6,1H74"/><line class="cls-2" x1="65.18" y1="41.93" x2="70.57" y2="41.93"/></g></g></svg>
\ No newline at end of file
diff --git a/fittrackee_client/public/img/weather/vc-fog.svg b/fittrackee_client/public/img/weather/vc-fog.svg
new file mode 100644
index 00000000..ff330c90
--- /dev/null
+++ b/fittrackee_client/public/img/weather/vc-fog.svg
@@ -0,0 +1,15 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 19.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 viewBox="29 0.6 121.6 63.4" style="enable-background:new 29 0.6 121.6 63.4;" xml:space="preserve">
+<style type="text/css">
+	.st0{fill:none;stroke:#221F1F;stroke-width:2.5;stroke-linecap:round;stroke-miterlimit:10;}
+</style>
+<title>3Asset 227FOG</title>
+<g id="XMLID_5_">
+	<path id="XMLID_4_" class="st0" d="M35.3,24.8c0,0,25,13.7,55.7,1.7s50.3-0.4,54.6,2.1"/>
+	<path id="XMLID_3_" class="st0" d="M35.3,38c0,0,25,13.7,55.7,1.7s50.3-0.4,54.6,2.1"/>
+	<path id="XMLID_2_" class="st0" d="M34.3,51.2c0,0,25,13.7,55.7,1.7s50.3-0.4,54.6,2.1"/>
+	<path id="XMLID_1_" class="st0" d="M35.3,11.6c0,0,25,13.7,55.7,1.7s50.3-0.4,54.6,2.1"/>
+</g>
+</svg>
diff --git a/fittrackee_client/public/img/weather/vc-hail.svg b/fittrackee_client/public/img/weather/vc-hail.svg
new file mode 100644
index 00000000..a695f5a0
--- /dev/null
+++ b/fittrackee_client/public/img/weather/vc-hail.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 79.62 81.74"><defs><style>.cls-1{fill:#cae3f6;}.cls-2,.cls-3{fill:none;stroke-miterlimit:10;}.cls-2{stroke:#231f20;stroke-width:3.5px;}.cls-3{stroke:#0a0b0b;stroke-width:4px;}</style></defs><title>hailAsset 175colored</title><g id="Layer_2" data-name="Layer 2"><g id="Layer_1-2" data-name="Layer 1"><circle class="cls-1" cx="18.82" cy="55.71" r="7.76"/><circle class="cls-1" cx="39.06" cy="55.71" r="7.76"/><circle class="cls-1" cx="59.85" cy="55.71" r="7.76"/><circle class="cls-1" cx="29.18" cy="74.35" r="5.64"/><circle class="cls-1" cx="47.29" cy="74.35" r="5.64"/><path class="cls-1" d="M58.62,40.09H9.71a6.89,6.89,0,0,1-5.55-3.41,9,9,0,0,1,8.42-13.85c1.47.08,1.78-.47,2-1.71A22.63,22.63,0,0,1,33,2.29l.11,0a22.34,22.34,0,0,1,15,3.22c.44.28.88.58,1.31.91a23.1,23.1,0,0,1,6.07,7l.71,1.21"/><path class="cls-1" d="M35.31,27.57A9.77,9.77,0,0,1,43,19.3a10.75,10.75,0,0,1,1.91-.14,9.91,9.91,0,0,1,6.75,2.65,9.55,9.55,0,0,1,2.67,4.53"/><path class="cls-1" d="M48.52,19.77c2.83-4.43,9.34-6.06,14.54-5A11.88,11.88,0,0,1,72.47,24c.67,2.91.88,4,3.09,5.58,3.16,2.22,2.94,7.18.38,9.52a3.92,3.92,0,0,1-2.44,1H56.58"/><line class="cls-1" x1="62.05" y1="40.09" x2="67.11" y2="40.09"/><circle class="cls-2" cx="18.82" cy="55.71" r="7.76"/><circle class="cls-2" cx="39.06" cy="55.71" r="7.76"/><circle class="cls-2" cx="59.85" cy="55.71" r="7.76"/><circle class="cls-2" cx="29.18" cy="74.35" r="5.64"/><circle class="cls-2" cx="47.29" cy="74.35" r="5.64"/><path class="cls-3" d="M58.22,39.72H9a7,7,0,0,1-5.59-3.38,9,9,0,0,1-.38-9,9.25,9.25,0,0,1,8.86-4.71c1.48.08,1.79-.46,2-1.69A22.6,22.6,0,0,1,32.47,2.24h.12A22.69,22.69,0,0,1,47.66,5.42q.66.41,1.32.9a23.26,23.26,0,0,1,6.11,6.91l.71,1.2"/><path class="cls-3" d="M34.77,27.31a9.73,9.73,0,0,1,7.77-8.2A10.79,10.79,0,0,1,44.46,19a10.05,10.05,0,0,1,6.79,2.62,9.68,9.68,0,0,1,2.69,4.49"/><path class="cls-3" d="M48.06,19.57c2.85-4.38,9.4-6,14.63-4.92a11.85,11.85,0,0,1,9.47,9.15c.67,2.89.88,4,3.11,5.53,3.18,2.2,3,7.12.39,9.44a4,4,0,0,1-2.47.95H70"/><line class="cls-3" x1="61.67" y1="39.72" x2="66.77" y2="39.72"/></g></g></svg>
\ No newline at end of file
diff --git a/fittrackee_client/public/img/weather/vc-partly-cloudy-day.svg b/fittrackee_client/public/img/weather/vc-partly-cloudy-day.svg
new file mode 100644
index 00000000..b10340b7
--- /dev/null
+++ b/fittrackee_client/public/img/weather/vc-partly-cloudy-day.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 113.56 78.96"><defs><style>.cls-1{fill:#f5b952;}.cls-2{fill:#cae3f6;}.cls-3,.cls-4,.cls-5{fill:none;stroke-miterlimit:10;stroke-width:4px;}.cls-3,.cls-4{stroke:#000;}.cls-4{stroke-linecap:square;}.cls-5{stroke:#0a0b0b;}</style></defs><title>partly-cloudy-dayAsset 159colored</title><g id="Layer_2" data-name="Layer 2"><g id="Layer_1-2" data-name="Layer 1"><path class="cls-1" d="M40.4,15.88A24.8,24.8,0,1,0,65.19,40.67,24.82,24.82,0,0,0,40.4,15.88Z"/><path class="cls-2" d="M91,77H38.92c-2.19,0-5.09-1.72-5.92-3.58a9.49,9.49,0,0,1-.4-9.56,9.78,9.78,0,0,1,9.37-5c1.57.08,1.9-.5,2.09-1.8a23.93,23.93,0,0,1,19.7-19.77l.12,0a24,24,0,0,1,16,3.39c.46.28.93.6,1.39.94a24.66,24.66,0,0,1,6.47,7.32l.75,1.27"/><path class="cls-2" d="M66.19,63.82a10.32,10.32,0,0,1,8.23-8.68,11.11,11.11,0,0,1,2-.15,10.62,10.62,0,0,1,7.19,2.78,10,10,0,0,1,2.84,4.75"/><path class="cls-2" d="M80.26,55.63c3-4.65,9.95-6.36,15.49-5.22a12.58,12.58,0,0,1,10,9.69c.71,3.06.93,4.22,3.29,5.86,3.36,2.33,3.13,7.53.41,10a4.19,4.19,0,0,1-2.61,1h-18"/><line class="cls-2" x1="94.67" y1="76.95" x2="100.07" y2="76.95"/><path class="cls-3" d="M63.22,31A24.79,24.79,0,1,0,28.14,62"/><line class="cls-4" x1="40.21" y1="15.51" x2="40.21" y2="2"/><line class="cls-4" x1="15.51" y1="40.47" x2="2" y2="40.47"/><line class="cls-4" x1="22.7" y1="22.88" x2="13.14" y2="13.32"/><line class="cls-4" x1="57.81" y1="22.7" x2="67.36" y2="13.14"/><line class="cls-4" x1="22.88" y1="57.99" x2="13.32" y2="67.54"/><path class="cls-5" d="M91,77H38.92c-2.19,0-5.09-1.72-5.92-3.58a9.49,9.49,0,0,1-.4-9.56,9.78,9.78,0,0,1,9.37-5c1.57.08,1.9-.5,2.09-1.8a23.93,23.93,0,0,1,19.7-19.77l.12,0a24,24,0,0,1,16,3.39c.46.28.93.6,1.39.94a24.66,24.66,0,0,1,6.47,7.32l.75,1.27"/><path class="cls-5" d="M66.19,63.82a10.32,10.32,0,0,1,8.23-8.68,11.11,11.11,0,0,1,2-.15,10.62,10.62,0,0,1,7.19,2.78,10,10,0,0,1,2.84,4.75"/><path class="cls-5" d="M80.26,55.63c3-4.65,9.95-6.36,15.49-5.22a12.58,12.58,0,0,1,10,9.69c.71,3.06.93,4.22,3.29,5.86,3.36,2.33,3.13,7.53.41,10a4.19,4.19,0,0,1-2.61,1h-3.36"/><line class="cls-5" x1="94.67" y1="76.95" x2="100.07" y2="76.95"/></g></g></svg>
\ No newline at end of file
diff --git a/fittrackee_client/public/img/weather/vc-partly-cloudy-night.svg b/fittrackee_client/public/img/weather/vc-partly-cloudy-night.svg
new file mode 100644
index 00000000..61fd0473
--- /dev/null
+++ b/fittrackee_client/public/img/weather/vc-partly-cloudy-night.svg
@@ -0,0 +1,40 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 19.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 viewBox="19 0.8 101.3 63.2" style="enable-background:new 19 0.8 101.3 63.2;" xml:space="preserve">
+<style type="text/css">
+	.st0{fill:#EAD88C;}
+	.st1{fill:none;stroke:#000000;stroke-width:3;stroke-miterlimit:10;}
+	.st2{fill:none;}
+	.st3{fill:#CAE3F6;}
+	.st4{fill:none;stroke:#0A0B0B;stroke-width:4;stroke-miterlimit:10;}
+</style>
+<g>
+	<g>
+		<path class="st0" d="M41.9,5.2C29.1,6.7,19.9,18.1,21.1,31c1.3,12.8,12.7,22,25.4,20.7c3-0.4,5.7-1.2,8.5-2.7
+			c-1.6-1.1-3-2.3-4.3-3.7c-4.5-4.2-7.6-9.6-8.6-15.7C41,22.2,43,15.1,45.3,10.2c0.8-1.6,1.6-3.4,2.6-4.9C46,4.9,43.9,4.9,41.9,5.2z
+			"/>
+		<path class="st1" d="M41.9,5.2C29.1,6.7,19.9,18.1,21.1,31c1.3,12.8,12.7,22,25.4,20.7c3-0.4,5.7-1.2,8.5-2.7
+			c-1.6-1.1-3-2.3-4.3-3.7c-4.5-4.2-7.6-9.6-8.6-15.7C41,22.2,43,15.1,45.3,10.2c0.8-1.6,1.6-3.4,2.6-4.9C46,4.9,43.9,4.9,41.9,5.2z
+			"/>
+		<path class="st2" d="M63,7.6l-0.4-0.3c-5-3.6-11.1-5.2-18.3-4.6C40.4,3,33,6.7,32.8,6.9c-9.2,5.4-13.9,17.9-10.9,28.9
+			c0.3,1,0.6,1.9,1,2.9c1.4,3.6,3.7,6.9,6.6,9.5"/>
+	</g>
+	<g>
+		<path class="st3" d="M97.7,61.9H45.6c-2.2,0-5.1-1.7-5.9-3.6c-1.9-2.9-2-6.5-0.4-9.6c1.9-3.4,5.5-5.3,9.4-5
+			c1.6,0.1,1.9-0.5,2.1-1.8c1.7-10.1,9.6-18.1,19.7-19.7h0.1c5.5-0.8,11.2,0.4,16,3.4c0.5,0.3,0.9,0.6,1.4,0.9
+			c2.6,2,4.8,4.5,6.5,7.3l0.8,1.3"/>
+		<path class="st3" d="M72.9,48.8c0.6-4.3,3.9-7.8,8.2-8.7c0.7-0.1,1.3-0.2,2-0.2c2.7,0,5.2,1,7.2,2.8c1.4,1.3,2.4,2.9,2.9,4.8"/>
+		<path class="st3" d="M87,40.6c3-4.6,10-6.4,15.5-5.2c5,0.9,8.9,4.7,10,9.7c0.7,3.1,0.9,4.2,3.3,5.9c3.4,2.3,3.1,7.5,0.4,10
+			c-0.7,0.6-1.6,1-2.6,1h-18"/>
+		<line class="st2" x1="101.4" y1="61.9" x2="106.8" y2="61.9"/>
+		<path class="st4" d="M97.7,61.8H45.6c-2.2,0-5.1-1.7-5.9-3.6c-1.9-2.9-2-6.5-0.4-9.5c1.9-3.4,5.5-5.3,9.4-5
+			c1.6,0.1,1.9-0.5,2.1-1.8c1.6-10.1,9.6-18.1,19.7-19.8h0.1c5.5-0.8,11.2,0.4,16,3.4c0.5,0.3,1,0.6,1.4,0.9c2.6,2,4.8,4.5,6.5,7.3
+			l0.8,1.3"/>
+		<path class="st4" d="M72.9,48.6c0.6-4.3,3.9-7.8,8.2-8.7c0.7-0.1,1.3-0.2,2-0.1c2.7,0,5.2,1,7.2,2.8c1.4,1.3,2.4,2.9,2.9,4.8"/>
+		<path class="st4" d="M87,40.5c3-4.6,10-6.3,15.5-5.2c5,0.9,8.9,4.7,10,9.7c0.7,3,0.9,4.2,3.3,5.9c3.4,2.3,3.1,7.5,0.4,10
+			c-0.7,0.6-1.6,1-2.6,1h-3.3"/>
+		<line class="st4" x1="101.4" y1="61.8" x2="106.8" y2="61.8"/>
+	</g>
+</g>
+</svg>
diff --git a/fittrackee_client/public/img/weather/vc-rain-snow-showers-day.svg b/fittrackee_client/public/img/weather/vc-rain-snow-showers-day.svg
new file mode 100644
index 00000000..ab28ae2f
--- /dev/null
+++ b/fittrackee_client/public/img/weather/vc-rain-snow-showers-day.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 101.39 100.4"><defs><style>.cls-1{fill:#f5b952;}.cls-2{fill:#cae3f6;}.cls-3,.cls-4,.cls-5,.cls-6,.cls-7{fill:none;stroke-miterlimit:10;}.cls-3,.cls-4,.cls-5,.cls-6{stroke:#000;}.cls-3{stroke-width:2.5px;}.cls-4{stroke-linecap:round;stroke-width:3px;}.cls-5,.cls-6,.cls-7{stroke-width:4px;}.cls-6{stroke-linecap:square;}.cls-7{stroke:#0a0b0b;}</style></defs><title>rain-snow-showers-dayAsset 167colored</title><g id="Layer_2" data-name="Layer 2"><g id="Layer_1-2" data-name="Layer 1"><path class="cls-1" d="M36.52,13.88A22.63,22.63,0,1,0,59.15,36.5,22.65,22.65,0,0,0,36.52,13.88Z"/><path class="cls-2" d="M81.18,68.4H35a6.55,6.55,0,0,1-5.25-3.17,8.41,8.41,0,0,1-.36-8.47,8.68,8.68,0,0,1,8.31-4.41c1.4.07,1.69-.44,1.86-1.6A21.19,21.19,0,0,1,57,33.23l.1,0a21.34,21.34,0,0,1,14.15,3c.41.25.83.54,1.24.84a21.86,21.86,0,0,1,5.73,6.49l.66,1.13"/><path class="cls-2" d="M59.17,56.75a9.15,9.15,0,0,1,7.3-7.69,11.41,11.41,0,0,1,1.79-.14,9.49,9.49,0,0,1,6.38,2.47,8.9,8.9,0,0,1,2.52,4.21"/><path class="cls-2" d="M71.65,49.49c2.67-4.11,8.82-5.63,13.73-4.62a11.16,11.16,0,0,1,8.89,8.59c.62,2.71.82,3.74,2.92,5.19,3,2.06,2.77,6.68.35,8.86a3.8,3.8,0,0,1-2.31.89h-16"/><line class="cls-2" x1="84.42" y1="68.4" x2="89.2" y2="68.4"/><polyline class="cls-3" points="36.23 97.89 41.6 92.23 46.88 97.72"/><polyline class="cls-3" points="46.88 75.75 41.52 81.4 36.23 75.91"/><line class="cls-3" x1="41.51" y1="73.04" x2="41.51" y2="100.4"/><polyline class="cls-3" points="52.72 92.05 47.06 86.68 52.55 81.4"/><polyline class="cls-3" points="30.58 81.4 36.23 86.76 30.75 92.05"/><line class="cls-3" x1="27.88" y1="86.76" x2="55.24" y2="86.76"/><line class="cls-4" x1="91.22" y1="91.09" x2="85.02" y2="96.97"/><line class="cls-4" x1="70.12" y1="91.09" x2="63.91" y2="96.97"/><line class="cls-4" x1="91.22" y1="79.3" x2="85.02" y2="85.18"/><line class="cls-4" x1="70.12" y1="79.3" x2="63.91" y2="85.18"/><path class="cls-5" d="M56.42,27.77A22,22,0,1,0,25.24,55.29"/><line class="cls-6" x1="35.97" y1="14.01" x2="35.97" y2="2"/><line class="cls-6" x1="14.01" y1="36.2" x2="2" y2="36.2"/><line class="cls-6" x1="20.4" y1="20.56" x2="11.9" y2="12.06"/><line class="cls-6" x1="51.61" y1="20.4" x2="60.1" y2="11.9"/><line class="cls-6" x1="20.56" y1="51.77" x2="12.06" y2="60.26"/><path class="cls-7" d="M81.13,68.63H34.82a6.53,6.53,0,0,1-5.26-3.18A8.4,8.4,0,0,1,29.2,57a8.69,8.69,0,0,1,8.33-4.43c1.4.07,1.69-.44,1.86-1.6A21.26,21.26,0,0,1,56.9,33.36l.11,0a21.37,21.37,0,0,1,14.18,3c.41.26.83.54,1.24.84a21.74,21.74,0,0,1,5.75,6.51l.67,1.13"/><path class="cls-7" d="M59.06,57a9.17,9.17,0,0,1,7.31-7.71,10.54,10.54,0,0,1,1.81-.14,9.47,9.47,0,0,1,6.39,2.47A9,9,0,0,1,77.1,55.8"/><path class="cls-7" d="M71.57,49.67C74.25,45.54,80.41,44,85.34,45a11.19,11.19,0,0,1,8.91,8.62c.63,2.71.83,3.75,2.93,5.2,3,2.07,2.78,6.7.36,8.89a3.83,3.83,0,0,1-2.32.89h-3"/><line class="cls-7" x1="84.38" y1="68.63" x2="89.18" y2="68.63"/></g></g></svg>
\ No newline at end of file
diff --git a/fittrackee_client/public/img/weather/vc-rain-snow-showers-night.svg b/fittrackee_client/public/img/weather/vc-rain-snow-showers-night.svg
new file mode 100644
index 00000000..32c3c1dd
--- /dev/null
+++ b/fittrackee_client/public/img/weather/vc-rain-snow-showers-night.svg
@@ -0,0 +1,52 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 19.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 viewBox="16 -13.1 95.9 90.1" style="enable-background:new 16 -13.1 95.9 90.1;" xml:space="preserve">
+<style type="text/css">
+	.st0{fill:#EAD88C;}
+	.st1{fill:none;stroke:#000000;stroke-width:3;stroke-miterlimit:10;}
+	.st2{fill:none;}
+	.st3{fill:#CAE3F6;}
+	.st4{fill:none;stroke:#000000;stroke-width:2.5;stroke-miterlimit:10;}
+	.st5{fill:none;stroke:#000000;stroke-width:3;stroke-linecap:round;stroke-miterlimit:10;}
+	.st6{fill:none;stroke:#0A0B0B;stroke-width:4;stroke-miterlimit:10;}
+</style>
+<g>
+	<g>
+		<path class="st0" d="M39.3-9.5C26.5-8,17.3,3.4,18.5,16.3C19.8,29.1,31.2,38.3,44,37c3-0.4,5.7-1.2,8.5-2.7
+			c-1.6-1.1-3-2.3-4.3-3.7c-4.5-4.2-7.6-9.6-8.6-15.7c-1.1-7.4,0.9-14.5,3.2-19.4c0.8-1.6,1.6-3.4,2.6-4.9
+			C43.4-9.8,41.3-9.8,39.3-9.5z"/>
+		<path class="st1" d="M39.3-9.5C26.5-8,17.3,3.4,18.5,16.3C19.8,29.1,31.2,38.3,44,37c3-0.4,5.7-1.2,8.5-2.7
+			c-1.6-1.1-3-2.3-4.3-3.7c-4.5-4.2-7.6-9.6-8.6-15.7c-1.1-7.4,0.9-14.5,3.2-19.4c0.8-1.6,1.6-3.4,2.6-4.9
+			C43.4-9.8,41.3-9.8,39.3-9.5z"/>
+		<path class="st2" d="M60.4-7.1L60-7.4C55-11,48.9-12.6,41.7-12c-3.9,0.3-11.3,4-11.5,4.2C21-2.4,16.3,10.1,19.3,21.1
+			c0.3,1,0.6,1.9,1,2.9c1.4,3.6,3.7,6.9,6.6,9.5"/>
+	</g>
+	<path class="st3" d="M90.6,43.3H41.9c-2.3-0.1-4.4-1.4-5.5-3.4c-2.7-4.2-1.4-9.8,2.8-12.4c1.7-1.1,3.6-1.5,5.6-1.4
+		c1.5,0.1,1.8-0.5,2-1.7c1.5-9.6,8.8-17.1,18.4-18.8h0.1C70.5,4.9,75.8,6,80.2,8.8c0.4,0.3,0.9,0.6,1.3,0.9c2.4,1.9,4.5,4.3,6,6.9
+		l0.7,1.2"/>
+	<path class="st3" d="M67.4,30.8c0.5-4.1,3.6-7.4,7.7-8.2c0.6-0.1,1.3-0.1,1.9-0.1c2.5,0,4.9,0.9,6.7,2.6c1.3,1.2,2.2,2.8,2.7,4.5"
+		/>
+	<path class="st3" d="M80.5,24c2.8-4.4,9.3-6,14.5-5c4.7,0.9,8.4,4.5,9.4,9.2c0.7,2.9,0.9,4,3.1,5.6c3.1,2.2,2.9,7.1,0.4,9.5
+		c-0.7,0.6-1.5,0.9-2.4,1H88.7"/>
+	<line class="st2" x1="94" y1="43.3" x2="99.1" y2="43.3"/>
+	<polyline class="st4" points="46.7,72.5 52.1,66.8 57.4,72.3 	"/>
+	<polyline class="st4" points="57.4,50.3 52,56 46.7,50.5 	"/>
+	<line class="st4" x1="52" y1="47.6" x2="52" y2="75"/>
+	<polyline class="st4" points="63.2,66.6 57.6,61.3 63.1,56 	"/>
+	<polyline class="st4" points="41.1,56 46.7,61.4 41.2,66.6 	"/>
+	<line class="st4" x1="38.4" y1="61.4" x2="65.7" y2="61.4"/>
+	<line class="st5" x1="101.7" y1="65.7" x2="95.5" y2="71.6"/>
+	<line class="st5" x1="80.6" y1="65.7" x2="74.4" y2="71.6"/>
+	<line class="st5" x1="101.7" y1="53.9" x2="95.5" y2="59.8"/>
+	<line class="st5" x1="80.6" y1="53.9" x2="74.4" y2="59.8"/>
+	<path class="st6" d="M90.5,43.8H41.3c-2.3-0.1-4.4-1.4-5.6-3.4c-1.7-2.7-1.9-6.2-0.4-9c1.8-3.2,5.2-5,8.8-4.7
+		c1.5,0.1,1.8-0.5,2-1.7c1.5-9.6,9-17.1,18.6-18.7h0.1C70,5.6,75.4,6.7,79.9,9.5c0.4,0.3,0.9,0.6,1.3,0.9c2.5,1.9,4.6,4.2,6.1,6.9
+		l0.7,1.2"/>
+	<path class="st6" d="M67.1,30.4c0.6-4.1,3.7-7.4,7.8-8.2c0.6-0.1,1.3-0.2,1.9-0.1c2.5,0,4.9,0.9,6.8,2.6c1.3,1.2,2.2,2.8,2.7,4.5"
+		/>
+	<path class="st6" d="M80.3,22.7c2.9-4.4,9.4-6,14.6-4.9c4.7,0.9,8.4,4.5,9.5,9.2c0.7,2.9,0.9,4,3.1,5.5c3.2,2.2,3,7.1,0.4,9.4
+		c-0.7,0.6-1.6,0.9-2.5,0.9h-3.2"/>
+	<line class="st6" x1="93.9" y1="42.8" x2="99" y2="42.8"/>
+</g>
+</svg>
diff --git a/fittrackee_client/public/img/weather/vc-rain-snow.svg b/fittrackee_client/public/img/weather/vc-rain-snow.svg
new file mode 100644
index 00000000..f1495444
--- /dev/null
+++ b/fittrackee_client/public/img/weather/vc-rain-snow.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 84.06 73.32"><defs><style>.cls-1{fill:#cae3f6;}.cls-2,.cls-3,.cls-4{fill:none;stroke-miterlimit:10;}.cls-2,.cls-3{stroke:#000;}.cls-2{stroke-width:2.5px;}.cls-3{stroke-linecap:round;stroke-width:3px;}.cls-4{stroke:#0a0b0b;stroke-width:4px;}</style></defs><title>rain-snowAsset 166colored</title><g id="Layer_2" data-name="Layer 2"><g id="Layer_1-2" data-name="Layer 1"><path class="cls-1" d="M61.63,41.86H9.79c-2.17,0-5-1.71-5.88-3.57a9.42,9.42,0,0,1-.4-9.5,9.74,9.74,0,0,1,9.32-5c1.57.08,1.89-.49,2.08-1.78A23.81,23.81,0,0,1,34.51,2.38l.12,0A23.88,23.88,0,0,1,50.5,5.73c.47.28.93.6,1.39.94A24.41,24.41,0,0,1,58.33,14l.74,1.27"/><path class="cls-1" d="M36.93,28.78a10.24,10.24,0,0,1,8.18-8.63,12.09,12.09,0,0,1,2-.16,10.57,10.57,0,0,1,7.15,2.77,10,10,0,0,1,2.84,4.73"/><path class="cls-1" d="M50.93,20.63c3-4.62,9.9-6.32,15.41-5.19a12.53,12.53,0,0,1,10,9.64c.7,3,.92,4.2,3.27,5.83,3.34,2.32,3.11,7.5.4,9.94a4.23,4.23,0,0,1-2.59,1H59.47"/><line class="cls-1" x1="65.26" y1="41.85" x2="70.63" y2="41.85"/><polyline class="cls-2" points="12.91 70.81 18.27 65.15 23.55 70.64"/><polyline class="cls-2" points="23.55 48.67 18.19 54.32 12.91 48.83"/><line class="cls-2" x1="18.19" y1="45.97" x2="18.19" y2="73.32"/><polyline class="cls-2" points="29.39 64.97 23.74 59.6 29.23 54.32"/><polyline class="cls-2" points="7.25 54.32 12.91 59.69 7.42 64.97"/><line class="cls-2" x1="4.55" y1="59.69" x2="31.91" y2="59.69"/><line class="cls-3" x1="67.9" y1="64.01" x2="61.69" y2="69.89"/><line class="cls-3" x1="46.79" y1="64.01" x2="40.59" y2="69.89"/><line class="cls-3" x1="67.9" y1="51.22" x2="61.69" y2="57.1"/><line class="cls-3" x1="46.79" y1="51.22" x2="40.59" y2="57.1"/><path class="cls-4" d="M61.52,41.94H9.42c-2.18,0-5.08-1.72-5.91-3.58A9.49,9.49,0,0,1,3.1,28.8a9.79,9.79,0,0,1,9.38-5c1.57.08,1.89-.49,2.09-1.79A23.9,23.9,0,0,1,34.26,2.26l.12,0a24.08,24.08,0,0,1,16,3.38c.47.29.94.61,1.4,1a24.49,24.49,0,0,1,6.46,7.32L59,15.16"/><path class="cls-4" d="M36.7,28.79a10.31,10.31,0,0,1,8.22-8.67A12.28,12.28,0,0,1,47,20a10.64,10.64,0,0,1,7.19,2.79A10.08,10.08,0,0,1,57,27.5"/><path class="cls-4" d="M50.77,20.61c3-4.65,9.95-6.36,15.49-5.22a12.58,12.58,0,0,1,10,9.69c.7,3.06.93,4.22,3.29,5.86,3.36,2.32,3.12,7.53.4,10a4.26,4.26,0,0,1-2.6,1H74"/><line class="cls-4" x1="65.18" y1="41.93" x2="70.57" y2="41.93"/></g></g></svg>
\ No newline at end of file
diff --git a/fittrackee_client/public/img/weather/vc-rain.svg b/fittrackee_client/public/img/weather/vc-rain.svg
new file mode 100644
index 00000000..6ac4b477
--- /dev/null
+++ b/fittrackee_client/public/img/weather/vc-rain.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 84.06 69.39"><defs><style>.cls-1{fill:#cae3f6;}.cls-2,.cls-3{fill:none;stroke-miterlimit:10;}.cls-2{stroke:#000;stroke-linecap:round;stroke-width:3px;}.cls-3{stroke:#0a0b0b;stroke-width:4px;}</style></defs><title>rainAsset 162colored</title><g id="Layer_2" data-name="Layer 2"><g id="Layer_1-2" data-name="Layer 1"><path class="cls-1" d="M61.52,42.12H9.42c-2.18,0-5.08-1.72-5.91-3.59A9.47,9.47,0,0,1,3.1,29a9.79,9.79,0,0,1,9.38-5c1.57.08,1.89-.49,2.09-1.8A23.9,23.9,0,0,1,34.26,2.44l.12,0a24,24,0,0,1,16,3.38c.47.29.94.6,1.4,1a24.37,24.37,0,0,1,6.46,7.32L59,15.34"/><path class="cls-1" d="M36.7,29a10.32,10.32,0,0,1,8.22-8.68,13.4,13.4,0,0,1,2-.15,10.68,10.68,0,0,1,7.19,2.78A10.16,10.16,0,0,1,57,27.68"/><path class="cls-1" d="M50.77,20.78c3-4.64,9.95-6.35,15.49-5.21a12.57,12.57,0,0,1,10,9.69c.7,3,.93,4.22,3.29,5.85,3.36,2.33,3.12,7.54.4,10a4.26,4.26,0,0,1-2.6,1h-18"/><line class="cls-1" x1="65.18" y1="42.11" x2="70.57" y2="42.11"/><line class="cls-2" x1="67.9" y1="62.01" x2="61.69" y2="67.89"/><line class="cls-2" x1="25.68" y1="62.01" x2="19.48" y2="67.89"/><line class="cls-2" x1="46.79" y1="62.01" x2="40.59" y2="67.89"/><line class="cls-2" x1="67.9" y1="49.22" x2="61.69" y2="55.1"/><line class="cls-2" x1="25.68" y1="49.22" x2="19.48" y2="55.1"/><line class="cls-2" x1="46.79" y1="49.22" x2="40.59" y2="55.1"/><path class="cls-3" d="M61.52,41.94H9.42c-2.18,0-5.08-1.72-5.91-3.58A9.49,9.49,0,0,1,3.1,28.8a9.79,9.79,0,0,1,9.38-5c1.57.08,1.89-.49,2.09-1.79A23.9,23.9,0,0,1,34.26,2.26l.12,0a24.08,24.08,0,0,1,16,3.38c.47.29.94.61,1.4,1a24.49,24.49,0,0,1,6.46,7.32L59,15.16"/><path class="cls-3" d="M36.7,28.79a10.31,10.31,0,0,1,8.22-8.67A12.28,12.28,0,0,1,47,20a10.64,10.64,0,0,1,7.19,2.79A10.08,10.08,0,0,1,57,27.5"/><path class="cls-3" d="M50.77,20.61c3-4.65,9.95-6.36,15.49-5.22a12.58,12.58,0,0,1,10,9.69c.7,3.06.93,4.22,3.29,5.86,3.36,2.32,3.12,7.53.4,10a4.26,4.26,0,0,1-2.6,1H74"/><line class="cls-3" x1="65.18" y1="41.93" x2="70.57" y2="41.93"/></g></g></svg>
\ No newline at end of file
diff --git a/fittrackee_client/public/img/weather/vc-showers-day.svg b/fittrackee_client/public/img/weather/vc-showers-day.svg
new file mode 100644
index 00000000..1eefb933
--- /dev/null
+++ b/fittrackee_client/public/img/weather/vc-showers-day.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 101.39 96.59"><defs><style>.cls-1{fill:#f5b952;}.cls-2{fill:#cae3f6;}.cls-3,.cls-4,.cls-5,.cls-6{fill:none;stroke-miterlimit:10;}.cls-3,.cls-4,.cls-5{stroke:#000;}.cls-3{stroke-linecap:round;stroke-width:3px;}.cls-4,.cls-5,.cls-6{stroke-width:4px;}.cls-5{stroke-linecap:square;}.cls-6{stroke:#0a0b0b;}</style></defs><title>showers-dayAsset 163colored</title><g id="Layer_2" data-name="Layer 2"><g id="Layer_1-2" data-name="Layer 1"><path class="cls-1" d="M36.52,13.88A22.63,22.63,0,1,0,59.15,36.5,22.65,22.65,0,0,0,36.52,13.88Z"/><path class="cls-2" d="M81.1,69H34.7a6.56,6.56,0,0,1-5.27-3.19,8.43,8.43,0,0,1-.36-8.51,8.72,8.72,0,0,1,8.35-4.43c1.4.07,1.69-.44,1.86-1.6a21.28,21.28,0,0,1,17.54-17.6l.11,0a21.46,21.46,0,0,1,14.21,3c.41.26.83.54,1.24.85A21.91,21.91,0,0,1,78.14,44l.67,1.14"/><path class="cls-2" d="M59,57.29a9.18,9.18,0,0,1,7.32-7.73,11.75,11.75,0,0,1,1.81-.14,9.48,9.48,0,0,1,6.4,2.48,9,9,0,0,1,2.54,4.23"/><path class="cls-2" d="M71.52,50c2.69-4.14,8.86-5.67,13.79-4.65A11.17,11.17,0,0,1,94.24,54c.63,2.72.83,3.76,2.94,5.22,3,2.07,2.78,6.7.35,8.9a3.83,3.83,0,0,1-2.32.89h-16"/><line class="cls-2" x1="84.35" y1="68.99" x2="89.16" y2="68.99"/><line class="cls-3" x1="85.22" y1="89.22" x2="79.02" y2="95.09"/><line class="cls-3" x1="43.01" y1="89.22" x2="36.81" y2="95.09"/><line class="cls-3" x1="64.12" y1="89.22" x2="57.91" y2="95.09"/><line class="cls-3" x1="85.22" y1="76.43" x2="79.02" y2="82.31"/><line class="cls-3" x1="43.01" y1="76.43" x2="36.81" y2="82.31"/><line class="cls-3" x1="64.12" y1="76.43" x2="57.91" y2="82.31"/><path class="cls-4" d="M56.42,27.77A22,22,0,1,0,25.24,55.29"/><line class="cls-5" x1="35.97" y1="14.01" x2="35.97" y2="2"/><line class="cls-5" x1="14.01" y1="36.2" x2="2" y2="36.2"/><line class="cls-5" x1="20.4" y1="20.56" x2="11.9" y2="12.06"/><line class="cls-5" x1="51.61" y1="20.4" x2="60.1" y2="11.9"/><line class="cls-5" x1="20.56" y1="51.77" x2="12.06" y2="60.26"/><path class="cls-6" d="M81.13,68.63H34.82a6.53,6.53,0,0,1-5.26-3.18A8.4,8.4,0,0,1,29.2,57a8.69,8.69,0,0,1,8.33-4.43c1.4.07,1.69-.44,1.86-1.6A21.26,21.26,0,0,1,56.9,33.36l.11,0a21.37,21.37,0,0,1,14.18,3c.41.26.83.54,1.24.84a21.74,21.74,0,0,1,5.75,6.51l.67,1.13"/><path class="cls-6" d="M59.06,57a9.17,9.17,0,0,1,7.31-7.71,10.54,10.54,0,0,1,1.81-.14,9.47,9.47,0,0,1,6.39,2.47A9,9,0,0,1,77.1,55.8"/><path class="cls-6" d="M71.57,49.67C74.25,45.54,80.41,44,85.34,45a11.19,11.19,0,0,1,8.91,8.62c.63,2.71.83,3.75,2.93,5.2,3,2.07,2.78,6.7.36,8.89a3.83,3.83,0,0,1-2.32.89h-3"/><line class="cls-6" x1="84.38" y1="68.63" x2="89.18" y2="68.63"/></g></g></svg>
\ No newline at end of file
diff --git a/fittrackee_client/public/img/weather/vc-showers-night.svg b/fittrackee_client/public/img/weather/vc-showers-night.svg
new file mode 100644
index 00000000..4b464abf
--- /dev/null
+++ b/fittrackee_client/public/img/weather/vc-showers-night.svg
@@ -0,0 +1,44 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 19.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 viewBox="16 -10.8 95.9 85.8" style="enable-background:new 16 -10.8 95.9 85.8;" xml:space="preserve">
+<style type="text/css">
+	.st0{fill:#EAD88C;}
+	.st1{fill:none;stroke:#000000;stroke-width:3;stroke-miterlimit:10;}
+	.st2{fill:none;}
+	.st3{fill:#CAE3F6;}
+	.st4{fill:none;stroke:#0A0B0B;stroke-width:4;stroke-miterlimit:10;}
+	.st5{fill:none;stroke:#000000;stroke-width:3;stroke-linecap:round;stroke-miterlimit:10;}
+</style>
+<g>
+	<g>
+		<path class="st0" d="M40-7.2C27.2-5.7,18,5.7,19.2,18.6c1.2,12.8,12.7,22.1,25.4,20.7c3-0.4,5.7-1.2,8.5-2.7
+			c-1.6-1.1-3-2.3-4.3-3.7c-4.5-4.2-7.6-9.6-8.6-15.7c-1.1-7.4,0.9-14.5,3.2-19.4C44.2-3.8,45-5.6,46-7.1C44.1-7.5,42-7.5,40-7.2z"
+			/>
+		<path class="st1" d="M40-7.2C27.2-5.7,18,5.7,19.2,18.6c1.2,12.8,12.7,22.1,25.4,20.7c3-0.4,5.7-1.2,8.5-2.7
+			c-1.6-1.1-3-2.3-4.3-3.7c-4.5-4.2-7.6-9.6-8.6-15.7c-1.1-7.4,0.9-14.5,3.2-19.4C44.2-3.8,45-5.6,46-7.1C44.1-7.5,42-7.5,40-7.2z"
+			/>
+		<path class="st2" d="M61.1-4.8l-0.4-0.3c-5-3.6-11.1-5.2-18.3-4.6c-3.9,0.3-11.3,4-11.5,4.2C21.7-0.1,17,12.4,20,23.4
+			c0.3,1,0.6,1.9,1,2.9c1.4,3.6,3.7,6.9,6.6,9.5"/>
+	</g>
+	<path class="st3" d="M90.4,49.6H40.9c-2.3-0.1-4.4-1.4-5.6-3.4c-1.8-2.7-1.9-6.2-0.4-9.1c1.8-3.2,5.3-5,8.9-4.7
+		c1.5,0.1,1.8-0.5,2-1.7c1.6-9.6,9.1-17.2,18.7-18.8h0.1c5.3-0.7,10.6,0.4,15.2,3.2c0.4,0.3,0.9,0.6,1.3,0.9c2.5,1.9,4.6,4.3,6.2,7
+		l0.7,1.2"/>
+	<path class="st3" d="M66.8,37.1c0.6-4.1,3.7-7.4,7.8-8.3c0.6-0.1,1.3-0.2,1.9-0.1c2.5,0,5,0.9,6.8,2.6c1.3,1.2,2.2,2.8,2.7,4.5"/>
+	<path class="st3" d="M80.1,29.4c2.9-4.4,9.5-6,14.7-5c4.7,0.9,8.5,4.5,9.5,9.2c0.7,2.9,0.9,4,3.1,5.6c3.2,2.2,3,7.2,0.4,9.5
+		c-0.7,0.6-1.6,1-2.5,1H88.2"/>
+	<line class="st2" x1="94.9" y1="47.6" x2="100" y2="47.6"/>
+	<path class="st4" d="M90.5,49H41.3c-2.3-0.1-4.4-1.4-5.6-3.4c-1.7-2.7-1.9-6.2-0.4-9c1.8-3.2,5.2-5,8.9-4.7c1.5,0.1,1.8-0.5,2-1.7
+		c1.5-9.6,9-17.1,18.6-18.7h0.1c5.2-0.7,10.6,0.4,15.1,3.2c0.4,0.3,0.9,0.6,1.3,0.9c2.5,1.9,4.6,4.2,6.1,6.9l0.7,1.2"/>
+	<path class="st4" d="M67,36.6c0.6-4.1,3.7-7.4,7.8-8.2c0.6-0.1,1.3-0.2,1.9-0.1c2.5,0,4.9,0.9,6.8,2.6c1.3,1.2,2.2,2.8,2.7,4.5"/>
+	<path class="st4" d="M80.3,28.9c2.9-4.4,9.4-6,14.6-4.9c4.7,0.9,8.4,4.5,9.5,9.2c0.7,2.9,0.9,4,3.1,5.5c3.2,2.2,3,7.1,0.4,9.4
+		c-0.7,0.6-1.6,0.9-2.5,0.9h-3.2"/>
+	<line class="st4" x1="94.9" y1="47" x2="100" y2="47"/>
+	<line class="st5" x1="96.7" y1="67.5" x2="90.5" y2="73.4"/>
+	<line class="st5" x1="54.5" y1="67.5" x2="48.3" y2="73.4"/>
+	<line class="st5" x1="75.6" y1="67.5" x2="69.4" y2="73.4"/>
+	<line class="st5" x1="96.7" y1="54.7" x2="90.5" y2="60.6"/>
+	<line class="st5" x1="54.5" y1="54.7" x2="48.3" y2="60.6"/>
+	<line class="st5" x1="75.6" y1="54.7" x2="69.4" y2="60.6"/>
+</g>
+</svg>
diff --git a/fittrackee_client/public/img/weather/vc-sleet.svg b/fittrackee_client/public/img/weather/vc-sleet.svg
new file mode 100644
index 00000000..989925c2
--- /dev/null
+++ b/fittrackee_client/public/img/weather/vc-sleet.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 80.19 61.64"><defs><style>.cls-1{fill:#649f4e;}.cls-2,.cls-3{fill:none;stroke:#000;stroke-miterlimit:10;stroke-width:3px;}.cls-3{stroke-linecap:round;}</style></defs><title>sleetAsset 165colored</title><g id="Layer_2" data-name="Layer 2"><g id="Layer_1-2" data-name="Layer 1"><path class="cls-1" d="M70.69,19.51V8.1a6.52,6.52,0,1,0-13,.18c0,7.44,0,14.87,0,22.3a2.74,2.74,0,0,1-1.46,2.63,14.62,14.62,0,0,0,11.7,26.4c5.41-1.53,9-5,10.32-10.16C79.86,43.23,77,36.89,71.86,33a2.64,2.64,0,0,1-1.19-2.43C70.73,26.91,70.69,23.21,70.69,19.51Z"/><polyline class="cls-2" points="8.84 55.69 14.51 49.71 20.1 55.52"/><polyline class="cls-2" points="20.1 32.28 14.42 38.26 8.84 32.45"/><line class="cls-2" x1="14.42" y1="29.42" x2="14.42" y2="58.35"/><polyline class="cls-2" points="26.27 49.52 20.3 43.84 26.1 38.26"/><polyline class="cls-2" points="2.86 38.26 8.84 43.93 3.03 49.52"/><line class="cls-2" y1="43.93" x2="28.94" y2="43.93"/><polyline class="cls-2" points="21.41 26.76 27.08 20.78 32.67 26.58"/><polyline class="cls-2" points="32.67 3.34 26.99 9.32 21.41 3.52"/><line class="cls-2" x1="26.99" y1="0.48" x2="26.99" y2="29.42"/><polyline class="cls-2" points="38.84 20.58 32.86 14.91 38.67 9.32"/><polyline class="cls-2" points="15.43 9.32 21.41 14.99 15.6 20.58"/><line class="cls-2" x1="12.57" y1="14.99" x2="41.51" y2="14.99"/><path class="cls-2" d="M70.69,19.51V8.1a6.52,6.52,0,1,0-13,.18c0,7.44,0,14.87,0,22.3a2.74,2.74,0,0,1-1.46,2.63,14.62,14.62,0,0,0,11.7,26.4c5.41-1.53,9-5,10.32-10.16C79.86,43.23,77,36.89,71.86,33a2.64,2.64,0,0,1-1.19-2.43C70.73,26.91,70.69,23.21,70.69,19.51Z"/><path class="cls-3" d="M63.83,10.53V35.94c0,1.37-.28,1.72-1.49,1.83C59.82,38,57.1,40,56.76,44.51"/><path class="cls-3" d="M63.68,51.4a7,7,0,0,0,6.77-6.8"/></g></g></svg>
\ No newline at end of file
diff --git a/fittrackee_client/public/img/weather/vc-snow-showers-day.svg b/fittrackee_client/public/img/weather/vc-snow-showers-day.svg
new file mode 100644
index 00000000..5a0f50df
--- /dev/null
+++ b/fittrackee_client/public/img/weather/vc-snow-showers-day.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 101.39 107.33"><defs><style>.cls-1{fill:#f5b952;}.cls-2{fill:#cae3f6;}.cls-3,.cls-4,.cls-5,.cls-6,.cls-7{fill:none;stroke-miterlimit:10;}.cls-3,.cls-4,.cls-5,.cls-6{stroke:#000;}.cls-3{stroke-width:1.5px;}.cls-4{stroke-width:2px;}.cls-5,.cls-6,.cls-7{stroke-width:4px;}.cls-6{stroke-linecap:square;}.cls-7{stroke:#0a0b0b;}</style></defs><title>snow-showers-dayAsset 177colored</title><g id="Layer_2" data-name="Layer 2"><g id="Layer_1-2" data-name="Layer 1"><path class="cls-1" d="M36.06,14.12a22,22,0,1,0,22,22A22,22,0,0,0,36.06,14.12Z"/><path class="cls-2" d="M80.8,68.47H34.08a6.58,6.58,0,0,1-5.3-3.27,8.61,8.61,0,0,1,8-13.22c1.41.07,1.7-.45,1.88-1.64a21.6,21.6,0,0,1,17.66-18l.11,0a21.28,21.28,0,0,1,14.3,3.08q.63.39,1.26.87a22.19,22.19,0,0,1,5.79,6.66l.68,1.16"/><path class="cls-2" d="M58.54,56.5a9.34,9.34,0,0,1,7.37-7.9,10.67,10.67,0,0,1,1.82-.13A9.4,9.4,0,0,1,74.18,51a9.12,9.12,0,0,1,2.55,4.32"/><path class="cls-2" d="M71.16,49.05c2.7-4.23,8.92-5.79,13.88-4.75a11.38,11.38,0,0,1,9,8.82c.63,2.78.83,3.84,2.95,5.33,3,2.12,2.8,6.86.36,9.1a3.79,3.79,0,0,1-2.34.91H78.86"/><line class="cls-2" x1="84.07" y1="68.46" x2="88.92" y2="68.46"/><polyline class="cls-3" points="71.3 106.2 73.7 103.67 76.07 106.13"/><polyline class="cls-3" points="76.07 96.29 73.67 98.82 71.3 96.36"/><line class="cls-3" x1="73.67" y1="95.08" x2="73.67" y2="107.33"/><polyline class="cls-3" points="78.68 103.59 76.15 101.19 78.61 98.82"/><polyline class="cls-3" points="68.77 98.82 71.3 101.22 68.84 103.59"/><line class="cls-3" x1="67.56" y1="101.22" x2="79.81" y2="101.22"/><polyline class="cls-3" points="52.39 106.2 54.8 103.67 57.16 106.13"/><polyline class="cls-3" points="57.16 96.29 54.76 98.82 52.39 96.36"/><line class="cls-3" x1="54.76" y1="95.08" x2="54.76" y2="107.33"/><polyline class="cls-3" points="59.77 103.59 57.24 101.19 59.7 98.82"/><polyline class="cls-3" points="49.86 98.82 52.39 101.22 49.94 103.59"/><line class="cls-3" x1="48.65" y1="101.22" x2="60.9" y2="101.22"/><polyline class="cls-4" points="87.11 90.27 90.42 86.79 93.68 90.17"/><polyline class="cls-4" points="93.68 76.62 90.37 80.11 87.11 76.73"/><line class="cls-4" x1="90.37" y1="74.96" x2="90.37" y2="91.83"/><polyline class="cls-4" points="97.28 86.67 93.79 83.37 97.18 80.11"/><polyline class="cls-4" points="83.63 80.11 87.11 83.42 83.73 86.67"/><line class="cls-4" x1="81.96" y1="83.42" x2="98.83" y2="83.42"/><polyline class="cls-4" points="61.07 90.27 64.38 86.79 67.64 90.17"/><polyline class="cls-4" points="67.64 76.62 64.33 80.11 61.07 76.73"/><line class="cls-4" x1="64.33" y1="74.96" x2="64.33" y2="91.83"/><polyline class="cls-4" points="71.24 86.67 67.75 83.37 71.13 80.11"/><polyline class="cls-4" points="57.59 80.11 61.07 83.42 57.69 86.67"/><line class="cls-4" x1="55.92" y1="83.42" x2="72.79" y2="83.42"/><polyline class="cls-4" points="35.03 90.27 38.34 86.79 41.59 90.17"/><polyline class="cls-4" points="41.59 76.62 38.29 80.11 35.03 76.73"/><line class="cls-4" x1="38.29" y1="74.96" x2="38.29" y2="91.83"/><polyline class="cls-4" points="45.19 86.67 41.71 83.37 45.09 80.11"/><polyline class="cls-4" points="31.54 80.11 35.03 83.42 31.64 86.67"/><line class="cls-4" x1="29.88" y1="83.42" x2="46.75" y2="83.42"/><path class="cls-5" d="M56.42,27.77A22,22,0,1,0,25.24,55.29"/><line class="cls-6" x1="35.97" y1="14.01" x2="35.97" y2="2"/><line class="cls-6" x1="14.01" y1="36.2" x2="2" y2="36.2"/><line class="cls-6" x1="20.4" y1="20.56" x2="11.9" y2="12.06"/><line class="cls-6" x1="51.61" y1="20.4" x2="60.1" y2="11.9"/><line class="cls-6" x1="20.56" y1="51.77" x2="12.06" y2="60.26"/><path class="cls-7" d="M81.13,68.63H34.82a6.53,6.53,0,0,1-5.26-3.18A8.4,8.4,0,0,1,29.2,57a8.69,8.69,0,0,1,8.33-4.43c1.4.07,1.69-.44,1.86-1.6A21.26,21.26,0,0,1,56.9,33.36l.11,0a21.37,21.37,0,0,1,14.18,3c.41.26.83.54,1.24.84a21.74,21.74,0,0,1,5.75,6.51l.67,1.13"/><path class="cls-7" d="M59.06,57a9.17,9.17,0,0,1,7.31-7.71,10.54,10.54,0,0,1,1.81-.14,9.47,9.47,0,0,1,6.39,2.47A9,9,0,0,1,77.1,55.8"/><path class="cls-7" d="M71.57,49.67C74.25,45.54,80.41,44,85.34,45a11.19,11.19,0,0,1,8.91,8.62c.63,2.71.83,3.75,2.93,5.2,3,2.07,2.78,6.7.36,8.89a3.83,3.83,0,0,1-2.32.89h-3"/><line class="cls-7" x1="84.38" y1="68.63" x2="89.18" y2="68.63"/></g></g></svg>
\ No newline at end of file
diff --git a/fittrackee_client/public/img/weather/vc-snow-showers-night.svg b/fittrackee_client/public/img/weather/vc-snow-showers-night.svg
new file mode 100644
index 00000000..d4fe91df
--- /dev/null
+++ b/fittrackee_client/public/img/weather/vc-snow-showers-night.svg
@@ -0,0 +1,72 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 19.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 viewBox="16 -16.1 95.9 97.1" style="enable-background:new 16 -16.1 95.9 97.1;" xml:space="preserve">
+<style type="text/css">
+	.st0{fill:#EAD88C;}
+	.st1{fill:none;stroke:#000000;stroke-width:3;stroke-miterlimit:10;}
+	.st2{fill:none;}
+	.st3{fill:#CAE3F6;}
+	.st4{fill:none;stroke:#000000;stroke-width:1.5;stroke-miterlimit:10;}
+	.st5{fill:none;stroke:#000000;stroke-width:2;stroke-miterlimit:10;}
+	.st6{fill:none;stroke:#0A0B0B;stroke-width:4;stroke-miterlimit:10;}
+</style>
+<g>
+	<g>
+		<path class="st0" d="M38.9-13.5C26.1-12,16.9-0.6,18.1,12.3c1.3,12.8,12.7,22,25.4,20.7c3-0.4,5.7-1.2,8.5-2.7
+			c-1.6-1.1-3-2.3-4.3-3.7c-4.5-4.2-7.6-9.6-8.6-15.7C38,3.5,40-3.6,42.3-8.5c0.8-1.6,1.6-3.4,2.6-4.9C43-13.8,40.9-13.8,38.9-13.5z
+			"/>
+		<path class="st1" d="M38.9-13.5C26.1-12,16.9-0.6,18.1,12.3c1.3,12.8,12.7,22,25.4,20.7c3-0.4,5.7-1.2,8.5-2.7
+			c-1.6-1.1-3-2.3-4.3-3.7c-4.5-4.2-7.6-9.6-8.6-15.7C38,3.5,40-3.6,42.3-8.5c0.8-1.6,1.6-3.4,2.6-4.9C43-13.8,40.9-13.8,38.9-13.5z
+			"/>
+		<path class="st2" d="M60-11.1l-0.4-0.3c-5-3.6-11.1-5.2-18.3-4.6c-3.9,0.3-11.3,4-11.5,4.2C20.6-6.4,15.9,6.1,18.9,17.1
+			c0.3,1,0.6,1.9,1,2.9c1.4,3.6,3.7,6.9,6.6,9.5"/>
+	</g>
+	<path class="st3" d="M90.7,43.8H42.2c-2.3-0.1-4.3-1.4-5.5-3.4c-1.7-2.7-1.9-6.1-0.4-9c1.7-3.1,5.1-5,8.7-4.7
+		c1.5,0.1,1.8-0.5,1.9-1.7c1.5-9.5,8.9-17,18.4-18.6h0.1c5.2-0.7,10.4,0.4,14.8,3.2c0.4,0.3,0.9,0.6,1.3,0.9c2.4,1.9,4.5,4.2,6,6.9
+		l0.7,1.2"/>
+	<path class="st3" d="M67.6,31.4c0.6-4.1,3.6-7.3,7.6-8.2c0.6-0.1,1.3-0.1,1.9-0.1c2.5,0,4.9,0.9,6.7,2.6c1.3,1.2,2.2,2.8,2.7,4.5"
+		/>
+	<path class="st3" d="M80.7,23.7c2.8-4.4,9.3-6,14.4-4.9c4.7,0.9,8.3,4.5,9.3,9.1c0.7,2.9,0.9,4,3.1,5.5c3.1,2.2,2.9,7.1,0.4,9.4
+		c-0.7,0.6-1.5,0.9-2.4,0.9H88.7"/>
+	<line class="st2" x1="94.1" y1="43.8" x2="99.1" y2="43.8"/>
+	<polyline class="st4" points="79.8,79.9 82.2,77.3 84.6,79.8 	"/>
+	<polyline class="st4" points="84.6,70 82.2,72.5 79.8,70 	"/>
+	<line class="st4" x1="82.2" y1="68.8" x2="82.2" y2="81"/>
+	<polyline class="st4" points="87.2,77.3 84.7,74.9 87.1,72.5 	"/>
+	<polyline class="st4" points="77.3,72.5 79.8,74.9 77.4,77.3 	"/>
+	<line class="st4" x1="76.1" y1="74.9" x2="88.3" y2="74.9"/>
+	<polyline class="st4" points="60.9,79.9 63.3,77.3 65.7,79.8 	"/>
+	<polyline class="st4" points="65.7,70 63.3,72.5 60.9,70 	"/>
+	<line class="st4" x1="63.3" y1="68.8" x2="63.3" y2="81"/>
+	<polyline class="st4" points="68.3,77.3 65.7,74.9 68.2,72.5 	"/>
+	<polyline class="st4" points="58.4,72.5 60.9,74.9 58.4,77.3 	"/>
+	<line class="st4" x1="57.2" y1="74.9" x2="69.4" y2="74.9"/>
+	<polyline class="st5" points="95.6,64 98.9,60.5 102.2,63.8 	"/>
+	<polyline class="st5" points="102.2,50.3 98.9,53.8 95.6,50.4 	"/>
+	<line class="st5" x1="98.9" y1="48.6" x2="98.9" y2="65.5"/>
+	<polyline class="st5" points="105.8,60.3 102.3,57 105.7,53.8 	"/>
+	<polyline class="st5" points="92.1,53.8 95.6,57.1 92.2,60.3 	"/>
+	<line class="st5" x1="90.5" y1="57.1" x2="107.3" y2="57.1"/>
+	<polyline class="st5" points="69.6,64 72.9,60.5 76.1,63.8 	"/>
+	<polyline class="st5" points="76.1,50.3 72.8,53.8 69.6,50.4 	"/>
+	<line class="st5" x1="72.8" y1="48.6" x2="72.8" y2="65.5"/>
+	<polyline class="st5" points="79.7,60.3 76.3,57 79.6,53.8 	"/>
+	<polyline class="st5" points="66.1,53.8 69.6,57.1 66.2,60.3 	"/>
+	<line class="st5" x1="64.4" y1="57.1" x2="81.3" y2="57.1"/>
+	<polyline class="st5" points="43.5,64 46.8,60.5 50.1,63.8 	"/>
+	<polyline class="st5" points="50.1,50.3 46.8,53.8 43.5,50.4 	"/>
+	<line class="st5" x1="46.8" y1="48.6" x2="46.8" y2="65.5"/>
+	<polyline class="st5" points="53.7,60.3 50.2,57 53.6,53.8 	"/>
+	<polyline class="st5" points="40.1,53.8 43.5,57.1 40.1,60.3 	"/>
+	<line class="st5" x1="38.4" y1="57.1" x2="55.2" y2="57.1"/>
+	<path class="st6" d="M90.5,43.8H41.3c-2.3-0.1-4.4-1.4-5.6-3.4c-1.7-2.7-1.9-6.2-0.4-9c1.8-3.2,5.2-5,8.8-4.7
+		c1.5,0.1,1.8-0.5,2-1.7c1.5-9.6,9-17.1,18.6-18.7h0.1C70,5.6,75.4,6.7,79.9,9.5c0.4,0.3,0.9,0.6,1.3,0.9c2.5,1.9,4.6,4.2,6.1,6.9
+		l0.7,1.2"/>
+	<path class="st6" d="M67.1,31.4c0.6-4.1,3.7-7.4,7.8-8.2c0.6-0.1,1.3-0.2,1.9-0.1c2.5,0,4.9,0.9,6.8,2.6c1.3,1.2,2.2,2.8,2.7,4.5"
+		/>
+	<path class="st6" d="M80.3,23.7c2.9-4.4,9.4-6,14.6-4.9c4.7,0.9,8.4,4.5,9.5,9.2c0.7,2.9,0.9,4,3.1,5.5c3.2,2.2,3,7.1,0.4,9.4
+		c-0.7,0.6-1.6,0.9-2.5,0.9h-3.2"/>
+	<line class="st6" x1="93.9" y1="43.8" x2="99" y2="43.8"/>
+</g>
+</svg>
diff --git a/fittrackee_client/public/img/weather/vc-snow.svg b/fittrackee_client/public/img/weather/vc-snow.svg
new file mode 100644
index 00000000..ebcdcd94
--- /dev/null
+++ b/fittrackee_client/public/img/weather/vc-snow.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 79.62 80.58"><defs><style>.cls-1{fill:#cae3f6;}.cls-2,.cls-3,.cls-4{fill:none;stroke-miterlimit:10;}.cls-2,.cls-3{stroke:#000;}.cls-2{stroke-width:1.5px;}.cls-3{stroke-width:2px;}.cls-4{stroke:#0a0b0b;stroke-width:4px;}</style></defs><title>snowAsset 176colored</title><g id="Layer_2" data-name="Layer 2"><g id="Layer_1-2" data-name="Layer 1"><path class="cls-1" d="M58.62,39.79H9.71a6.89,6.89,0,0,1-5.55-3.41,9,9,0,0,1,8.42-13.85c1.47.08,1.78-.47,2-1.71A22.62,22.62,0,0,1,33,2l.11,0a22.28,22.28,0,0,1,15,3.22,15.43,15.43,0,0,1,1.31.91,23.1,23.1,0,0,1,6.07,7l.71,1.21"/><path class="cls-1" d="M35.31,27.27A9.77,9.77,0,0,1,43,19a10.75,10.75,0,0,1,1.91-.14,9.86,9.86,0,0,1,6.75,2.65A9.55,9.55,0,0,1,54.36,26"/><path class="cls-1" d="M48.52,19.47c2.83-4.43,9.34-6.06,14.54-5a11.88,11.88,0,0,1,9.41,9.23c.67,2.91.88,4,3.09,5.58,3.16,2.22,2.94,7.18.38,9.52a3.92,3.92,0,0,1-2.44,1H56.58"/><line class="cls-1" x1="62.05" y1="39.79" x2="67.11" y2="39.79"/><polyline class="cls-2" points="48.16 79.41 50.66 76.78 53.11 79.34"/><polyline class="cls-2" points="53.11 69.11 50.62 71.74 48.16 69.19"/><line class="cls-2" x1="50.62" y1="67.86" x2="50.62" y2="80.58"/><polyline class="cls-2" points="55.83 76.7 53.2 74.2 55.75 71.74"/><polyline class="cls-2" points="45.53 71.74 48.16 74.24 45.61 76.7"/><line class="cls-2" x1="44.27" y1="74.24" x2="57" y2="74.24"/><polyline class="cls-2" points="28.51 79.41 31 76.78 33.46 79.34"/><polyline class="cls-2" points="33.46 69.11 30.97 71.74 28.51 69.19"/><line class="cls-2" x1="30.97" y1="67.86" x2="30.97" y2="80.58"/><polyline class="cls-2" points="36.18 76.7 33.55 74.2 36.1 71.74"/><polyline class="cls-2" points="25.88 71.74 28.51 74.24 25.96 76.7"/><line class="cls-2" x1="24.62" y1="74.24" x2="37.35" y2="74.24"/><polyline class="cls-3" points="64.59 62.86 68.03 59.24 71.41 62.76"/><polyline class="cls-3" points="71.41 48.68 67.98 52.3 64.59 48.78"/><line class="cls-3" x1="67.98" y1="46.94" x2="67.98" y2="64.47"/><polyline class="cls-3" points="75.16 59.12 71.53 55.68 75.05 52.3"/><polyline class="cls-3" points="60.97 52.3 64.59 55.74 61.08 59.12"/><line class="cls-3" x1="59.24" y1="55.74" x2="76.77" y2="55.74"/><polyline class="cls-3" points="37.53 62.86 40.97 59.24 44.35 62.76"/><polyline class="cls-3" points="44.35 48.68 40.91 52.3 37.53 48.78"/><line class="cls-3" x1="40.91" y1="46.94" x2="40.91" y2="64.47"/><polyline class="cls-3" points="48.09 59.12 44.47 55.68 47.98 52.3"/><polyline class="cls-3" points="33.91 52.3 37.53 55.74 34.01 59.12"/><line class="cls-3" x1="32.17" y1="55.74" x2="49.7" y2="55.74"/><polyline class="cls-3" points="10.46 62.86 13.9 59.24 17.29 62.76"/><polyline class="cls-3" points="17.29 48.68 13.85 52.3 10.46 48.78"/><line class="cls-3" x1="13.85" y1="46.94" x2="13.85" y2="64.47"/><polyline class="cls-3" points="21.03 59.12 17.4 55.68 20.92 52.3"/><polyline class="cls-3" points="6.84 52.3 10.46 55.74 6.95 59.12"/><line class="cls-3" x1="5.11" y1="55.74" x2="22.64" y2="55.74"/><path class="cls-4" d="M58.22,39.72H9a7,7,0,0,1-5.59-3.38,9,9,0,0,1-.38-9,9.25,9.25,0,0,1,8.86-4.71c1.48.08,1.79-.46,2-1.69A22.6,22.6,0,0,1,32.47,2.24h.12A22.69,22.69,0,0,1,47.66,5.42q.66.41,1.32.9a23.26,23.26,0,0,1,6.11,6.91l.71,1.2"/><path class="cls-4" d="M34.77,27.31a9.73,9.73,0,0,1,7.77-8.2A10.79,10.79,0,0,1,44.46,19a10.05,10.05,0,0,1,6.79,2.62,9.68,9.68,0,0,1,2.69,4.49"/><path class="cls-4" d="M48.06,19.57c2.85-4.38,9.4-6,14.63-4.92a11.85,11.85,0,0,1,9.47,9.15c.67,2.89.88,4,3.11,5.53,3.18,2.2,3,7.12.39,9.44a4,4,0,0,1-2.47.95H70"/><line class="cls-4" x1="61.67" y1="39.72" x2="66.77" y2="39.72"/></g></g></svg>
\ No newline at end of file
diff --git a/fittrackee_client/public/img/weather/vc-thunder-rain.svg b/fittrackee_client/public/img/weather/vc-thunder-rain.svg
new file mode 100644
index 00000000..f3c58c88
--- /dev/null
+++ b/fittrackee_client/public/img/weather/vc-thunder-rain.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 79.62 70.92"><defs><style>.cls-1{fill:#f5b952;}.cls-2{fill:#cae3f6;}.cls-3,.cls-4,.cls-5{fill:none;stroke-miterlimit:10;}.cls-3,.cls-5{stroke:#000;stroke-width:3px;}.cls-4{stroke:#0a0b0b;stroke-width:4px;}.cls-5{stroke-linecap:round;}</style></defs><title>thunder-rainAsset 172colored</title><g id="Layer_2" data-name="Layer 2"><g id="Layer_1-2" data-name="Layer 1"><path class="cls-1" d="M37.1,68.63c1.92-2,7.83-8.42,7.83-8.42h0c1.36-1.47,2.67-2.89,4-4.3a1.29,1.29,0,0,0,.39-1.57,1.34,1.34,0,0,0-1.49-.69c-.43.05-.86.07-1.38.11.14-.28.23-.48.33-.67l2.59-5c.58-1.13.06-2-1.18-2-3,0-6,0-9,0a1.41,1.41,0,0,0-1.42.88c-1.66,3.42-3.33,6.84-5,10.25A1.24,1.24,0,0,0,34,59.18h3.6c-.19.61-.35,1.17-.56,1.72L36,64.24c-.39,1.22-.81,2.34-1.09,3.48a1.44,1.44,0,0,0,.34,1.17,1.77,1.77,0,0,0,1.2.27C36.65,69.14,36.9,68.85,37.1,68.63Z"/><path class="cls-2" d="M57.8,39.92H9.08a6.88,6.88,0,0,1-5.53-3.4,9,9,0,0,1,8.39-13.79c1.46.07,1.77-.47,2-1.71A22.53,22.53,0,0,1,32.31,2.26l.11,0A22.24,22.24,0,0,1,47.34,5.45c.44.27.87.58,1.31.9a23.18,23.18,0,0,1,6,7l.71,1.21"/><path class="cls-2" d="M34.58,27.44a9.73,9.73,0,0,1,7.69-8.23,11.72,11.72,0,0,1,1.9-.15,9.9,9.9,0,0,1,6.72,2.64,9.57,9.57,0,0,1,2.67,4.52"/><path class="cls-2" d="M47.74,19.67c2.82-4.4,9.3-6,14.48-5a11.85,11.85,0,0,1,9.38,9.2c.66,2.9.87,4,3.08,5.56,3.14,2.21,2.92,7.15.38,9.48a3.87,3.87,0,0,1-2.44.95H55.77"/><line class="cls-2" x1="61.21" y1="39.91" x2="66.26" y2="39.91"/><path class="cls-3" d="M37.1,68.88c1.92-2,7.83-8.42,7.83-8.42h0l4-4.29a1.31,1.31,0,0,0,.39-1.58,1.34,1.34,0,0,0-1.49-.68l-1.38.1.33-.66,2.59-5c.58-1.12.06-2-1.18-2-3,0-6,0-9,0a1.39,1.39,0,0,0-1.42.88c-1.66,3.42-3.33,6.83-5,10.25A1.23,1.23,0,0,0,34,59.43h3.6c-.19.61-.35,1.18-.56,1.72L36,64.49c-.39,1.23-.81,2.34-1.09,3.49a1.46,1.46,0,0,0,.34,1.17,1.76,1.76,0,0,0,1.2.26C36.65,69.39,36.9,69.1,37.1,68.88Z"/><path class="cls-4" d="M58.22,39.72H9a7,7,0,0,1-5.59-3.38,9,9,0,0,1-.38-9,9.25,9.25,0,0,1,8.86-4.71c1.48.08,1.79-.46,2-1.69A22.6,22.6,0,0,1,32.47,2.24h.12A22.69,22.69,0,0,1,47.66,5.42q.66.41,1.32.9a23.26,23.26,0,0,1,6.11,6.91l.71,1.2"/><path class="cls-4" d="M34.77,27.31a9.73,9.73,0,0,1,7.77-8.2A10.79,10.79,0,0,1,44.46,19a10.05,10.05,0,0,1,6.79,2.62,9.68,9.68,0,0,1,2.69,4.49"/><path class="cls-4" d="M48.06,19.57c2.85-4.38,9.4-6,14.63-4.92a11.85,11.85,0,0,1,9.47,9.15c.67,2.89.88,4,3.11,5.53,3.18,2.2,3,7.12.39,9.44a4,4,0,0,1-2.47.95H70"/><line class="cls-4" x1="61.67" y1="39.72" x2="66.77" y2="39.72"/><line class="cls-5" x1="63.46" y1="60.2" x2="57.25" y2="66.08"/><line class="cls-5" x1="21.24" y1="60.2" x2="15.04" y2="66.08"/><line class="cls-5" x1="63.46" y1="47.41" x2="57.25" y2="53.29"/><line class="cls-5" x1="21.24" y1="47.41" x2="15.04" y2="53.29"/></g></g></svg>
\ No newline at end of file
diff --git a/fittrackee_client/public/img/weather/vc-thunder-showers-day.svg b/fittrackee_client/public/img/weather/vc-thunder-showers-day.svg
new file mode 100644
index 00000000..145dff1a
--- /dev/null
+++ b/fittrackee_client/public/img/weather/vc-thunder-showers-day.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 101.39 100.33"><defs><style>.cls-1{fill:#f5b952;}.cls-2{fill:#cae3f6;}.cls-3,.cls-4,.cls-5,.cls-6,.cls-7{fill:none;stroke-miterlimit:10;}.cls-3,.cls-4,.cls-5,.cls-6{stroke:#000;}.cls-3,.cls-4{stroke-width:3px;}.cls-4{stroke-linecap:round;}.cls-5,.cls-6,.cls-7{stroke-width:4px;}.cls-6{stroke-linecap:square;}.cls-7{stroke:#0a0b0b;}</style></defs><title>thunder-showers-dayAsset 173colored</title><g id="Layer_2" data-name="Layer 2"><g id="Layer_1-2" data-name="Layer 1"><path class="cls-1" d="M59.25,98.43c1.92-2,7.83-8.42,7.83-8.42h0c1.36-1.47,2.67-2.89,4-4.3a1.29,1.29,0,0,0,.39-1.57A1.34,1.34,0,0,0,70,83.45c-.43,0-.86.07-1.38.11.14-.28.23-.48.33-.67l2.59-5c.58-1.13.06-2-1.18-2-3,0-6,0-8.95,0a1.41,1.41,0,0,0-1.42.89c-1.66,3.41-3.33,6.83-5,10.24A1.24,1.24,0,0,0,56.17,89h3.6c-.19.61-.35,1.17-.56,1.72L58.11,94c-.4,1.22-.82,2.34-1.1,3.48a1.44,1.44,0,0,0,.34,1.17,1.77,1.77,0,0,0,1.2.27C58.8,98.94,59.05,98.65,59.25,98.43Z"/><path class="cls-1" d="M35.74,14.58a22,22,0,1,0,22,22A22,22,0,0,0,35.74,14.58Z"/><path class="cls-2" d="M81.39,69.14H35a6.57,6.57,0,0,1-5.27-3.24,8.54,8.54,0,0,1,8-13.12c1.4.07,1.69-.45,1.86-1.63A21.44,21.44,0,0,1,57.12,33.3l.11,0a21,21,0,0,1,14.2,3.06c.42.25.83.54,1.25.85a22.12,22.12,0,0,1,5.75,6.61L79.1,45"/><path class="cls-2" d="M59.29,57.27a9.25,9.25,0,0,1,7.32-7.84,10.54,10.54,0,0,1,1.81-.14,9.41,9.41,0,0,1,6.4,2.51,9.11,9.11,0,0,1,2.53,4.3"/><path class="cls-2" d="M71.81,49.87c2.69-4.2,8.86-5.74,13.79-4.71a11.26,11.26,0,0,1,8.92,8.75c.63,2.76.83,3.81,2.93,5.29,3,2.1,2.78,6.8.36,9a3.78,3.78,0,0,1-2.32.9h-16"/><line class="cls-2" x1="84.64" y1="69.13" x2="89.44" y2="69.13"/><path class="cls-3" d="M59.87,98.3c1.91-2,7.83-8.42,7.83-8.42h0c1.36-1.47,2.67-2.89,4-4.3A1.28,1.28,0,0,0,72.07,84a1.33,1.33,0,0,0-1.48-.69c-.43.05-.87.07-1.38.11l.33-.67c.86-1.66,1.73-3.31,2.58-5,.58-1.13.07-2-1.18-2-3,0-6,0-8.94,0a1.43,1.43,0,0,0-1.43.89c-1.65,3.42-3.32,6.83-5,10.25a1.23,1.23,0,0,0,1.18,1.92h3.61c-.19.61-.36,1.17-.56,1.72l-1.11,3.34c-.39,1.22-.81,2.34-1.09,3.48A1.4,1.4,0,0,0,58,98.56a1.79,1.79,0,0,0,1.21.27C59.41,98.81,59.67,98.52,59.87,98.3Z"/><line class="cls-4" x1="86.22" y1="89.62" x2="80.02" y2="95.49"/><line class="cls-4" x1="44.01" y1="89.62" x2="37.81" y2="95.49"/><line class="cls-4" x1="86.22" y1="76.83" x2="80.02" y2="82.71"/><line class="cls-4" x1="44.01" y1="76.83" x2="37.81" y2="82.71"/><path class="cls-5" d="M56.42,27.77A22,22,0,1,0,25.24,55.29"/><line class="cls-6" x1="35.97" y1="14.01" x2="35.97" y2="2"/><line class="cls-6" x1="14.01" y1="36.2" x2="2" y2="36.2"/><line class="cls-6" x1="20.4" y1="20.56" x2="11.9" y2="12.06"/><line class="cls-6" x1="51.61" y1="20.4" x2="60.1" y2="11.9"/><line class="cls-6" x1="20.56" y1="51.77" x2="12.06" y2="60.26"/><path class="cls-7" d="M81.13,68.63H34.82a6.53,6.53,0,0,1-5.26-3.18A8.4,8.4,0,0,1,29.2,57a8.69,8.69,0,0,1,8.33-4.43c1.4.07,1.69-.44,1.86-1.6A21.26,21.26,0,0,1,56.9,33.36l.11,0a21.37,21.37,0,0,1,14.18,3c.41.26.83.54,1.24.84a21.74,21.74,0,0,1,5.75,6.51l.67,1.13"/><path class="cls-7" d="M59.06,57a9.17,9.17,0,0,1,7.31-7.71,10.54,10.54,0,0,1,1.81-.14,9.47,9.47,0,0,1,6.39,2.47A9,9,0,0,1,77.1,55.8"/><path class="cls-7" d="M71.57,49.67C74.25,45.54,80.41,44,85.34,45a11.19,11.19,0,0,1,8.91,8.62c.63,2.71.83,3.75,2.93,5.2,3,2.07,2.78,6.7.36,8.89a3.83,3.83,0,0,1-2.32.89h-3"/><line class="cls-7" x1="84.38" y1="68.63" x2="89.18" y2="68.63"/></g></g></svg>
\ No newline at end of file
diff --git a/fittrackee_client/public/img/weather/vc-thunder-showers-night.svg b/fittrackee_client/public/img/weather/vc-thunder-showers-night.svg
new file mode 100644
index 00000000..6dabbe2d
--- /dev/null
+++ b/fittrackee_client/public/img/weather/vc-thunder-showers-night.svg
@@ -0,0 +1,51 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 19.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 viewBox="16 -12.8 95.9 88.8" style="enable-background:new 16 -12.8 95.9 88.8;" xml:space="preserve">
+<style type="text/css">
+	.st0{fill:#EAD88C;}
+	.st1{fill:none;stroke:#000000;stroke-width:3;stroke-miterlimit:10;}
+	.st2{fill:none;}
+	.st3{fill:#F5B952;}
+	.st4{fill:#CAE3F6;}
+	.st5{fill:none;stroke:#000000;stroke-width:2;stroke-miterlimit:10;}
+	.st6{fill:none;stroke:#000000;stroke-width:3;stroke-linecap:round;stroke-miterlimit:10;}
+	.st7{fill:none;stroke:#0A0B0B;stroke-width:4;stroke-miterlimit:10;}
+</style>
+<g>
+	<g>
+		<path class="st0" d="M39.9-9.2c-12.8,1.5-22,12.9-20.8,25.8c1.2,12.8,12.7,22.1,25.4,20.7c3-0.4,5.7-1.2,8.5-2.7
+			c-1.6-1.1-3-2.3-4.3-3.7c-4.5-4.2-7.6-9.6-8.6-15.7C39,7.8,41,0.7,43.3-4.2c0.8-1.6,1.6-3.4,2.6-4.9C44-9.5,41.9-9.5,39.9-9.2z"/>
+		<path class="st1" d="M39.9-9.2c-12.8,1.5-22,12.9-20.8,25.8c1.2,12.8,12.7,22.1,25.4,20.7c3-0.4,5.7-1.2,8.5-2.7
+			c-1.6-1.1-3-2.3-4.3-3.7c-4.5-4.2-7.6-9.6-8.6-15.7C39,7.8,41,0.7,43.3-4.2c0.8-1.6,1.6-3.4,2.6-4.9C44-9.5,41.9-9.5,39.9-9.2z"/>
+		<path class="st2" d="M61-6.8l-0.4-0.3c-5-3.6-11.1-5.2-18.3-4.6c-3.9,0.3-11.3,4-11.5,4.2c-9.2,5.4-13.9,17.9-10.9,28.9
+			c0.3,1,0.6,1.9,1,2.9c1.4,3.6,3.7,6.9,6.6,9.5"/>
+	</g>
+	<path class="st3" d="M69.6,75.6c1.9-2,7.8-8.4,7.8-8.4l0,0c1.4-1.5,2.7-2.9,4-4.3c0.5-0.4,0.7-1,0.4-1.6c-0.3-0.5-0.9-0.8-1.5-0.7
+		c-0.4,0-0.9,0.1-1.4,0.1c0.1-0.3,0.2-0.5,0.3-0.7c0.9-1.7,1.7-3.3,2.6-5c0.6-1.1,0.1-2-1.2-2c-3,0-6,0-8.9,0
+		c-0.6,0-1.2,0.3-1.4,0.9c-1.7,3.4-3.3,6.8-5,10.2c-0.4,0.6-0.3,1.3,0.3,1.7c0.3,0.2,0.6,0.3,0.9,0.2h3.6c-0.2,0.6-0.3,1.2-0.6,1.7
+		L68.4,71c-0.4,1.2-0.8,2.3-1.1,3.5c-0.1,0.4,0,0.9,0.3,1.2c0.4,0.2,0.8,0.3,1.2,0.3C69.1,76.1,69.4,75.8,69.6,75.6z"/>
+	<path class="st4" d="M90.7,48.5H41.8c-2.3-0.2-4.4-1.4-5.6-3.4c-2.7-4.2-1.5-9.7,2.7-12.4c1.7-1.1,3.7-1.6,5.8-1.4
+		c1.5,0.1,1.8-0.5,2-1.7c1.5-9.6,8.9-17.1,18.4-18.8h0.1c5.2-0.7,10.5,0.4,15,3.2c0.4,0.3,0.9,0.6,1.3,0.9c2.5,1.9,4.5,4.3,6.1,7
+		l0.7,1.2"/>
+	<path class="st4" d="M67.4,36c0.6-4.1,3.7-7.4,7.7-8.3c0.6-0.1,1.3-0.2,1.9-0.1c2.5,0,5,0.9,6.8,2.7c1.3,1.2,2.2,2.8,2.7,4.5"/>
+	<path class="st4" d="M80.6,28.2c2.8-4.4,9.3-6.1,14.5-5c4.7,0.9,8.5,4.6,9.4,9.3c0.7,2.9,0.9,4,3.1,5.6c3.1,2.2,2.9,7.2,0.4,9.5
+		c-0.7,0.6-1.5,1-2.5,1H88.6"/>
+	<line class="st2" x1="94.1" y1="46.5" x2="99.2" y2="46.5"/>
+	<path class="st5" d="M70.2,75.3c1.9-2,7.8-8.4,7.8-8.4l0,0c1.4-1.5,2.7-2.9,4-4.3c0.5-0.4,0.6-1,0.4-1.6c-0.3-0.5-0.9-0.8-1.5-0.7
+		c-0.4,0-0.9,0.1-1.4,0.1l0.3-0.7c0.9-1.7,1.7-3.3,2.6-5c0.6-1.1,0.1-2-1.2-2c-3,0-6,0-8.9,0c-0.6,0-1.2,0.3-1.4,0.9
+		c-1.6,3.4-3.3,6.8-5,10.3c-0.4,0.6-0.3,1.3,0.3,1.7c0.3,0.2,0.6,0.3,0.9,0.2h3.6c-0.2,0.6-0.4,1.2-0.6,1.7L69,70.8
+		c-0.4,1.2-0.8,2.3-1.1,3.5c-0.1,0.4,0,0.9,0.3,1.2c0.4,0.2,0.8,0.3,1.2,0.3C69.7,75.8,70,75.5,70.2,75.3z"/>
+	<line class="st6" x1="96.5" y1="66.6" x2="90.3" y2="72.5"/>
+	<line class="st6" x1="54.3" y1="66.6" x2="48.1" y2="72.5"/>
+	<line class="st6" x1="96.5" y1="53.8" x2="90.3" y2="59.7"/>
+	<line class="st6" x1="54.3" y1="53.8" x2="48.1" y2="59.7"/>
+	<path class="st7" d="M90.3,48.4H41.1c-2.3-0.1-4.4-1.4-5.6-3.4c-1.7-2.7-1.9-6.2-0.4-9c1.8-3.2,5.2-5,8.8-4.7
+		c1.5,0.1,1.8-0.5,2-1.7c1.5-9.6,9-17.1,18.6-18.7h0.1c5.2-0.7,10.6,0.4,15.1,3.2c0.4,0.3,0.9,0.6,1.3,0.9c2.5,1.9,4.6,4.2,6.1,6.9
+		l0.7,1.2"/>
+	<path class="st7" d="M66.9,36c0.6-4.1,3.7-7.4,7.8-8.2c0.6-0.1,1.3-0.2,1.9-0.1c2.5,0,4.9,0.9,6.8,2.6c1.3,1.2,2.2,2.8,2.7,4.5"/>
+	<path class="st7" d="M80.1,28.2c2.9-4.4,9.4-6,14.6-4.9c4.7,0.9,8.4,4.5,9.5,9.2c0.7,2.9,0.9,4,3.1,5.5c3.2,2.2,3,7.1,0.4,9.4
+		c-0.7,0.6-1.6,0.9-2.5,0.9H102"/>
+	<line class="st7" x1="93.7" y1="46.4" x2="98.8" y2="46.4"/>
+</g>
+</svg>
diff --git a/fittrackee_client/public/img/weather/vc-thunder.svg b/fittrackee_client/public/img/weather/vc-thunder.svg
new file mode 100644
index 00000000..68a6f8b7
--- /dev/null
+++ b/fittrackee_client/public/img/weather/vc-thunder.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 79.62 70.44"><defs><style>.cls-1{fill:#f5b952;}.cls-2{fill:#cae3f6;}.cls-3,.cls-4{fill:none;stroke-miterlimit:10;}.cls-3{stroke:#000;stroke-width:3px;}.cls-4{stroke:#231f20;stroke-width:4px;}</style></defs><title>thunderAsset 171colored</title><g id="Layer_2" data-name="Layer 2"><g id="Layer_1-2" data-name="Layer 1"><path class="cls-1" d="M37.1,68.4C39,66.36,44.93,60,44.93,60h0l4-4.29a1.31,1.31,0,0,0,.39-1.58,1.34,1.34,0,0,0-1.49-.68l-1.38.1.33-.66,2.59-5c.58-1.12.06-2-1.18-2-3,0-6,0-9,0a1.41,1.41,0,0,0-1.42.89c-1.66,3.42-3.33,6.83-5,10.25A1.23,1.23,0,0,0,34,59h3.6c-.19.61-.35,1.18-.56,1.72L36,64c-.39,1.23-.81,2.34-1.09,3.49a1.46,1.46,0,0,0,.34,1.17,1.76,1.76,0,0,0,1.2.26C36.65,68.91,36.9,68.62,37.1,68.4Z"/><path class="cls-2" d="M57.8,39.69H9.08a6.88,6.88,0,0,1-5.53-3.4A9,9,0,0,1,11.94,22.5c1.46.08,1.77-.47,2-1.7A22.53,22.53,0,0,1,32.31,2h.11A22.13,22.13,0,0,1,47.34,5.23c.44.27.87.57,1.31.89a23.3,23.3,0,0,1,6,7l.71,1.21"/><path class="cls-2" d="M34.58,27.22A9.74,9.74,0,0,1,42.27,19a10.64,10.64,0,0,1,1.9-.14,9.81,9.81,0,0,1,6.72,2.64A9.54,9.54,0,0,1,53.56,26"/><path class="cls-2" d="M47.74,19.45c2.82-4.41,9.3-6,14.48-4.95a11.82,11.82,0,0,1,9.38,9.19c.66,2.9.87,4,3.08,5.56,3.14,2.21,2.92,7.15.38,9.49a4,4,0,0,1-2.44.95H55.77"/><line class="cls-2" x1="61.21" y1="39.69" x2="66.26" y2="39.69"/><path class="cls-3" d="M37.1,68.4C39,66.36,44.93,60,44.93,60h0l4-4.29a1.31,1.31,0,0,0,.39-1.58,1.34,1.34,0,0,0-1.49-.68l-1.38.1.33-.66,2.59-5c.58-1.12.06-2-1.18-2-3,0-6,0-9,0a1.41,1.41,0,0,0-1.42.89c-1.66,3.42-3.33,6.83-5,10.25A1.23,1.23,0,0,0,34,59h3.6c-.19.61-.35,1.18-.56,1.72L36,64c-.39,1.23-.81,2.34-1.09,3.49a1.46,1.46,0,0,0,.34,1.17,1.76,1.76,0,0,0,1.2.26C36.65,68.91,36.9,68.62,37.1,68.4Z"/><path class="cls-4" d="M58.22,39.72H9a7,7,0,0,1-5.59-3.38,9,9,0,0,1-.38-9,9.25,9.25,0,0,1,8.86-4.71c1.48.08,1.79-.46,2-1.69A22.6,22.6,0,0,1,32.47,2.24h.12A22.69,22.69,0,0,1,47.66,5.42q.66.41,1.32.9a23.26,23.26,0,0,1,6.11,6.91l.71,1.2"/><path class="cls-4" d="M34.77,27.31a9.73,9.73,0,0,1,7.77-8.2A10.79,10.79,0,0,1,44.46,19a10.05,10.05,0,0,1,6.79,2.62,9.68,9.68,0,0,1,2.69,4.49"/><path class="cls-4" d="M48.06,19.57c2.85-4.38,9.4-6,14.63-4.92a11.85,11.85,0,0,1,9.47,9.15c.67,2.89.88,4,3.11,5.53,3.18,2.2,3,7.12.39,9.44a4,4,0,0,1-2.47.95H70"/><line class="cls-4" x1="61.67" y1="39.72" x2="66.77" y2="39.72"/></g></g></svg>
\ No newline at end of file
diff --git a/fittrackee_client/public/img/weather/vc-wind.svg b/fittrackee_client/public/img/weather/vc-wind.svg
new file mode 100644
index 00000000..c09c2804
--- /dev/null
+++ b/fittrackee_client/public/img/weather/vc-wind.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 94.85 66.53"><defs><style>.cls-1{fill:#cae3f6;}.cls-2,.cls-3{fill:none;stroke-miterlimit:10;}.cls-2{stroke:#000;stroke-linecap:round;stroke-width:3px;}.cls-3{stroke:#0a0b0b;stroke-width:4px;}</style></defs><title>windAsset 169colored</title><g id="Layer_2" data-name="Layer 2"><g id="Layer_1-2" data-name="Layer 1"><path class="cls-1" d="M58.31,39.74H9.59a6.88,6.88,0,0,1-5.53-3.4,9,9,0,0,1,8.39-13.79c1.47.07,1.77-.47,2-1.71A22.53,22.53,0,0,1,32.82,2.08l.11,0A22.24,22.24,0,0,1,47.85,5.27c.44.27.88.58,1.31.9a23.18,23.18,0,0,1,6,7l.71,1.21"/><path class="cls-1" d="M35.09,27.27A9.73,9.73,0,0,1,42.78,19a11.72,11.72,0,0,1,1.9-.15,9.88,9.88,0,0,1,6.72,2.64A9.57,9.57,0,0,1,54.07,26"/><path class="cls-1" d="M48.25,19.49c2.82-4.4,9.31-6,14.48-4.95a11.85,11.85,0,0,1,9.38,9.2c.66,2.9.87,4,3.08,5.56,3.14,2.21,2.92,7.15.38,9.48a3.87,3.87,0,0,1-2.44.95H56.28"/><line class="cls-1" x1="61.72" y1="39.73" x2="66.77" y2="39.73"/><path class="cls-2" d="M58.7,53.08c-2.65,0-5.3,0-8,0"/><path class="cls-2" d="M50.75,47.79c1.43,0,2.87,0,4.31,0"/><path class="cls-2" d="M61,47.8q12.51,0,25,0a7.38,7.38,0,0,0,6.33-3.15,5.85,5.85,0,0,0-1.27-8,4.44,4.44,0,0,0-5.76.49,3.29,3.29,0,0,0,0,4.57,2.36,2.36,0,0,0,3.34.1"/><path class="cls-2" d="M75.85,59.15a2.48,2.48,0,0,0-3-.43,3.25,3.25,0,0,0-1.42,3.05A3.91,3.91,0,0,0,74.77,65a4.83,4.83,0,0,0,5.42-3.65,6.07,6.07,0,0,0-3-7.13,8,8,0,0,0-4.07-1.1H64.4"/><path class="cls-3" d="M58.22,39.72H9a7,7,0,0,1-5.59-3.38,9,9,0,0,1-.38-9,9.25,9.25,0,0,1,8.86-4.71c1.48.08,1.79-.46,2-1.69A22.6,22.6,0,0,1,32.47,2.24h.12A22.69,22.69,0,0,1,47.66,5.42q.66.41,1.32.9a23.26,23.26,0,0,1,6.11,6.91l.71,1.2"/><path class="cls-3" d="M34.77,27.31a9.73,9.73,0,0,1,7.77-8.2A10.79,10.79,0,0,1,44.46,19a10.05,10.05,0,0,1,6.79,2.62,9.68,9.68,0,0,1,2.69,4.49"/><path class="cls-3" d="M48.06,19.57c2.85-4.38,9.4-6,14.63-4.92a11.85,11.85,0,0,1,9.47,9.15c.67,2.89.88,4,3.11,5.53,3.18,2.2,3,7.12.39,9.44a4,4,0,0,1-2.47.95H70"/><line class="cls-3" x1="61.67" y1="39.72" x2="66.77" y2="39.72"/></g></g></svg>
\ No newline at end of file
diff --git a/fittrackee_client/src/locales/de/workouts.json b/fittrackee_client/src/locales/de/workouts.json
index d52bed56..4c1ba98e 100644
--- a/fittrackee_client/src/locales/de/workouts.json
+++ b/fittrackee_client/src/locales/de/workouts.json
@@ -89,7 +89,29 @@
             "rain": "Regen",
             "sleet": "Schneeregen",
             "snow": "Schnee",
-            "wind": "Wind"
+            "wind": "Wind",
+            "vc-clear-day": "klarer Tag",
+            "vc-clear-night": "klare Nacht",
+            "vc-cloudy": "wolkig",
+            "vc-fog": "Nebel",
+            "vc-partly-cloudy-day": "teilweise bewölkter Tag",
+            "vc-partly-cloudy-night": "teilweise bewölkte Nacht",
+            "vc-rain": "Regen",
+            "vc-sleet": "Schneeregen",
+            "vc-snow": "Schnee",
+            "vc-wind": "Wind",
+            "vc-hail": "Hagel",
+            "vc-rain-snow-showers-day": "Tag der Regen- und Schneeschauer",
+            "vc-rain-snow-showers-night": "Regen- und Schneeschauernacht",
+            "vc-rain-snow": "Regen und Schnee",
+            "vc-showers-day": "Regenschauer Tag",
+            "vc-showers-night": "Regenschauer Nacht",
+            "vc-snow-showers-day": "Tag der Schneeschauer",
+            "vc-snow-showers-night": "Schneeschauer Nacht",
+            "vc-thunder-rain": "Gewitter",
+            "vc-thunder-showers-day": "möglicher Gewittertag",
+            "vc-thunder-showers-night": "mögliche Gewitternacht",
+            "vc-thunder": "Gewitter"
         }
     },
     "WITH_GPX": "mit .gpx Datei",
diff --git a/fittrackee_client/src/locales/en/workouts.json b/fittrackee_client/src/locales/en/workouts.json
index 50c9d31a..2bc83d91 100644
--- a/fittrackee_client/src/locales/en/workouts.json
+++ b/fittrackee_client/src/locales/en/workouts.json
@@ -89,8 +89,30 @@
       "rain": "rain",
       "sleet": "sleet",
       "snow": "snow",
-      "wind": "wind"
-    }
+      "wind": "wind",
+      "vc-clear-day": "clear day",
+      "vc-clear-night": "clear night",
+      "vc-cloudy": "cloudy",
+      "vc-fog": "fog",
+      "vc-partly-cloudy-day": "partly cloudy day",
+      "vc-partly-cloudy-night": "partly cloudy night",
+      "vc-rain": "rain",
+      "vc-sleet": "sleet",
+      "vc-snow": "snow",
+      "vc-wind": "wind",
+      "vc-hail": "hail",
+      "vc-rain-snow-showers-day": "rain and snow showers day",
+      "vc-rain-snow-showers-night": "rain and snow showers night",
+      "vc-rain-snow": "rain and snow",
+      "vc-showers-day": "rain showers day",
+      "vc-showers-night": "rain showers night",
+      "vc-snow-showers-day": "snow showers day",
+      "vc-snow-showers-night": "snow showers night",
+      "vc-thunder-rain": "thunderstorms",
+      "vc-thunder-showers-day": "possible thunderstorms day",
+      "vc-thunder-showers-night": "possible thunderstorms night",
+      "vc-thunder": "thunderstorms"
+      }
   },
   "WITH_GPX": "with .gpx file",
   "WITHOUT_GPX": "without .gpx file",
diff --git a/fittrackee_client/src/locales/fr/workouts.json b/fittrackee_client/src/locales/fr/workouts.json
index 572171ab..42bb87e9 100644
--- a/fittrackee_client/src/locales/fr/workouts.json
+++ b/fittrackee_client/src/locales/fr/workouts.json
@@ -89,7 +89,29 @@
             "rain": "pluie",
             "sleet": "neige fondue",
             "snow": "neige",
-            "wind": "venteux"
+            "wind": "venteux",
+            "vc-clear-day": "ensoleillé",
+            "vc-clear-night": "nuit claire",
+            "vc-cloudy": "nuageux",
+            "vc-fog": "brouillard",
+            "vc-partly-cloudy-day": "partiellement nuageux",
+            "vc-partly-cloudy-night": "nuit partiellement nuageuse",
+            "vc-rain": "pluie",
+            "vc-sleet": "neige fondue",
+            "vc-snow": "neige",
+            "vc-wind": "venteux",
+            "vc-hail": "grêle",
+            "vc-rain-snow-showers-day": "averses de pluie et de neige pendant la journée",
+            "vc-rain-snow-showers-night": "averses de pluie et de neige pendant la nuit",
+            "vc-rain-snow": "pluie et neige",
+            "vc-showers-day": "averses de pluie pendant la journée",
+            "vc-showers-night": "averses de pluie pendant la nuit",
+            "vc-snow-showers-day": "averses de neige pendant la journée",
+            "vc-snow-showers-night": "averses de neige pendant la nuit",
+            "vc-thunder-rain": "orages",
+            "vc-thunder-showers-day": "possible jour d'orage",
+            "vc-thunder-showers-night": "possibilité d'orages nocturnes",
+            "vc-thunder": "orages"
         }
     },
     "WITH_GPX": "avec un fichier .gpx",