diff --git a/Pinit/Pinit/Models/PinEntity.swift b/Pinit/Pinit/Models/PinEntity.swift
index d63abe1..c00c271 100644
--- a/Pinit/Pinit/Models/PinEntity.swift
+++ b/Pinit/Pinit/Models/PinEntity.swift
@@ -25,7 +25,7 @@ struct PinEntity {
                       longitude: 126.97628375547349,
                       address: "서울특별시 도로명주소 24번지",
                       date: Date(),
-                      weather: "비",
+                      weather: "01d",
                       description: "샘플 설명 83",
                       mediaPath: nil),  // 이미지 없음
             
@@ -35,7 +35,7 @@ struct PinEntity {
                       longitude: 126.98134546666795,
                       address: "서울특별시 도로명주소 51번지",
                       date: Date(),
-                      weather: "눈",
+                      weather: "11d",
                       description: "샘플 설명 67",
                       mediaPath: nil),  // 이미지 변환
             
diff --git a/Pinit/Pinit/Resources/Assets.xcassets/clear-day.imageset/Contents.json b/Pinit/Pinit/Resources/Assets.xcassets/clear-day.imageset/Contents.json
new file mode 100644
index 0000000..41dfcff
--- /dev/null
+++ b/Pinit/Pinit/Resources/Assets.xcassets/clear-day.imageset/Contents.json
@@ -0,0 +1,21 @@
+{
+  "images" : [
+    {
+      "filename" : "clear-day.svg",
+      "idiom" : "universal",
+      "scale" : "1x"
+    },
+    {
+      "idiom" : "universal",
+      "scale" : "2x"
+    },
+    {
+      "idiom" : "universal",
+      "scale" : "3x"
+    }
+  ],
+  "info" : {
+    "author" : "xcode",
+    "version" : 1
+  }
+}
diff --git a/Pinit/Pinit/Resources/Assets.xcassets/clear-day.imageset/clear-day.svg b/Pinit/Pinit/Resources/Assets.xcassets/clear-day.imageset/clear-day.svg
new file mode 100644
index 0000000..f9dce1c
--- /dev/null
+++ b/Pinit/Pinit/Resources/Assets.xcassets/clear-day.imageset/clear-day.svg
@@ -0,0 +1,44 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<!-- (c) ammap.com | SVG weather icons -->
+<svg width="56" height="48" version="1.1" xmlns="http://www.w3.org/2000/svg">
+  <defs>
+    <filter id="blur" x="-.34167" y="-.34167" width="1.6833" height="1.85">
+      <feGaussianBlur in="SourceAlpha" stdDeviation="3" />
+      <feOffset dx="0" dy="4" result="offsetblur" />
+      <feComponentTransfer>
+        <feFuncA slope="0.05" type="linear" />
+      </feComponentTransfer>
+      <feMerge>
+        <feMergeNode />
+        <feMergeNode in="SourceGraphic" />
+      </feMerge>
+    </filter>
+  </defs>
+  <g id="day" transform="translate(16,14)" filter="url(#blur)">
+    <g class="am-weather-sun">
+      <line transform="translate(0,9)" y2="3" fill="none" stroke="#ffa500" stroke-linecap="round" stroke-width="2" />
+      <g transform="rotate(45)">
+        <line transform="translate(0,9)" y2="3" fill="none" stroke="#ffa500" stroke-linecap="round" stroke-width="2" />
+      </g>
+      <g transform="rotate(90)">
+        <line transform="translate(0,9)" y2="3" fill="none" stroke="#ffa500" stroke-linecap="round" stroke-width="2" />
+      </g>
+      <g transform="rotate(135)">
+        <line transform="translate(0,9)" y2="3" fill="none" stroke="#ffa500" stroke-linecap="round" stroke-width="2" />
+      </g>
+      <g transform="scale(-1)">
+        <line transform="translate(0,9)" y2="3" fill="none" stroke="#ffa500" stroke-linecap="round" stroke-width="2" />
+      </g>
+      <g transform="rotate(225)">
+        <line transform="translate(0,9)" y2="3" fill="none" stroke="#ffa500" stroke-linecap="round" stroke-width="2" />
+      </g>
+      <g transform="rotate(-90)">
+        <line transform="translate(0,9)" y2="3" fill="none" stroke="#ffa500" stroke-linecap="round" stroke-width="2" />
+      </g>
+      <g transform="rotate(-45)">
+        <line transform="translate(0,9)" y2="3" fill="none" stroke="#ffa500" stroke-linecap="round" stroke-width="2" />
+      </g>
+      <circle r="5" fill="#ffa500" stroke="#ffa500" stroke-width="2" />
+    </g>
+  </g>
+</svg>
\ No newline at end of file
diff --git a/Pinit/Pinit/Resources/Assets.xcassets/weatherIcon/01d.imageset/01d.png b/Pinit/Pinit/Resources/Assets.xcassets/weatherIcon/01d.imageset/01d.png
deleted file mode 100644
index 87d2a51..0000000
Binary files a/Pinit/Pinit/Resources/Assets.xcassets/weatherIcon/01d.imageset/01d.png and /dev/null differ
diff --git a/Pinit/Pinit/Resources/Assets.xcassets/weatherIcon/01d.imageset/01d.svg b/Pinit/Pinit/Resources/Assets.xcassets/weatherIcon/01d.imageset/01d.svg
new file mode 100644
index 0000000..decaab7
--- /dev/null
+++ b/Pinit/Pinit/Resources/Assets.xcassets/weatherIcon/01d.imageset/01d.svg
@@ -0,0 +1,16 @@
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" width="256" height="256" viewBox="0 0 256 256" xml:space="preserve">
+
+<defs>
+</defs>
+<g style="stroke: none; stroke-width: 0; stroke-dasharray: none; stroke-linecap: butt; stroke-linejoin: miter; stroke-miterlimit: 10; fill: none; fill-rule: nonzero; opacity: 1;" transform="translate(1.4065934065934016 1.4065934065934016) scale(2.81 2.81)" >
+	<circle cx="44.995999999999995" cy="44.995999999999995" r="26.676" style="stroke: none; stroke-width: 1; stroke-dasharray: none; stroke-linecap: butt; stroke-linejoin: miter; stroke-miterlimit: 10; fill: rgb(249,193,0); fill-rule: nonzero; opacity: 1;" transform="  matrix(1 0 0 1 0 0) "/>
+	<path d="M 45 11.053 c -0.552 0 -1 -0.448 -1 -1 V 1 c 0 -0.552 0.448 -1 1 -1 s 1 0.448 1 1 v 9.053 C 46 10.605 45.552 11.053 45 11.053 z" style="stroke: none; stroke-width: 1; stroke-dasharray: none; stroke-linecap: butt; stroke-linejoin: miter; stroke-miterlimit: 10; fill: rgb(249,193,0); fill-rule: nonzero; opacity: 1;" transform=" matrix(1 0 0 1 0 0) " stroke-linecap="round" />
+	<path d="M 45 90 c -0.552 0 -1 -0.447 -1 -1 v -9.053 c 0 -0.553 0.448 -1 1 -1 s 1 0.447 1 1 V 89 C 46 89.553 45.552 90 45 90 z" style="stroke: none; stroke-width: 1; stroke-dasharray: none; stroke-linecap: butt; stroke-linejoin: miter; stroke-miterlimit: 10; fill: rgb(249,193,0); fill-rule: nonzero; opacity: 1;" transform=" matrix(1 0 0 1 0 0) " stroke-linecap="round" />
+	<path d="M 10.053 46 H 1 c -0.552 0 -1 -0.448 -1 -1 s 0.448 -1 1 -1 h 9.053 c 0.552 0 1 0.448 1 1 S 10.605 46 10.053 46 z" style="stroke: none; stroke-width: 1; stroke-dasharray: none; stroke-linecap: butt; stroke-linejoin: miter; stroke-miterlimit: 10; fill: rgb(249,193,0); fill-rule: nonzero; opacity: 1;" transform=" matrix(1 0 0 1 0 0) " stroke-linecap="round" />
+	<path d="M 89 46 h -9.053 c -0.553 0 -1 -0.448 -1 -1 s 0.447 -1 1 -1 H 89 c 0.553 0 1 0.448 1 1 S 89.553 46 89 46 z" style="stroke: none; stroke-width: 1; stroke-dasharray: none; stroke-linecap: butt; stroke-linejoin: miter; stroke-miterlimit: 10; fill: rgb(249,193,0); fill-rule: nonzero; opacity: 1;" transform=" matrix(1 0 0 1 0 0) " stroke-linecap="round" />
+	<path d="M 69.711 21.289 c -0.256 0 -0.512 -0.098 -0.707 -0.293 c -0.391 -0.391 -0.391 -1.023 0 -1.414 l 6.401 -6.401 c 0.391 -0.391 1.023 -0.391 1.414 0 s 0.391 1.023 0 1.414 l -6.401 6.401 C 70.223 21.191 69.967 21.289 69.711 21.289 z" style="stroke: none; stroke-width: 1; stroke-dasharray: none; stroke-linecap: butt; stroke-linejoin: miter; stroke-miterlimit: 10; fill: rgb(249,193,0); fill-rule: nonzero; opacity: 1;" transform=" matrix(1 0 0 1 0 0) " stroke-linecap="round" />
+	<path d="M 13.887 77.112 c -0.256 0 -0.512 -0.098 -0.707 -0.293 c -0.391 -0.391 -0.391 -1.023 0 -1.414 l 6.401 -6.401 c 0.391 -0.391 1.023 -0.391 1.414 0 s 0.391 1.023 0 1.414 l -6.401 6.401 C 14.399 77.015 14.143 77.112 13.887 77.112 z" style="stroke: none; stroke-width: 1; stroke-dasharray: none; stroke-linecap: butt; stroke-linejoin: miter; stroke-miterlimit: 10; fill: rgb(249,193,0); fill-rule: nonzero; opacity: 1;" transform=" matrix(1 0 0 1 0 0) " stroke-linecap="round" />
+	<path d="M 20.289 21.289 c -0.256 0 -0.512 -0.098 -0.707 -0.293 l -6.401 -6.401 c -0.391 -0.391 -0.391 -1.023 0 -1.414 s 1.023 -0.391 1.414 0 l 6.401 6.401 c 0.391 0.391 0.391 1.023 0 1.414 C 20.8 21.191 20.544 21.289 20.289 21.289 z" style="stroke: none; stroke-width: 1; stroke-dasharray: none; stroke-linecap: butt; stroke-linejoin: miter; stroke-miterlimit: 10; fill: rgb(249,193,0); fill-rule: nonzero; opacity: 1;" transform=" matrix(1 0 0 1 0 0) " stroke-linecap="round" />
+	<path d="M 76.112 77.112 c -0.256 0 -0.512 -0.098 -0.707 -0.293 l -6.401 -6.401 c -0.391 -0.391 -0.391 -1.023 0 -1.414 s 1.023 -0.391 1.414 0 l 6.401 6.401 c 0.391 0.391 0.391 1.023 0 1.414 C 76.624 77.015 76.368 77.112 76.112 77.112 z" style="stroke: none; stroke-width: 1; stroke-dasharray: none; stroke-linecap: butt; stroke-linejoin: miter; stroke-miterlimit: 10; fill: rgb(249,193,0); fill-rule: nonzero; opacity: 1;" transform=" matrix(1 0 0 1 0 0) " stroke-linecap="round" />
+</g>
+</svg>
\ No newline at end of file
diff --git a/Pinit/Pinit/Resources/Assets.xcassets/weatherIcon/01d.imageset/Contents.json b/Pinit/Pinit/Resources/Assets.xcassets/weatherIcon/01d.imageset/Contents.json
index 60e45fb..b68beb6 100644
--- a/Pinit/Pinit/Resources/Assets.xcassets/weatherIcon/01d.imageset/Contents.json
+++ b/Pinit/Pinit/Resources/Assets.xcassets/weatherIcon/01d.imageset/Contents.json
@@ -1,7 +1,7 @@
 {
   "images" : [
     {
-      "filename" : "01d.png",
+      "filename" : "01d.svg",
       "idiom" : "universal"
     }
   ],
diff --git a/Pinit/Pinit/Resources/Assets.xcassets/weatherIcon/01n.imageset/01n.png b/Pinit/Pinit/Resources/Assets.xcassets/weatherIcon/01n.imageset/01n.png
deleted file mode 100644
index 527137b..0000000
Binary files a/Pinit/Pinit/Resources/Assets.xcassets/weatherIcon/01n.imageset/01n.png and /dev/null differ
diff --git a/Pinit/Pinit/Resources/Assets.xcassets/weatherIcon/01n.imageset/01n.svg b/Pinit/Pinit/Resources/Assets.xcassets/weatherIcon/01n.imageset/01n.svg
new file mode 100644
index 0000000..41eb4f5
--- /dev/null
+++ b/Pinit/Pinit/Resources/Assets.xcassets/weatherIcon/01n.imageset/01n.svg
@@ -0,0 +1,8 @@
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" width="256" height="256" viewBox="0 0 256 256" xml:space="preserve">
+
+<defs>
+</defs>
+<g style="stroke: none; stroke-width: 0; stroke-dasharray: none; stroke-linecap: butt; stroke-linejoin: miter; stroke-miterlimit: 10; fill: none; fill-rule: nonzero; opacity: 1;" transform="translate(1.4065934065934016 1.4065934065934016) scale(2.81 2.81)" >
+	<path d="M 69.491 71.08 c -18.67 3.414 -36.573 -8.953 -39.988 -27.623 S 38.456 6.884 57.126 3.469 c 1.777 -0.325 3.541 -0.463 5.292 -0.511 C 54.979 0.112 46.69 -0.796 38.282 0.742 C 13.839 5.212 -2.353 28.651 2.117 53.094 s 27.909 40.634 52.352 36.164 c 16.252 -2.972 28.847 -14.334 34.155 -28.798 C 83.739 65.803 77.161 69.677 69.491 71.08 z" style="stroke: none; stroke-width: 1; stroke-dasharray: none; stroke-linecap: butt; stroke-linejoin: miter; stroke-miterlimit: 10; fill: rgb(247,215,127); fill-rule: nonzero; opacity: 1;" transform=" matrix(1 0 0 1 0 0) " stroke-linecap="round" />
+</g>
+</svg>
\ No newline at end of file
diff --git a/Pinit/Pinit/Resources/Assets.xcassets/weatherIcon/01n.imageset/Contents.json b/Pinit/Pinit/Resources/Assets.xcassets/weatherIcon/01n.imageset/Contents.json
index 8a8cf33..dc2a0e8 100644
--- a/Pinit/Pinit/Resources/Assets.xcassets/weatherIcon/01n.imageset/Contents.json
+++ b/Pinit/Pinit/Resources/Assets.xcassets/weatherIcon/01n.imageset/Contents.json
@@ -1,7 +1,7 @@
 {
   "images" : [
     {
-      "filename" : "01n.png",
+      "filename" : "01n.svg",
       "idiom" : "universal"
     }
   ],
diff --git a/Pinit/Pinit/Resources/Assets.xcassets/weatherIcon/02d.imageset/02d.png b/Pinit/Pinit/Resources/Assets.xcassets/weatherIcon/02d.imageset/02d.png
deleted file mode 100644
index 01c3c9b..0000000
Binary files a/Pinit/Pinit/Resources/Assets.xcassets/weatherIcon/02d.imageset/02d.png and /dev/null differ
diff --git a/Pinit/Pinit/Resources/Assets.xcassets/weatherIcon/02d.imageset/02d.svg b/Pinit/Pinit/Resources/Assets.xcassets/weatherIcon/02d.imageset/02d.svg
new file mode 100644
index 0000000..05856dc
--- /dev/null
+++ b/Pinit/Pinit/Resources/Assets.xcassets/weatherIcon/02d.imageset/02d.svg
@@ -0,0 +1,13 @@
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" width="256" height="256" viewBox="0 0 256 256" xml:space="preserve">
+
+<defs>
+</defs>
+<g style="stroke: none; stroke-width: 0; stroke-dasharray: none; stroke-linecap: butt; stroke-linejoin: miter; stroke-miterlimit: 10; fill: none; fill-rule: nonzero; opacity: 1;" transform="translate(1.4065934065934016 1.4065934065934016) scale(2.81 2.81)" >
+	<circle cx="56.978" cy="42.138000000000005" r="19.408" style="stroke: none; stroke-width: 1; stroke-dasharray: none; stroke-linecap: butt; stroke-linejoin: miter; stroke-miterlimit: 10; fill: rgb(249,193,0); fill-rule: nonzero; opacity: 1;" transform="  matrix(1 0 0 1 0 0) "/>
+	<path d="M 56.977 17.726 c -0.559 0 -1.011 -0.453 -1.011 -1.011 v -6.586 c 0 -0.558 0.452 -1.011 1.011 -1.011 s 1.011 0.453 1.011 1.011 v 6.586 C 57.988 17.273 57.536 17.726 56.977 17.726 z" style="stroke: none; stroke-width: 1; stroke-dasharray: none; stroke-linecap: butt; stroke-linejoin: miter; stroke-miterlimit: 10; fill: rgb(249,193,0); fill-rule: nonzero; opacity: 1;" transform=" matrix(1 0 0 1 0 0) " stroke-linecap="round" />
+	<path d="M 88.989 43.152 h -6.587 c -0.559 0 -1.011 -0.453 -1.011 -1.011 c 0 -0.558 0.452 -1.011 1.011 -1.011 h 6.587 c 0.559 0 1.011 0.453 1.011 1.011 C 90 42.699 89.548 43.152 88.989 43.152 z" style="stroke: none; stroke-width: 1; stroke-dasharray: none; stroke-linecap: butt; stroke-linejoin: miter; stroke-miterlimit: 10; fill: rgb(249,193,0); fill-rule: nonzero; opacity: 1;" transform=" matrix(1 0 0 1 0 0) " stroke-linecap="round" />
+	<path d="M 38.998 25.173 c -0.259 0 -0.517 -0.099 -0.715 -0.296 l -4.657 -4.657 c -0.395 -0.395 -0.395 -1.035 0 -1.43 s 1.035 -0.395 1.43 0 l 4.657 4.657 c 0.395 0.395 0.395 1.035 0 1.43 C 39.516 25.075 39.257 25.173 38.998 25.173 z" style="stroke: none; stroke-width: 1; stroke-dasharray: none; stroke-linecap: butt; stroke-linejoin: miter; stroke-miterlimit: 10; fill: rgb(249,193,0); fill-rule: nonzero; opacity: 1;" transform=" matrix(1 0 0 1 0 0) " stroke-linecap="round" />
+	<path d="M 74.955 25.173 c -0.259 0 -0.517 -0.099 -0.715 -0.296 c -0.395 -0.395 -0.395 -1.035 0 -1.43 l 4.658 -4.657 c 0.395 -0.395 1.035 -0.395 1.43 0 c 0.395 0.395 0.395 1.035 0 1.43 l -4.658 4.657 C 75.472 25.075 75.214 25.173 74.955 25.173 z" style="stroke: none; stroke-width: 1; stroke-dasharray: none; stroke-linecap: butt; stroke-linejoin: miter; stroke-miterlimit: 10; fill: rgb(249,193,0); fill-rule: nonzero; opacity: 1;" transform=" matrix(1 0 0 1 0 0) " stroke-linecap="round" />
+	<path d="M 8.855 55.787 c -0.032 -0.479 -0.054 -0.961 -0.054 -1.449 c 0 -11.881 9.632 -21.513 21.513 -21.513 c 8.595 0 16.011 5.042 19.456 12.329 c 2.595 -1.842 5.759 -2.936 9.184 -2.936 c 7.924 0 14.475 5.805 15.68 13.39 c 5.456 1.493 9.472 6.473 9.472 12.403 c 0 7.109 -5.763 12.872 -12.872 12.872 H 12.872 C 5.763 80.883 0 75.12 0 68.011 C 0 62.306 3.715 57.475 8.855 55.787 z" style="stroke: none; stroke-width: 1; stroke-dasharray: none; stroke-linecap: butt; stroke-linejoin: miter; stroke-miterlimit: 10; fill: rgb(98,195,247); fill-rule: nonzero; opacity: 1;" transform=" matrix(1 0 0 1 0 0) " stroke-linecap="round" />
+</g>
+</svg>
\ No newline at end of file
diff --git a/Pinit/Pinit/Resources/Assets.xcassets/weatherIcon/02d.imageset/Contents.json b/Pinit/Pinit/Resources/Assets.xcassets/weatherIcon/02d.imageset/Contents.json
index 97441fe..1a0e9d2 100644
--- a/Pinit/Pinit/Resources/Assets.xcassets/weatherIcon/02d.imageset/Contents.json
+++ b/Pinit/Pinit/Resources/Assets.xcassets/weatherIcon/02d.imageset/Contents.json
@@ -1,7 +1,7 @@
 {
   "images" : [
     {
-      "filename" : "02d.png",
+      "filename" : "02d.svg",
       "idiom" : "universal"
     }
   ],
diff --git a/Pinit/Pinit/Resources/Assets.xcassets/weatherIcon/02n.imageset/02n.png b/Pinit/Pinit/Resources/Assets.xcassets/weatherIcon/02n.imageset/02n.png
deleted file mode 100644
index b6583d2..0000000
Binary files a/Pinit/Pinit/Resources/Assets.xcassets/weatherIcon/02n.imageset/02n.png and /dev/null differ
diff --git a/Pinit/Pinit/Resources/Assets.xcassets/weatherIcon/02n.imageset/02n.svg b/Pinit/Pinit/Resources/Assets.xcassets/weatherIcon/02n.imageset/02n.svg
new file mode 100644
index 0000000..5b07eb5
--- /dev/null
+++ b/Pinit/Pinit/Resources/Assets.xcassets/weatherIcon/02n.imageset/02n.svg
@@ -0,0 +1,9 @@
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" width="256" height="256" viewBox="0 0 256 256" xml:space="preserve">
+
+<defs>
+</defs>
+<g style="stroke: none; stroke-width: 0; stroke-dasharray: none; stroke-linecap: butt; stroke-linejoin: miter; stroke-miterlimit: 10; fill: none; fill-rule: nonzero; opacity: 1;" transform="translate(1.4065934065934016 1.4065934065934016) scale(2.81 2.81)" >
+	<path d="M 71.682 34.024 c -7.045 3.614 -15.685 0.833 -19.299 -6.212 S 51.55 12.128 58.595 8.514 c 0.67 -0.344 1.358 -0.612 2.052 -0.842 c -3.314 -0.24 -6.734 0.397 -9.906 2.024 c -9.223 4.731 -12.864 16.044 -8.132 25.267 s 16.044 12.864 25.267 8.132 c 6.132 -3.146 9.793 -9.202 10.169 -15.618 C 76.737 30.2 74.577 32.54 71.682 34.024 z" style="stroke: none; stroke-width: 1; stroke-dasharray: none; stroke-linecap: butt; stroke-linejoin: miter; stroke-miterlimit: 10; fill: rgb(133,229,255); fill-rule: nonzero; opacity: 1;" transform=" matrix(1 0 0 1 0 0) " stroke-linecap="round" />
+	<path d="M 9.476 55.523 c -0.034 -0.513 -0.058 -1.029 -0.058 -1.55 c 0 -12.714 10.307 -23.021 23.021 -23.021 c 9.198 0 17.133 5.396 20.82 13.193 c 2.777 -1.972 6.162 -3.142 9.827 -3.142 c 8.48 0 15.49 6.212 16.778 14.329 C 85.703 56.929 90 62.258 90 68.603 c 0 7.607 -6.167 13.774 -13.774 13.774 H 13.774 C 6.167 82.377 0 76.21 0 68.603 C 0 62.498 3.976 57.329 9.476 55.523 z" style="stroke: none; stroke-width: 1; stroke-dasharray: none; stroke-linecap: butt; stroke-linejoin: miter; stroke-miterlimit: 10; fill: rgb(98,195,247); fill-rule: nonzero; opacity: 1;" transform=" matrix(1 0 0 1 0 0) " stroke-linecap="round" />
+</g>
+</svg>
\ No newline at end of file
diff --git a/Pinit/Pinit/Resources/Assets.xcassets/weatherIcon/02n.imageset/Contents.json b/Pinit/Pinit/Resources/Assets.xcassets/weatherIcon/02n.imageset/Contents.json
index 8d62610..beb3807 100644
--- a/Pinit/Pinit/Resources/Assets.xcassets/weatherIcon/02n.imageset/Contents.json
+++ b/Pinit/Pinit/Resources/Assets.xcassets/weatherIcon/02n.imageset/Contents.json
@@ -1,7 +1,7 @@
 {
   "images" : [
     {
-      "filename" : "02n.png",
+      "filename" : "02n.svg",
       "idiom" : "universal"
     }
   ],
diff --git a/Pinit/Pinit/Resources/Assets.xcassets/weatherIcon/03d.imageset/03d.png b/Pinit/Pinit/Resources/Assets.xcassets/weatherIcon/03d.imageset/03d.png
deleted file mode 100644
index c0f7e07..0000000
Binary files a/Pinit/Pinit/Resources/Assets.xcassets/weatherIcon/03d.imageset/03d.png and /dev/null differ
diff --git a/Pinit/Pinit/Resources/Assets.xcassets/weatherIcon/03d.imageset/03d.svg b/Pinit/Pinit/Resources/Assets.xcassets/weatherIcon/03d.imageset/03d.svg
new file mode 100644
index 0000000..facc080
--- /dev/null
+++ b/Pinit/Pinit/Resources/Assets.xcassets/weatherIcon/03d.imageset/03d.svg
@@ -0,0 +1,13 @@
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" width="256" height="256" viewBox="0 0 256 256" xml:space="preserve">
+
+<defs>
+</defs>
+<g style="stroke: none; stroke-width: 0; stroke-dasharray: none; stroke-linecap: butt; stroke-linejoin: miter; stroke-miterlimit: 10; fill: none; fill-rule: nonzero; opacity: 1;" transform="translate(1.4065934065934016 1.4065934065934016) scale(2.81 2.81)" >
+	<path d="M 6.462 32.402 c -0.023 -0.35 -0.039 -0.702 -0.039 -1.057 c 0 -8.67 7.028 -15.698 15.698 -15.698 c 6.272 0 11.683 3.679 14.197 8.996 c 1.894 -1.344 4.202 -2.143 6.701 -2.143 c 5.782 0 10.562 4.236 11.441 9.771 c 3.981 1.089 6.911 4.723 6.911 9.05 c 0 5.187 -4.205 9.392 -9.392 9.392 H 9.392 C 4.205 50.714 0 46.509 0 41.322 C 0 37.159 2.711 33.634 6.462 32.402 z" style="stroke: none; stroke-width: 1; stroke-dasharray: none; stroke-linecap: butt; stroke-linejoin: miter; stroke-miterlimit: 10; fill: rgb(88,155,211); fill-rule: nonzero; opacity: 1;" transform=" matrix(1 0 0 1 0 0) " stroke-linecap="round" />
+	<circle cx="59.019000000000005" cy="42.359" r="18.169" style="stroke: none; stroke-width: 1; stroke-dasharray: none; stroke-linecap: butt; stroke-linejoin: miter; stroke-miterlimit: 10; fill: rgb(249,193,0); fill-rule: nonzero; opacity: 1;" transform="  matrix(1 0 0 1 0 0) "/>
+	<path d="M 59.02 19.564 c -0.559 0 -1.011 -0.453 -1.011 -1.011 v -6.166 c 0 -0.558 0.452 -1.011 1.011 -1.011 s 1.011 0.453 1.011 1.011 v 6.166 C 60.031 19.111 59.579 19.564 59.02 19.564 z" style="stroke: none; stroke-width: 1; stroke-dasharray: none; stroke-linecap: butt; stroke-linejoin: miter; stroke-miterlimit: 10; fill: rgb(249,193,0); fill-rule: nonzero; opacity: 1;" transform=" matrix(1 0 0 1 0 0) " stroke-linecap="round" />
+	<path d="M 88.989 43.367 h -6.166 c -0.559 0 -1.011 -0.453 -1.011 -1.011 c 0 -0.558 0.452 -1.011 1.011 -1.011 h 6.166 c 0.559 0 1.011 0.453 1.011 1.011 C 90 42.914 89.548 43.367 88.989 43.367 z" style="stroke: none; stroke-width: 1; stroke-dasharray: none; stroke-linecap: butt; stroke-linejoin: miter; stroke-miterlimit: 10; fill: rgb(249,193,0); fill-rule: nonzero; opacity: 1;" transform=" matrix(1 0 0 1 0 0) " stroke-linecap="round" />
+	<path d="M 75.852 26.536 c -0.259 0 -0.517 -0.099 -0.715 -0.296 c -0.395 -0.395 -0.395 -1.035 0 -1.43 l 4.36 -4.36 c 0.395 -0.395 1.035 -0.395 1.43 0 s 0.395 1.035 0 1.43 l -4.36 4.36 C 76.369 26.437 76.11 26.536 75.852 26.536 z" style="stroke: none; stroke-width: 1; stroke-dasharray: none; stroke-linecap: butt; stroke-linejoin: miter; stroke-miterlimit: 10; fill: rgb(249,193,0); fill-rule: nonzero; opacity: 1;" transform=" matrix(1 0 0 1 0 0) " stroke-linecap="round" />
+	<path d="M 13.97 55.13 c -0.03 -0.449 -0.051 -0.9 -0.051 -1.356 c 0 -11.123 9.017 -20.14 20.14 -20.14 c 8.047 0 14.989 4.721 18.215 11.542 c 2.429 -1.725 5.391 -2.749 8.598 -2.749 c 7.419 0 13.551 5.434 14.679 12.536 c 5.108 1.398 8.867 6.06 8.867 11.611 c 0 6.655 -5.395 12.05 -12.05 12.05 H 17.73 c -6.655 0 -12.05 -5.395 -12.05 -12.05 C 5.68 61.233 9.158 56.711 13.97 55.13 z" style="stroke: none; stroke-width: 1; stroke-dasharray: none; stroke-linecap: butt; stroke-linejoin: miter; stroke-miterlimit: 10; fill: rgb(98,195,247); fill-rule: nonzero; opacity: 1;" transform=" matrix(1 0 0 1 0 0) " stroke-linecap="round" />
+</g>
+</svg>
\ No newline at end of file
diff --git a/Pinit/Pinit/Resources/Assets.xcassets/weatherIcon/03d.imageset/Contents.json b/Pinit/Pinit/Resources/Assets.xcassets/weatherIcon/03d.imageset/Contents.json
index b0df74d..9996c33 100644
--- a/Pinit/Pinit/Resources/Assets.xcassets/weatherIcon/03d.imageset/Contents.json
+++ b/Pinit/Pinit/Resources/Assets.xcassets/weatherIcon/03d.imageset/Contents.json
@@ -1,7 +1,7 @@
 {
   "images" : [
     {
-      "filename" : "03d.png",
+      "filename" : "03d.svg",
       "idiom" : "universal"
     }
   ],
diff --git a/Pinit/Pinit/Resources/Assets.xcassets/weatherIcon/03n.imageset/03n.png b/Pinit/Pinit/Resources/Assets.xcassets/weatherIcon/03n.imageset/03n.png
deleted file mode 100644
index c0f7e07..0000000
Binary files a/Pinit/Pinit/Resources/Assets.xcassets/weatherIcon/03n.imageset/03n.png and /dev/null differ
diff --git a/Pinit/Pinit/Resources/Assets.xcassets/weatherIcon/03n.imageset/03n.svg b/Pinit/Pinit/Resources/Assets.xcassets/weatherIcon/03n.imageset/03n.svg
new file mode 100644
index 0000000..ed4c608
--- /dev/null
+++ b/Pinit/Pinit/Resources/Assets.xcassets/weatherIcon/03n.imageset/03n.svg
@@ -0,0 +1,10 @@
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" width="256" height="256" viewBox="0 0 256 256" xml:space="preserve">
+
+<defs>
+</defs>
+<g style="stroke: none; stroke-width: 0; stroke-dasharray: none; stroke-linecap: butt; stroke-linejoin: miter; stroke-miterlimit: 10; fill: none; fill-rule: nonzero; opacity: 1;" transform="translate(1.4065934065934016 1.4065934065934016) scale(2.81 2.81)" >
+	<path d="M 6.519 32.467 c -0.024 -0.353 -0.04 -0.708 -0.04 -1.067 c 0 -8.746 7.09 -15.836 15.836 -15.836 c 6.327 0 11.786 3.712 14.322 9.076 c 1.91 -1.356 4.239 -2.161 6.76 -2.161 c 5.833 0 10.655 4.273 11.542 9.857 c 4.016 1.099 6.972 4.765 6.972 9.13 c 0 5.233 -4.242 9.475 -9.475 9.475 H 9.475 C 4.242 50.94 0 46.698 0 41.465 C 0 37.266 2.735 33.71 6.519 32.467 z" style="stroke: none; stroke-width: 1; stroke-dasharray: none; stroke-linecap: butt; stroke-linejoin: miter; stroke-miterlimit: 10; fill: rgb(88,155,211); fill-rule: nonzero; opacity: 1;" transform=" matrix(1 0 0 1 0 0) " stroke-linecap="round" />
+	<path d="M 83.655 37.239 c -7.027 3.605 -15.645 0.831 -19.25 -6.196 c -3.605 -7.027 -0.831 -15.645 6.196 -19.25 c 0.669 -0.343 1.355 -0.61 2.047 -0.84 c -3.306 -0.24 -6.717 0.396 -9.881 2.019 c -9.199 4.719 -12.831 16.003 -8.112 25.202 s 16.003 12.831 25.202 8.112 c 6.117 -3.138 9.768 -9.178 10.143 -15.578 C 88.696 33.423 86.542 35.758 83.655 37.239 z" style="stroke: none; stroke-width: 1; stroke-dasharray: none; stroke-linecap: butt; stroke-linejoin: miter; stroke-miterlimit: 10; fill: rgb(133,229,255); fill-rule: nonzero; opacity: 1;" transform=" matrix(1 0 0 1 0 0) " stroke-linecap="round" />
+	<path d="M 14.093 55.395 c -0.03 -0.453 -0.051 -0.908 -0.051 -1.368 c 0 -11.221 9.096 -20.317 20.317 -20.317 c 8.118 0 15.121 4.762 18.375 11.644 c 2.451 -1.74 5.439 -2.773 8.673 -2.773 c 7.484 0 13.671 5.482 14.808 12.646 c 5.153 1.41 8.945 6.113 8.945 11.714 c 0 6.714 -5.443 12.156 -12.156 12.156 H 17.886 c -6.714 0 -12.156 -5.443 -12.156 -12.156 C 5.73 61.552 9.239 56.99 14.093 55.395 z" style="stroke: none; stroke-width: 1; stroke-dasharray: none; stroke-linecap: butt; stroke-linejoin: miter; stroke-miterlimit: 10; fill: rgb(98,195,247); fill-rule: nonzero; opacity: 1;" transform=" matrix(1 0 0 1 0 0) " stroke-linecap="round" />
+</g>
+</svg>
\ No newline at end of file
diff --git a/Pinit/Pinit/Resources/Assets.xcassets/weatherIcon/03n.imageset/Contents.json b/Pinit/Pinit/Resources/Assets.xcassets/weatherIcon/03n.imageset/Contents.json
index a6a0c76..be53aa6 100644
--- a/Pinit/Pinit/Resources/Assets.xcassets/weatherIcon/03n.imageset/Contents.json
+++ b/Pinit/Pinit/Resources/Assets.xcassets/weatherIcon/03n.imageset/Contents.json
@@ -1,7 +1,7 @@
 {
   "images" : [
     {
-      "filename" : "03n.png",
+      "filename" : "03n.svg",
       "idiom" : "universal"
     }
   ],
diff --git a/Pinit/Pinit/Resources/Assets.xcassets/weatherIcon/04d.imageset/04d.png b/Pinit/Pinit/Resources/Assets.xcassets/weatherIcon/04d.imageset/04d.png
deleted file mode 100644
index 34346dc..0000000
Binary files a/Pinit/Pinit/Resources/Assets.xcassets/weatherIcon/04d.imageset/04d.png and /dev/null differ
diff --git a/Pinit/Pinit/Resources/Assets.xcassets/weatherIcon/04d.imageset/04d.svg b/Pinit/Pinit/Resources/Assets.xcassets/weatherIcon/04d.imageset/04d.svg
new file mode 100644
index 0000000..4d81f74
--- /dev/null
+++ b/Pinit/Pinit/Resources/Assets.xcassets/weatherIcon/04d.imageset/04d.svg
@@ -0,0 +1,8 @@
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" width="256" height="256" viewBox="0 0 256 256" xml:space="preserve">
+
+<defs>
+</defs>
+<g style="stroke: none; stroke-width: 0; stroke-dasharray: none; stroke-linecap: butt; stroke-linejoin: miter; stroke-miterlimit: 10; fill: none; fill-rule: nonzero; opacity: 1;" transform="translate(1.4065934065934016 1.4065934065934016) scale(2.81 2.81)" >
+	<path d="M 9.476 43.858 c -0.034 -0.513 -0.058 -1.029 -0.058 -1.55 c 0 -12.714 10.307 -23.021 23.021 -23.021 c 9.198 0 17.133 5.396 20.82 13.193 c 2.777 -1.972 6.162 -3.142 9.827 -3.142 c 8.48 0 15.49 6.212 16.778 14.329 C 85.703 45.264 90 50.593 90 56.939 c 0 7.607 -6.167 13.774 -13.774 13.774 H 13.774 C 6.167 70.713 0 64.546 0 56.939 C 0 50.834 3.976 45.665 9.476 43.858 z" style="stroke: none; stroke-width: 1; stroke-dasharray: none; stroke-linecap: butt; stroke-linejoin: miter; stroke-miterlimit: 10; fill: rgb(98,195,247); fill-rule: nonzero; opacity: 1;" transform=" matrix(1 0 0 1 0 0) " stroke-linecap="round" />
+</g>
+</svg>
\ No newline at end of file
diff --git a/Pinit/Pinit/Resources/Assets.xcassets/weatherIcon/04d.imageset/Contents.json b/Pinit/Pinit/Resources/Assets.xcassets/weatherIcon/04d.imageset/Contents.json
index 9fc19d7..c6b78da 100644
--- a/Pinit/Pinit/Resources/Assets.xcassets/weatherIcon/04d.imageset/Contents.json
+++ b/Pinit/Pinit/Resources/Assets.xcassets/weatherIcon/04d.imageset/Contents.json
@@ -1,7 +1,7 @@
 {
   "images" : [
     {
-      "filename" : "04d.png",
+      "filename" : "04d.svg",
       "idiom" : "universal"
     }
   ],
diff --git a/Pinit/Pinit/Resources/Assets.xcassets/weatherIcon/04n.imageset/04n.png b/Pinit/Pinit/Resources/Assets.xcassets/weatherIcon/04n.imageset/04n.png
deleted file mode 100644
index 34346dc..0000000
Binary files a/Pinit/Pinit/Resources/Assets.xcassets/weatherIcon/04n.imageset/04n.png and /dev/null differ
diff --git a/Pinit/Pinit/Resources/Assets.xcassets/weatherIcon/04n.imageset/04n.svg b/Pinit/Pinit/Resources/Assets.xcassets/weatherIcon/04n.imageset/04n.svg
new file mode 100644
index 0000000..4d81f74
--- /dev/null
+++ b/Pinit/Pinit/Resources/Assets.xcassets/weatherIcon/04n.imageset/04n.svg
@@ -0,0 +1,8 @@
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" width="256" height="256" viewBox="0 0 256 256" xml:space="preserve">
+
+<defs>
+</defs>
+<g style="stroke: none; stroke-width: 0; stroke-dasharray: none; stroke-linecap: butt; stroke-linejoin: miter; stroke-miterlimit: 10; fill: none; fill-rule: nonzero; opacity: 1;" transform="translate(1.4065934065934016 1.4065934065934016) scale(2.81 2.81)" >
+	<path d="M 9.476 43.858 c -0.034 -0.513 -0.058 -1.029 -0.058 -1.55 c 0 -12.714 10.307 -23.021 23.021 -23.021 c 9.198 0 17.133 5.396 20.82 13.193 c 2.777 -1.972 6.162 -3.142 9.827 -3.142 c 8.48 0 15.49 6.212 16.778 14.329 C 85.703 45.264 90 50.593 90 56.939 c 0 7.607 -6.167 13.774 -13.774 13.774 H 13.774 C 6.167 70.713 0 64.546 0 56.939 C 0 50.834 3.976 45.665 9.476 43.858 z" style="stroke: none; stroke-width: 1; stroke-dasharray: none; stroke-linecap: butt; stroke-linejoin: miter; stroke-miterlimit: 10; fill: rgb(98,195,247); fill-rule: nonzero; opacity: 1;" transform=" matrix(1 0 0 1 0 0) " stroke-linecap="round" />
+</g>
+</svg>
\ No newline at end of file
diff --git a/Pinit/Pinit/Resources/Assets.xcassets/weatherIcon/04n.imageset/Contents.json b/Pinit/Pinit/Resources/Assets.xcassets/weatherIcon/04n.imageset/Contents.json
index 4a444b7..955afc4 100644
--- a/Pinit/Pinit/Resources/Assets.xcassets/weatherIcon/04n.imageset/Contents.json
+++ b/Pinit/Pinit/Resources/Assets.xcassets/weatherIcon/04n.imageset/Contents.json
@@ -1,7 +1,7 @@
 {
   "images" : [
     {
-      "filename" : "04n.png",
+      "filename" : "04n.svg",
       "idiom" : "universal"
     }
   ],
diff --git a/Pinit/Pinit/Resources/Assets.xcassets/weatherIcon/09d.imageset/09d.png b/Pinit/Pinit/Resources/Assets.xcassets/weatherIcon/09d.imageset/09d.png
deleted file mode 100644
index 022feb3..0000000
Binary files a/Pinit/Pinit/Resources/Assets.xcassets/weatherIcon/09d.imageset/09d.png and /dev/null differ
diff --git a/Pinit/Pinit/Resources/Assets.xcassets/weatherIcon/09d.imageset/09d.svg b/Pinit/Pinit/Resources/Assets.xcassets/weatherIcon/09d.imageset/09d.svg
new file mode 100644
index 0000000..eb66623
--- /dev/null
+++ b/Pinit/Pinit/Resources/Assets.xcassets/weatherIcon/09d.imageset/09d.svg
@@ -0,0 +1,19 @@
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" width="256" height="256" viewBox="0 0 256 256" xml:space="preserve">
+
+<defs>
+</defs>
+<g style="stroke: none; stroke-width: 0; stroke-dasharray: none; stroke-linecap: butt; stroke-linejoin: miter; stroke-miterlimit: 10; fill: none; fill-rule: nonzero; opacity: 1;" transform="translate(1.4065934065934016 1.4065934065934016) scale(2.81 2.81)" >
+	<path d="M 9.476 24.843 c -0.034 -0.513 -0.058 -1.029 -0.058 -1.55 c 0 -12.714 10.307 -23.021 23.021 -23.021 c 9.198 0 17.133 5.396 20.82 13.193 c 2.777 -1.972 6.162 -3.142 9.827 -3.142 c 8.48 0 15.49 6.212 16.778 14.329 C 85.703 26.249 90 31.578 90 37.924 c 0 7.607 -6.167 13.774 -13.774 13.774 H 13.774 C 6.167 51.697 0 45.531 0 37.924 C 0 31.819 3.976 26.65 9.476 24.843 z" style="stroke: none; stroke-width: 1; stroke-dasharray: none; stroke-linecap: butt; stroke-linejoin: miter; stroke-miterlimit: 10; fill: rgb(98,195,247); fill-rule: nonzero; opacity: 1;" transform=" matrix(1 0 0 1 0 0) " stroke-linecap="round" />
+	<path d="M 10.733 71.319 c -0.11 0 -0.223 -0.018 -0.334 -0.056 c -0.534 -0.184 -0.817 -0.766 -0.633 -1.3 l 3.291 -9.546 c 0.183 -0.533 0.763 -0.819 1.3 -0.633 c 0.534 0.184 0.817 0.766 0.633 1.3 l -3.291 9.546 C 11.554 71.054 11.157 71.319 10.733 71.319 z" style="stroke: none; stroke-width: 1; stroke-dasharray: none; stroke-linecap: butt; stroke-linejoin: miter; stroke-miterlimit: 10; fill: rgb(123,216,247); fill-rule: nonzero; opacity: 1;" transform=" matrix(1 0 0 1 0 0) " stroke-linecap="round" />
+	<path d="M 4.385 89.728 c -0.11 0 -0.223 -0.018 -0.334 -0.056 c -0.534 -0.184 -0.817 -0.766 -0.633 -1.3 l 3.291 -9.546 c 0.183 -0.534 0.763 -0.819 1.3 -0.633 c 0.534 0.184 0.817 0.766 0.633 1.3 l -3.291 9.546 C 5.206 89.463 4.81 89.728 4.385 89.728 z" style="stroke: none; stroke-width: 1; stroke-dasharray: none; stroke-linecap: butt; stroke-linejoin: miter; stroke-miterlimit: 10; fill: rgb(123,216,247); fill-rule: nonzero; opacity: 1;" transform=" matrix(1 0 0 1 0 0) " stroke-linecap="round" />
+	<path d="M 17.433 81.547 c -0.11 0 -0.223 -0.018 -0.334 -0.056 c -0.534 -0.184 -0.817 -0.766 -0.633 -1.3 l 3.291 -9.546 c 0.183 -0.534 0.761 -0.82 1.3 -0.633 c 0.534 0.184 0.817 0.766 0.633 1.3 L 18.4 80.857 C 18.254 81.281 17.858 81.547 17.433 81.547 z" style="stroke: none; stroke-width: 1; stroke-dasharray: none; stroke-linecap: butt; stroke-linejoin: miter; stroke-miterlimit: 10; fill: rgb(123,216,247); fill-rule: nonzero; opacity: 1;" transform=" matrix(1 0 0 1 0 0) " stroke-linecap="round" />
+	<path d="M 31.187 71.319 c -0.11 0 -0.223 -0.018 -0.334 -0.056 c -0.534 -0.184 -0.817 -0.766 -0.633 -1.3 l 3.291 -9.546 c 0.183 -0.533 0.763 -0.819 1.3 -0.633 c 0.534 0.184 0.817 0.766 0.633 1.3 l -3.291 9.546 C 32.008 71.054 31.612 71.319 31.187 71.319 z" style="stroke: none; stroke-width: 1; stroke-dasharray: none; stroke-linecap: butt; stroke-linejoin: miter; stroke-miterlimit: 10; fill: rgb(123,216,247); fill-rule: nonzero; opacity: 1;" transform=" matrix(1 0 0 1 0 0) " stroke-linecap="round" />
+	<path d="M 24.84 89.728 c -0.11 0 -0.223 -0.018 -0.334 -0.056 c -0.534 -0.184 -0.817 -0.766 -0.633 -1.3 l 3.291 -9.546 c 0.183 -0.534 0.763 -0.819 1.3 -0.633 c 0.534 0.184 0.817 0.766 0.633 1.3 l -3.291 9.546 C 25.661 89.463 25.264 89.728 24.84 89.728 z" style="stroke: none; stroke-width: 1; stroke-dasharray: none; stroke-linecap: butt; stroke-linejoin: miter; stroke-miterlimit: 10; fill: rgb(123,216,247); fill-rule: nonzero; opacity: 1;" transform=" matrix(1 0 0 1 0 0) " stroke-linecap="round" />
+	<path d="M 37.888 81.547 c -0.11 0 -0.223 -0.018 -0.334 -0.056 c -0.534 -0.184 -0.817 -0.766 -0.633 -1.3 l 3.291 -9.546 c 0.183 -0.534 0.761 -0.82 1.3 -0.633 c 0.534 0.184 0.817 0.766 0.633 1.3 l -3.291 9.546 C 38.709 81.281 38.312 81.547 37.888 81.547 z" style="stroke: none; stroke-width: 1; stroke-dasharray: none; stroke-linecap: butt; stroke-linejoin: miter; stroke-miterlimit: 10; fill: rgb(123,216,247); fill-rule: nonzero; opacity: 1;" transform=" matrix(1 0 0 1 0 0) " stroke-linecap="round" />
+	<path d="M 51.642 71.319 c -0.111 0 -0.223 -0.018 -0.334 -0.056 c -0.533 -0.184 -0.817 -0.766 -0.633 -1.3 l 3.291 -9.546 c 0.184 -0.534 0.764 -0.816 1.3 -0.633 c 0.533 0.184 0.817 0.766 0.633 1.3 l -3.291 9.546 C 52.463 71.054 52.066 71.319 51.642 71.319 z" style="stroke: none; stroke-width: 1; stroke-dasharray: none; stroke-linecap: butt; stroke-linejoin: miter; stroke-miterlimit: 10; fill: rgb(123,216,247); fill-rule: nonzero; opacity: 1;" transform=" matrix(1 0 0 1 0 0) " stroke-linecap="round" />
+	<path d="M 45.294 89.728 c -0.11 0 -0.223 -0.018 -0.334 -0.056 c -0.534 -0.184 -0.817 -0.766 -0.633 -1.3 l 3.291 -9.546 c 0.184 -0.534 0.765 -0.816 1.3 -0.633 c 0.533 0.184 0.817 0.766 0.633 1.3 l -3.291 9.546 C 46.115 89.463 45.719 89.728 45.294 89.728 z" style="stroke: none; stroke-width: 1; stroke-dasharray: none; stroke-linecap: butt; stroke-linejoin: miter; stroke-miterlimit: 10; fill: rgb(123,216,247); fill-rule: nonzero; opacity: 1;" transform=" matrix(1 0 0 1 0 0) " stroke-linecap="round" />
+	<path d="M 58.342 81.547 c -0.111 0 -0.223 -0.018 -0.334 -0.056 c -0.533 -0.184 -0.817 -0.766 -0.633 -1.3 l 3.292 -9.546 c 0.184 -0.533 0.764 -0.816 1.3 -0.633 c 0.533 0.184 0.817 0.766 0.633 1.3 l -3.292 9.546 C 59.163 81.281 58.767 81.547 58.342 81.547 z" style="stroke: none; stroke-width: 1; stroke-dasharray: none; stroke-linecap: butt; stroke-linejoin: miter; stroke-miterlimit: 10; fill: rgb(123,216,247); fill-rule: nonzero; opacity: 1;" transform=" matrix(1 0 0 1 0 0) " stroke-linecap="round" />
+	<path d="M 72.096 71.319 c -0.111 0 -0.223 -0.018 -0.334 -0.056 c -0.533 -0.184 -0.817 -0.766 -0.633 -1.3 l 3.291 -9.546 c 0.184 -0.534 0.766 -0.816 1.3 -0.633 c 0.533 0.184 0.817 0.766 0.633 1.3 l -3.291 9.546 C 72.917 71.054 72.521 71.319 72.096 71.319 z" style="stroke: none; stroke-width: 1; stroke-dasharray: none; stroke-linecap: butt; stroke-linejoin: miter; stroke-miterlimit: 10; fill: rgb(123,216,247); fill-rule: nonzero; opacity: 1;" transform=" matrix(1 0 0 1 0 0) " stroke-linecap="round" />
+	<path d="M 65.749 89.728 c -0.111 0 -0.223 -0.018 -0.334 -0.056 c -0.533 -0.184 -0.817 -0.766 -0.633 -1.3 l 3.291 -9.546 c 0.184 -0.534 0.766 -0.816 1.3 -0.633 c 0.533 0.184 0.817 0.766 0.633 1.3 l -3.291 9.546 C 66.57 89.463 66.174 89.728 65.749 89.728 z" style="stroke: none; stroke-width: 1; stroke-dasharray: none; stroke-linecap: butt; stroke-linejoin: miter; stroke-miterlimit: 10; fill: rgb(123,216,247); fill-rule: nonzero; opacity: 1;" transform=" matrix(1 0 0 1 0 0) " stroke-linecap="round" />
+</g>
+</svg>
\ No newline at end of file
diff --git a/Pinit/Pinit/Resources/Assets.xcassets/weatherIcon/09d.imageset/Contents.json b/Pinit/Pinit/Resources/Assets.xcassets/weatherIcon/09d.imageset/Contents.json
index 5f72daf..5309c06 100644
--- a/Pinit/Pinit/Resources/Assets.xcassets/weatherIcon/09d.imageset/Contents.json
+++ b/Pinit/Pinit/Resources/Assets.xcassets/weatherIcon/09d.imageset/Contents.json
@@ -1,7 +1,7 @@
 {
   "images" : [
     {
-      "filename" : "09d.png",
+      "filename" : "09d.svg",
       "idiom" : "universal"
     }
   ],
diff --git a/Pinit/Pinit/Resources/Assets.xcassets/weatherIcon/09n.imageset/09n.png b/Pinit/Pinit/Resources/Assets.xcassets/weatherIcon/09n.imageset/09n.png
deleted file mode 100644
index 022feb3..0000000
Binary files a/Pinit/Pinit/Resources/Assets.xcassets/weatherIcon/09n.imageset/09n.png and /dev/null differ
diff --git a/Pinit/Pinit/Resources/Assets.xcassets/weatherIcon/09n.imageset/09n.svg b/Pinit/Pinit/Resources/Assets.xcassets/weatherIcon/09n.imageset/09n.svg
new file mode 100644
index 0000000..eb66623
--- /dev/null
+++ b/Pinit/Pinit/Resources/Assets.xcassets/weatherIcon/09n.imageset/09n.svg
@@ -0,0 +1,19 @@
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" width="256" height="256" viewBox="0 0 256 256" xml:space="preserve">
+
+<defs>
+</defs>
+<g style="stroke: none; stroke-width: 0; stroke-dasharray: none; stroke-linecap: butt; stroke-linejoin: miter; stroke-miterlimit: 10; fill: none; fill-rule: nonzero; opacity: 1;" transform="translate(1.4065934065934016 1.4065934065934016) scale(2.81 2.81)" >
+	<path d="M 9.476 24.843 c -0.034 -0.513 -0.058 -1.029 -0.058 -1.55 c 0 -12.714 10.307 -23.021 23.021 -23.021 c 9.198 0 17.133 5.396 20.82 13.193 c 2.777 -1.972 6.162 -3.142 9.827 -3.142 c 8.48 0 15.49 6.212 16.778 14.329 C 85.703 26.249 90 31.578 90 37.924 c 0 7.607 -6.167 13.774 -13.774 13.774 H 13.774 C 6.167 51.697 0 45.531 0 37.924 C 0 31.819 3.976 26.65 9.476 24.843 z" style="stroke: none; stroke-width: 1; stroke-dasharray: none; stroke-linecap: butt; stroke-linejoin: miter; stroke-miterlimit: 10; fill: rgb(98,195,247); fill-rule: nonzero; opacity: 1;" transform=" matrix(1 0 0 1 0 0) " stroke-linecap="round" />
+	<path d="M 10.733 71.319 c -0.11 0 -0.223 -0.018 -0.334 -0.056 c -0.534 -0.184 -0.817 -0.766 -0.633 -1.3 l 3.291 -9.546 c 0.183 -0.533 0.763 -0.819 1.3 -0.633 c 0.534 0.184 0.817 0.766 0.633 1.3 l -3.291 9.546 C 11.554 71.054 11.157 71.319 10.733 71.319 z" style="stroke: none; stroke-width: 1; stroke-dasharray: none; stroke-linecap: butt; stroke-linejoin: miter; stroke-miterlimit: 10; fill: rgb(123,216,247); fill-rule: nonzero; opacity: 1;" transform=" matrix(1 0 0 1 0 0) " stroke-linecap="round" />
+	<path d="M 4.385 89.728 c -0.11 0 -0.223 -0.018 -0.334 -0.056 c -0.534 -0.184 -0.817 -0.766 -0.633 -1.3 l 3.291 -9.546 c 0.183 -0.534 0.763 -0.819 1.3 -0.633 c 0.534 0.184 0.817 0.766 0.633 1.3 l -3.291 9.546 C 5.206 89.463 4.81 89.728 4.385 89.728 z" style="stroke: none; stroke-width: 1; stroke-dasharray: none; stroke-linecap: butt; stroke-linejoin: miter; stroke-miterlimit: 10; fill: rgb(123,216,247); fill-rule: nonzero; opacity: 1;" transform=" matrix(1 0 0 1 0 0) " stroke-linecap="round" />
+	<path d="M 17.433 81.547 c -0.11 0 -0.223 -0.018 -0.334 -0.056 c -0.534 -0.184 -0.817 -0.766 -0.633 -1.3 l 3.291 -9.546 c 0.183 -0.534 0.761 -0.82 1.3 -0.633 c 0.534 0.184 0.817 0.766 0.633 1.3 L 18.4 80.857 C 18.254 81.281 17.858 81.547 17.433 81.547 z" style="stroke: none; stroke-width: 1; stroke-dasharray: none; stroke-linecap: butt; stroke-linejoin: miter; stroke-miterlimit: 10; fill: rgb(123,216,247); fill-rule: nonzero; opacity: 1;" transform=" matrix(1 0 0 1 0 0) " stroke-linecap="round" />
+	<path d="M 31.187 71.319 c -0.11 0 -0.223 -0.018 -0.334 -0.056 c -0.534 -0.184 -0.817 -0.766 -0.633 -1.3 l 3.291 -9.546 c 0.183 -0.533 0.763 -0.819 1.3 -0.633 c 0.534 0.184 0.817 0.766 0.633 1.3 l -3.291 9.546 C 32.008 71.054 31.612 71.319 31.187 71.319 z" style="stroke: none; stroke-width: 1; stroke-dasharray: none; stroke-linecap: butt; stroke-linejoin: miter; stroke-miterlimit: 10; fill: rgb(123,216,247); fill-rule: nonzero; opacity: 1;" transform=" matrix(1 0 0 1 0 0) " stroke-linecap="round" />
+	<path d="M 24.84 89.728 c -0.11 0 -0.223 -0.018 -0.334 -0.056 c -0.534 -0.184 -0.817 -0.766 -0.633 -1.3 l 3.291 -9.546 c 0.183 -0.534 0.763 -0.819 1.3 -0.633 c 0.534 0.184 0.817 0.766 0.633 1.3 l -3.291 9.546 C 25.661 89.463 25.264 89.728 24.84 89.728 z" style="stroke: none; stroke-width: 1; stroke-dasharray: none; stroke-linecap: butt; stroke-linejoin: miter; stroke-miterlimit: 10; fill: rgb(123,216,247); fill-rule: nonzero; opacity: 1;" transform=" matrix(1 0 0 1 0 0) " stroke-linecap="round" />
+	<path d="M 37.888 81.547 c -0.11 0 -0.223 -0.018 -0.334 -0.056 c -0.534 -0.184 -0.817 -0.766 -0.633 -1.3 l 3.291 -9.546 c 0.183 -0.534 0.761 -0.82 1.3 -0.633 c 0.534 0.184 0.817 0.766 0.633 1.3 l -3.291 9.546 C 38.709 81.281 38.312 81.547 37.888 81.547 z" style="stroke: none; stroke-width: 1; stroke-dasharray: none; stroke-linecap: butt; stroke-linejoin: miter; stroke-miterlimit: 10; fill: rgb(123,216,247); fill-rule: nonzero; opacity: 1;" transform=" matrix(1 0 0 1 0 0) " stroke-linecap="round" />
+	<path d="M 51.642 71.319 c -0.111 0 -0.223 -0.018 -0.334 -0.056 c -0.533 -0.184 -0.817 -0.766 -0.633 -1.3 l 3.291 -9.546 c 0.184 -0.534 0.764 -0.816 1.3 -0.633 c 0.533 0.184 0.817 0.766 0.633 1.3 l -3.291 9.546 C 52.463 71.054 52.066 71.319 51.642 71.319 z" style="stroke: none; stroke-width: 1; stroke-dasharray: none; stroke-linecap: butt; stroke-linejoin: miter; stroke-miterlimit: 10; fill: rgb(123,216,247); fill-rule: nonzero; opacity: 1;" transform=" matrix(1 0 0 1 0 0) " stroke-linecap="round" />
+	<path d="M 45.294 89.728 c -0.11 0 -0.223 -0.018 -0.334 -0.056 c -0.534 -0.184 -0.817 -0.766 -0.633 -1.3 l 3.291 -9.546 c 0.184 -0.534 0.765 -0.816 1.3 -0.633 c 0.533 0.184 0.817 0.766 0.633 1.3 l -3.291 9.546 C 46.115 89.463 45.719 89.728 45.294 89.728 z" style="stroke: none; stroke-width: 1; stroke-dasharray: none; stroke-linecap: butt; stroke-linejoin: miter; stroke-miterlimit: 10; fill: rgb(123,216,247); fill-rule: nonzero; opacity: 1;" transform=" matrix(1 0 0 1 0 0) " stroke-linecap="round" />
+	<path d="M 58.342 81.547 c -0.111 0 -0.223 -0.018 -0.334 -0.056 c -0.533 -0.184 -0.817 -0.766 -0.633 -1.3 l 3.292 -9.546 c 0.184 -0.533 0.764 -0.816 1.3 -0.633 c 0.533 0.184 0.817 0.766 0.633 1.3 l -3.292 9.546 C 59.163 81.281 58.767 81.547 58.342 81.547 z" style="stroke: none; stroke-width: 1; stroke-dasharray: none; stroke-linecap: butt; stroke-linejoin: miter; stroke-miterlimit: 10; fill: rgb(123,216,247); fill-rule: nonzero; opacity: 1;" transform=" matrix(1 0 0 1 0 0) " stroke-linecap="round" />
+	<path d="M 72.096 71.319 c -0.111 0 -0.223 -0.018 -0.334 -0.056 c -0.533 -0.184 -0.817 -0.766 -0.633 -1.3 l 3.291 -9.546 c 0.184 -0.534 0.766 -0.816 1.3 -0.633 c 0.533 0.184 0.817 0.766 0.633 1.3 l -3.291 9.546 C 72.917 71.054 72.521 71.319 72.096 71.319 z" style="stroke: none; stroke-width: 1; stroke-dasharray: none; stroke-linecap: butt; stroke-linejoin: miter; stroke-miterlimit: 10; fill: rgb(123,216,247); fill-rule: nonzero; opacity: 1;" transform=" matrix(1 0 0 1 0 0) " stroke-linecap="round" />
+	<path d="M 65.749 89.728 c -0.111 0 -0.223 -0.018 -0.334 -0.056 c -0.533 -0.184 -0.817 -0.766 -0.633 -1.3 l 3.291 -9.546 c 0.184 -0.534 0.766 -0.816 1.3 -0.633 c 0.533 0.184 0.817 0.766 0.633 1.3 l -3.291 9.546 C 66.57 89.463 66.174 89.728 65.749 89.728 z" style="stroke: none; stroke-width: 1; stroke-dasharray: none; stroke-linecap: butt; stroke-linejoin: miter; stroke-miterlimit: 10; fill: rgb(123,216,247); fill-rule: nonzero; opacity: 1;" transform=" matrix(1 0 0 1 0 0) " stroke-linecap="round" />
+</g>
+</svg>
\ No newline at end of file
diff --git a/Pinit/Pinit/Resources/Assets.xcassets/weatherIcon/09n.imageset/Contents.json b/Pinit/Pinit/Resources/Assets.xcassets/weatherIcon/09n.imageset/Contents.json
index 226ddbb..df636a6 100644
--- a/Pinit/Pinit/Resources/Assets.xcassets/weatherIcon/09n.imageset/Contents.json
+++ b/Pinit/Pinit/Resources/Assets.xcassets/weatherIcon/09n.imageset/Contents.json
@@ -1,7 +1,7 @@
 {
   "images" : [
     {
-      "filename" : "09n.png",
+      "filename" : "09n.svg",
       "idiom" : "universal"
     }
   ],
diff --git a/Pinit/Pinit/Resources/Assets.xcassets/weatherIcon/10d.imageset/10d.png b/Pinit/Pinit/Resources/Assets.xcassets/weatherIcon/10d.imageset/10d.png
deleted file mode 100644
index 12d13ae..0000000
Binary files a/Pinit/Pinit/Resources/Assets.xcassets/weatherIcon/10d.imageset/10d.png and /dev/null differ
diff --git a/Pinit/Pinit/Resources/Assets.xcassets/weatherIcon/10d.imageset/10d.svg b/Pinit/Pinit/Resources/Assets.xcassets/weatherIcon/10d.imageset/10d.svg
new file mode 100644
index 0000000..4fad7a2
--- /dev/null
+++ b/Pinit/Pinit/Resources/Assets.xcassets/weatherIcon/10d.imageset/10d.svg
@@ -0,0 +1,16 @@
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" width="256" height="256" viewBox="0 0 256 256" xml:space="preserve">
+
+<defs>
+</defs>
+<g style="stroke: none; stroke-width: 0; stroke-dasharray: none; stroke-linecap: butt; stroke-linejoin: miter; stroke-miterlimit: 10; fill: none; fill-rule: nonzero; opacity: 1;" transform="translate(1.4065934065934016 1.4065934065934016) scale(2.81 2.81)" >
+	<path d="M 9.476 24.843 c -0.034 -0.513 -0.058 -1.029 -0.058 -1.55 c 0 -12.714 10.307 -23.021 23.021 -23.021 c 9.198 0 17.133 5.396 20.82 13.193 c 2.777 -1.972 6.162 -3.142 9.827 -3.142 c 8.48 0 15.49 6.212 16.778 14.329 C 85.703 26.249 90 31.578 90 37.924 c 0 7.607 -6.167 13.774 -13.774 13.774 H 13.774 C 6.167 51.697 0 45.531 0 37.924 C 0 31.819 3.976 26.65 9.476 24.843 z" style="stroke: none; stroke-width: 1; stroke-dasharray: none; stroke-linecap: butt; stroke-linejoin: miter; stroke-miterlimit: 10; fill: rgb(98,195,247); fill-rule: nonzero; opacity: 1;" transform=" matrix(1 0 0 1 0 0) " stroke-linecap="round" />
+	<path d="M 65.455 71.319 c -0.565 0 -1.023 -0.457 -1.023 -1.023 V 60.75 c 0 -0.565 0.457 -1.023 1.023 -1.023 c 0.565 0 1.023 0.457 1.023 1.023 v 9.546 C 66.477 70.862 66.02 71.319 65.455 71.319 z" style="stroke: none; stroke-width: 1; stroke-dasharray: none; stroke-linecap: butt; stroke-linejoin: miter; stroke-miterlimit: 10; fill: rgb(123,216,247); fill-rule: nonzero; opacity: 1;" transform=" matrix(1 0 0 1 0 0) " stroke-linecap="round" />
+	<path d="M 65.455 89.728 c -0.565 0 -1.023 -0.457 -1.023 -1.023 V 79.16 c 0 -0.565 0.457 -1.023 1.023 -1.023 c 0.565 0 1.023 0.457 1.023 1.023 v 9.546 C 66.477 89.271 66.02 89.728 65.455 89.728 z" style="stroke: none; stroke-width: 1; stroke-dasharray: none; stroke-linecap: butt; stroke-linejoin: miter; stroke-miterlimit: 10; fill: rgb(123,216,247); fill-rule: nonzero; opacity: 1;" transform=" matrix(1 0 0 1 0 0) " stroke-linecap="round" />
+	<path d="M 55.227 81.547 c -0.565 0 -1.023 -0.457 -1.023 -1.023 v -9.546 c 0 -0.565 0.457 -1.023 1.023 -1.023 s 1.023 0.457 1.023 1.023 v 9.546 C 56.25 81.089 55.793 81.547 55.227 81.547 z" style="stroke: none; stroke-width: 1; stroke-dasharray: none; stroke-linecap: butt; stroke-linejoin: miter; stroke-miterlimit: 10; fill: rgb(123,216,247); fill-rule: nonzero; opacity: 1;" transform=" matrix(1 0 0 1 0 0) " stroke-linecap="round" />
+	<path d="M 45 71.319 c -0.565 0 -1.023 -0.457 -1.023 -1.023 V 60.75 c 0 -0.565 0.458 -1.023 1.023 -1.023 s 1.023 0.457 1.023 1.023 v 9.546 C 46.023 70.862 45.565 71.319 45 71.319 z" style="stroke: none; stroke-width: 1; stroke-dasharray: none; stroke-linecap: butt; stroke-linejoin: miter; stroke-miterlimit: 10; fill: rgb(123,216,247); fill-rule: nonzero; opacity: 1;" transform=" matrix(1 0 0 1 0 0) " stroke-linecap="round" />
+	<path d="M 45 89.728 c -0.565 0 -1.023 -0.457 -1.023 -1.023 V 79.16 c 0 -0.565 0.458 -1.023 1.023 -1.023 s 1.023 0.457 1.023 1.023 v 9.546 C 46.023 89.271 45.565 89.728 45 89.728 z" style="stroke: none; stroke-width: 1; stroke-dasharray: none; stroke-linecap: butt; stroke-linejoin: miter; stroke-miterlimit: 10; fill: rgb(123,216,247); fill-rule: nonzero; opacity: 1;" transform=" matrix(1 0 0 1 0 0) " stroke-linecap="round" />
+	<path d="M 34.773 81.547 c -0.565 0 -1.023 -0.457 -1.023 -1.023 v -9.546 c 0 -0.565 0.458 -1.023 1.023 -1.023 s 1.023 0.457 1.023 1.023 v 9.546 C 35.795 81.089 35.338 81.547 34.773 81.547 z" style="stroke: none; stroke-width: 1; stroke-dasharray: none; stroke-linecap: butt; stroke-linejoin: miter; stroke-miterlimit: 10; fill: rgb(123,216,247); fill-rule: nonzero; opacity: 1;" transform=" matrix(1 0 0 1 0 0) " stroke-linecap="round" />
+	<path d="M 24.545 71.319 c -0.565 0 -1.023 -0.457 -1.023 -1.023 V 60.75 c 0 -0.565 0.458 -1.023 1.023 -1.023 c 0.565 0 1.023 0.457 1.023 1.023 v 9.546 C 25.568 70.862 25.11 71.319 24.545 71.319 z" style="stroke: none; stroke-width: 1; stroke-dasharray: none; stroke-linecap: butt; stroke-linejoin: miter; stroke-miterlimit: 10; fill: rgb(123,216,247); fill-rule: nonzero; opacity: 1;" transform=" matrix(1 0 0 1 0 0) " stroke-linecap="round" />
+	<path d="M 24.545 89.728 c -0.565 0 -1.023 -0.457 -1.023 -1.023 V 79.16 c 0 -0.565 0.458 -1.023 1.023 -1.023 c 0.565 0 1.023 0.457 1.023 1.023 v 9.546 C 25.568 89.271 25.11 89.728 24.545 89.728 z" style="stroke: none; stroke-width: 1; stroke-dasharray: none; stroke-linecap: butt; stroke-linejoin: miter; stroke-miterlimit: 10; fill: rgb(123,216,247); fill-rule: nonzero; opacity: 1;" transform=" matrix(1 0 0 1 0 0) " stroke-linecap="round" />
+</g>
+</svg>
\ No newline at end of file
diff --git a/Pinit/Pinit/Resources/Assets.xcassets/weatherIcon/10d.imageset/Contents.json b/Pinit/Pinit/Resources/Assets.xcassets/weatherIcon/10d.imageset/Contents.json
index c75e9ea..f09fc46 100644
--- a/Pinit/Pinit/Resources/Assets.xcassets/weatherIcon/10d.imageset/Contents.json
+++ b/Pinit/Pinit/Resources/Assets.xcassets/weatherIcon/10d.imageset/Contents.json
@@ -1,7 +1,7 @@
 {
   "images" : [
     {
-      "filename" : "10d.png",
+      "filename" : "10d.svg",
       "idiom" : "universal"
     }
   ],
diff --git a/Pinit/Pinit/Resources/Assets.xcassets/weatherIcon/10n.imageset/10n.png b/Pinit/Pinit/Resources/Assets.xcassets/weatherIcon/10n.imageset/10n.png
deleted file mode 100644
index 1f884d1..0000000
Binary files a/Pinit/Pinit/Resources/Assets.xcassets/weatherIcon/10n.imageset/10n.png and /dev/null differ
diff --git a/Pinit/Pinit/Resources/Assets.xcassets/weatherIcon/10n.imageset/10n.svg b/Pinit/Pinit/Resources/Assets.xcassets/weatherIcon/10n.imageset/10n.svg
new file mode 100644
index 0000000..4fad7a2
--- /dev/null
+++ b/Pinit/Pinit/Resources/Assets.xcassets/weatherIcon/10n.imageset/10n.svg
@@ -0,0 +1,16 @@
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" width="256" height="256" viewBox="0 0 256 256" xml:space="preserve">
+
+<defs>
+</defs>
+<g style="stroke: none; stroke-width: 0; stroke-dasharray: none; stroke-linecap: butt; stroke-linejoin: miter; stroke-miterlimit: 10; fill: none; fill-rule: nonzero; opacity: 1;" transform="translate(1.4065934065934016 1.4065934065934016) scale(2.81 2.81)" >
+	<path d="M 9.476 24.843 c -0.034 -0.513 -0.058 -1.029 -0.058 -1.55 c 0 -12.714 10.307 -23.021 23.021 -23.021 c 9.198 0 17.133 5.396 20.82 13.193 c 2.777 -1.972 6.162 -3.142 9.827 -3.142 c 8.48 0 15.49 6.212 16.778 14.329 C 85.703 26.249 90 31.578 90 37.924 c 0 7.607 -6.167 13.774 -13.774 13.774 H 13.774 C 6.167 51.697 0 45.531 0 37.924 C 0 31.819 3.976 26.65 9.476 24.843 z" style="stroke: none; stroke-width: 1; stroke-dasharray: none; stroke-linecap: butt; stroke-linejoin: miter; stroke-miterlimit: 10; fill: rgb(98,195,247); fill-rule: nonzero; opacity: 1;" transform=" matrix(1 0 0 1 0 0) " stroke-linecap="round" />
+	<path d="M 65.455 71.319 c -0.565 0 -1.023 -0.457 -1.023 -1.023 V 60.75 c 0 -0.565 0.457 -1.023 1.023 -1.023 c 0.565 0 1.023 0.457 1.023 1.023 v 9.546 C 66.477 70.862 66.02 71.319 65.455 71.319 z" style="stroke: none; stroke-width: 1; stroke-dasharray: none; stroke-linecap: butt; stroke-linejoin: miter; stroke-miterlimit: 10; fill: rgb(123,216,247); fill-rule: nonzero; opacity: 1;" transform=" matrix(1 0 0 1 0 0) " stroke-linecap="round" />
+	<path d="M 65.455 89.728 c -0.565 0 -1.023 -0.457 -1.023 -1.023 V 79.16 c 0 -0.565 0.457 -1.023 1.023 -1.023 c 0.565 0 1.023 0.457 1.023 1.023 v 9.546 C 66.477 89.271 66.02 89.728 65.455 89.728 z" style="stroke: none; stroke-width: 1; stroke-dasharray: none; stroke-linecap: butt; stroke-linejoin: miter; stroke-miterlimit: 10; fill: rgb(123,216,247); fill-rule: nonzero; opacity: 1;" transform=" matrix(1 0 0 1 0 0) " stroke-linecap="round" />
+	<path d="M 55.227 81.547 c -0.565 0 -1.023 -0.457 -1.023 -1.023 v -9.546 c 0 -0.565 0.457 -1.023 1.023 -1.023 s 1.023 0.457 1.023 1.023 v 9.546 C 56.25 81.089 55.793 81.547 55.227 81.547 z" style="stroke: none; stroke-width: 1; stroke-dasharray: none; stroke-linecap: butt; stroke-linejoin: miter; stroke-miterlimit: 10; fill: rgb(123,216,247); fill-rule: nonzero; opacity: 1;" transform=" matrix(1 0 0 1 0 0) " stroke-linecap="round" />
+	<path d="M 45 71.319 c -0.565 0 -1.023 -0.457 -1.023 -1.023 V 60.75 c 0 -0.565 0.458 -1.023 1.023 -1.023 s 1.023 0.457 1.023 1.023 v 9.546 C 46.023 70.862 45.565 71.319 45 71.319 z" style="stroke: none; stroke-width: 1; stroke-dasharray: none; stroke-linecap: butt; stroke-linejoin: miter; stroke-miterlimit: 10; fill: rgb(123,216,247); fill-rule: nonzero; opacity: 1;" transform=" matrix(1 0 0 1 0 0) " stroke-linecap="round" />
+	<path d="M 45 89.728 c -0.565 0 -1.023 -0.457 -1.023 -1.023 V 79.16 c 0 -0.565 0.458 -1.023 1.023 -1.023 s 1.023 0.457 1.023 1.023 v 9.546 C 46.023 89.271 45.565 89.728 45 89.728 z" style="stroke: none; stroke-width: 1; stroke-dasharray: none; stroke-linecap: butt; stroke-linejoin: miter; stroke-miterlimit: 10; fill: rgb(123,216,247); fill-rule: nonzero; opacity: 1;" transform=" matrix(1 0 0 1 0 0) " stroke-linecap="round" />
+	<path d="M 34.773 81.547 c -0.565 0 -1.023 -0.457 -1.023 -1.023 v -9.546 c 0 -0.565 0.458 -1.023 1.023 -1.023 s 1.023 0.457 1.023 1.023 v 9.546 C 35.795 81.089 35.338 81.547 34.773 81.547 z" style="stroke: none; stroke-width: 1; stroke-dasharray: none; stroke-linecap: butt; stroke-linejoin: miter; stroke-miterlimit: 10; fill: rgb(123,216,247); fill-rule: nonzero; opacity: 1;" transform=" matrix(1 0 0 1 0 0) " stroke-linecap="round" />
+	<path d="M 24.545 71.319 c -0.565 0 -1.023 -0.457 -1.023 -1.023 V 60.75 c 0 -0.565 0.458 -1.023 1.023 -1.023 c 0.565 0 1.023 0.457 1.023 1.023 v 9.546 C 25.568 70.862 25.11 71.319 24.545 71.319 z" style="stroke: none; stroke-width: 1; stroke-dasharray: none; stroke-linecap: butt; stroke-linejoin: miter; stroke-miterlimit: 10; fill: rgb(123,216,247); fill-rule: nonzero; opacity: 1;" transform=" matrix(1 0 0 1 0 0) " stroke-linecap="round" />
+	<path d="M 24.545 89.728 c -0.565 0 -1.023 -0.457 -1.023 -1.023 V 79.16 c 0 -0.565 0.458 -1.023 1.023 -1.023 c 0.565 0 1.023 0.457 1.023 1.023 v 9.546 C 25.568 89.271 25.11 89.728 24.545 89.728 z" style="stroke: none; stroke-width: 1; stroke-dasharray: none; stroke-linecap: butt; stroke-linejoin: miter; stroke-miterlimit: 10; fill: rgb(123,216,247); fill-rule: nonzero; opacity: 1;" transform=" matrix(1 0 0 1 0 0) " stroke-linecap="round" />
+</g>
+</svg>
\ No newline at end of file
diff --git a/Pinit/Pinit/Resources/Assets.xcassets/weatherIcon/10n.imageset/Contents.json b/Pinit/Pinit/Resources/Assets.xcassets/weatherIcon/10n.imageset/Contents.json
index d2ca6fc..882d44b 100644
--- a/Pinit/Pinit/Resources/Assets.xcassets/weatherIcon/10n.imageset/Contents.json
+++ b/Pinit/Pinit/Resources/Assets.xcassets/weatherIcon/10n.imageset/Contents.json
@@ -1,7 +1,7 @@
 {
   "images" : [
     {
-      "filename" : "10n.png",
+      "filename" : "10n.svg",
       "idiom" : "universal"
     }
   ],
diff --git a/Pinit/Pinit/Resources/Assets.xcassets/weatherIcon/11d.imageset/11d.png b/Pinit/Pinit/Resources/Assets.xcassets/weatherIcon/11d.imageset/11d.png
deleted file mode 100644
index 87aa027..0000000
Binary files a/Pinit/Pinit/Resources/Assets.xcassets/weatherIcon/11d.imageset/11d.png and /dev/null differ
diff --git a/Pinit/Pinit/Resources/Assets.xcassets/weatherIcon/11d.imageset/11d.svg b/Pinit/Pinit/Resources/Assets.xcassets/weatherIcon/11d.imageset/11d.svg
new file mode 100644
index 0000000..746d623
--- /dev/null
+++ b/Pinit/Pinit/Resources/Assets.xcassets/weatherIcon/11d.imageset/11d.svg
@@ -0,0 +1,19 @@
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" width="256" height="256" viewBox="0 0 256 256" xml:space="preserve">
+
+<defs>
+</defs>
+<g style="stroke: none; stroke-width: 0; stroke-dasharray: none; stroke-linecap: butt; stroke-linejoin: miter; stroke-miterlimit: 10; fill: none; fill-rule: nonzero; opacity: 1;" transform="translate(1.4065934065934016 1.4065934065934016) scale(2.81 2.81)" >
+	<path d="M 9.476 25.343 c -0.034 -0.513 -0.058 -1.029 -0.058 -1.55 c 0 -12.714 10.307 -23.021 23.021 -23.021 c 9.198 0 17.133 5.396 20.82 13.193 c 2.777 -1.972 6.162 -3.142 9.827 -3.142 c 8.48 0 15.49 6.212 16.778 14.329 C 85.703 26.749 90 32.078 90 38.424 c 0 7.607 -6.167 13.774 -13.774 13.774 H 13.774 C 6.167 52.197 0 46.031 0 38.424 C 0 32.319 3.976 27.15 9.476 25.343 z" style="stroke: none; stroke-width: 1; stroke-dasharray: none; stroke-linecap: butt; stroke-linejoin: miter; stroke-miterlimit: 10; fill: rgb(98,195,247); fill-rule: nonzero; opacity: 1;" transform=" matrix(1 0 0 1 0 0) " stroke-linecap="round" />
+	<path d="M 10.733 71.819 c -0.11 0 -0.223 -0.018 -0.334 -0.056 c -0.534 -0.184 -0.817 -0.766 -0.633 -1.3 l 3.291 -9.546 c 0.183 -0.533 0.763 -0.819 1.3 -0.633 c 0.534 0.184 0.817 0.766 0.633 1.3 l -3.291 9.546 C 11.554 71.554 11.157 71.819 10.733 71.819 z" style="stroke: none; stroke-width: 1; stroke-dasharray: none; stroke-linecap: butt; stroke-linejoin: miter; stroke-miterlimit: 10; fill: rgb(123,216,247); fill-rule: nonzero; opacity: 1;" transform=" matrix(1 0 0 1 0 0) " stroke-linecap="round" />
+	<path d="M 4.385 90.228 c -0.11 0 -0.223 -0.018 -0.334 -0.056 c -0.534 -0.184 -0.817 -0.766 -0.633 -1.3 l 3.291 -9.546 c 0.183 -0.534 0.763 -0.819 1.3 -0.633 c 0.534 0.184 0.817 0.766 0.633 1.3 l -3.291 9.546 C 5.206 89.963 4.81 90.228 4.385 90.228 z" style="stroke: none; stroke-width: 1; stroke-dasharray: none; stroke-linecap: butt; stroke-linejoin: miter; stroke-miterlimit: 10; fill: rgb(123,216,247); fill-rule: nonzero; opacity: 1;" transform=" matrix(1 0 0 1 0 0) " stroke-linecap="round" />
+	<path d="M 17.433 82.047 c -0.11 0 -0.223 -0.018 -0.334 -0.056 c -0.534 -0.184 -0.817 -0.766 -0.633 -1.3 l 3.291 -9.546 c 0.183 -0.534 0.761 -0.82 1.3 -0.633 c 0.534 0.184 0.817 0.766 0.633 1.3 L 18.4 81.357 C 18.254 81.781 17.858 82.047 17.433 82.047 z" style="stroke: none; stroke-width: 1; stroke-dasharray: none; stroke-linecap: butt; stroke-linejoin: miter; stroke-miterlimit: 10; fill: rgb(123,216,247); fill-rule: nonzero; opacity: 1;" transform=" matrix(1 0 0 1 0 0) " stroke-linecap="round" />
+	<path d="M 24.84 90.228 c -0.11 0 -0.223 -0.018 -0.334 -0.056 c -0.534 -0.184 -0.817 -0.766 -0.633 -1.3 l 3.291 -9.546 c 0.183 -0.534 0.763 -0.819 1.3 -0.633 c 0.534 0.184 0.817 0.766 0.633 1.3 l -3.291 9.546 C 25.661 89.963 25.264 90.228 24.84 90.228 z" style="stroke: none; stroke-width: 1; stroke-dasharray: none; stroke-linecap: butt; stroke-linejoin: miter; stroke-miterlimit: 10; fill: rgb(123,216,247); fill-rule: nonzero; opacity: 1;" transform=" matrix(1 0 0 1 0 0) " stroke-linecap="round" />
+	<path d="M 37.888 82.047 c -0.11 0 -0.223 -0.018 -0.334 -0.056 c -0.534 -0.184 -0.817 -0.766 -0.633 -1.3 l 3.291 -9.546 c 0.183 -0.534 0.761 -0.82 1.3 -0.633 c 0.534 0.184 0.817 0.766 0.633 1.3 l -3.291 9.546 C 38.709 81.781 38.312 82.047 37.888 82.047 z" style="stroke: none; stroke-width: 1; stroke-dasharray: none; stroke-linecap: butt; stroke-linejoin: miter; stroke-miterlimit: 10; fill: rgb(123,216,247); fill-rule: nonzero; opacity: 1;" transform=" matrix(1 0 0 1 0 0) " stroke-linecap="round" />
+	<path d="M 51.642 71.819 c -0.111 0 -0.223 -0.018 -0.334 -0.056 c -0.533 -0.184 -0.817 -0.766 -0.633 -1.3 l 3.291 -9.546 c 0.184 -0.534 0.764 -0.816 1.3 -0.633 c 0.533 0.184 0.817 0.766 0.633 1.3 l -3.291 9.546 C 52.463 71.554 52.066 71.819 51.642 71.819 z" style="stroke: none; stroke-width: 1; stroke-dasharray: none; stroke-linecap: butt; stroke-linejoin: miter; stroke-miterlimit: 10; fill: rgb(123,216,247); fill-rule: nonzero; opacity: 1;" transform=" matrix(1 0 0 1 0 0) " stroke-linecap="round" />
+	<path d="M 45.294 90.228 c -0.11 0 -0.223 -0.018 -0.334 -0.056 c -0.534 -0.184 -0.817 -0.766 -0.633 -1.3 l 3.291 -9.546 c 0.184 -0.534 0.765 -0.816 1.3 -0.633 c 0.533 0.184 0.817 0.766 0.633 1.3 l -3.291 9.546 C 46.115 89.963 45.719 90.228 45.294 90.228 z" style="stroke: none; stroke-width: 1; stroke-dasharray: none; stroke-linecap: butt; stroke-linejoin: miter; stroke-miterlimit: 10; fill: rgb(123,216,247); fill-rule: nonzero; opacity: 1;" transform=" matrix(1 0 0 1 0 0) " stroke-linecap="round" />
+	<path d="M 58.342 82.047 c -0.111 0 -0.223 -0.018 -0.334 -0.056 c -0.533 -0.184 -0.817 -0.766 -0.633 -1.3 l 3.292 -9.546 c 0.184 -0.533 0.764 -0.816 1.3 -0.633 c 0.533 0.184 0.817 0.766 0.633 1.3 l -3.292 9.546 C 59.163 81.781 58.767 82.047 58.342 82.047 z" style="stroke: none; stroke-width: 1; stroke-dasharray: none; stroke-linecap: butt; stroke-linejoin: miter; stroke-miterlimit: 10; fill: rgb(123,216,247); fill-rule: nonzero; opacity: 1;" transform=" matrix(1 0 0 1 0 0) " stroke-linecap="round" />
+	<path d="M 72.096 71.819 c -0.111 0 -0.223 -0.018 -0.334 -0.056 c -0.533 -0.184 -0.817 -0.766 -0.633 -1.3 l 3.291 -9.546 c 0.184 -0.534 0.766 -0.816 1.3 -0.633 c 0.533 0.184 0.817 0.766 0.633 1.3 l -3.291 9.546 C 72.917 71.554 72.521 71.819 72.096 71.819 z" style="stroke: none; stroke-width: 1; stroke-dasharray: none; stroke-linecap: butt; stroke-linejoin: miter; stroke-miterlimit: 10; fill: rgb(123,216,247); fill-rule: nonzero; opacity: 1;" transform=" matrix(1 0 0 1 0 0) " stroke-linecap="round" />
+	<path d="M 65.749 90.228 c -0.111 0 -0.223 -0.018 -0.334 -0.056 c -0.533 -0.184 -0.817 -0.766 -0.633 -1.3 l 3.291 -9.546 c 0.184 -0.534 0.766 -0.816 1.3 -0.633 c 0.533 0.184 0.817 0.766 0.633 1.3 l -3.291 9.546 C 66.57 89.963 66.174 90.228 65.749 90.228 z" style="stroke: none; stroke-width: 1; stroke-dasharray: none; stroke-linecap: butt; stroke-linejoin: miter; stroke-miterlimit: 10; fill: rgb(123,216,247); fill-rule: nonzero; opacity: 1;" transform=" matrix(1 0 0 1 0 0) " stroke-linecap="round" />
+	<polyline points="37.38,31.62 32.02,46.47 39.43,46.47 31.68,68.59 58.32,39.98 49.07,40.19 54.6,31.62 37.38,31.62 " style="stroke: none; stroke-width: 1; stroke-dasharray: none; stroke-linecap: butt; stroke-linejoin: miter; stroke-miterlimit: 10; fill: rgb(249,193,0); fill-rule: nonzero; opacity: 1;" transform="  matrix(1 0 0 1 0 0) "/>
+</g>
+</svg>
\ No newline at end of file
diff --git a/Pinit/Pinit/Resources/Assets.xcassets/weatherIcon/11d.imageset/Contents.json b/Pinit/Pinit/Resources/Assets.xcassets/weatherIcon/11d.imageset/Contents.json
index a00034c..e8863dd 100644
--- a/Pinit/Pinit/Resources/Assets.xcassets/weatherIcon/11d.imageset/Contents.json
+++ b/Pinit/Pinit/Resources/Assets.xcassets/weatherIcon/11d.imageset/Contents.json
@@ -1,7 +1,7 @@
 {
   "images" : [
     {
-      "filename" : "11d.png",
+      "filename" : "11d.svg",
       "idiom" : "universal"
     }
   ],
diff --git a/Pinit/Pinit/Resources/Assets.xcassets/weatherIcon/11n.imageset/11n.png b/Pinit/Pinit/Resources/Assets.xcassets/weatherIcon/11n.imageset/11n.png
deleted file mode 100644
index 87aa027..0000000
Binary files a/Pinit/Pinit/Resources/Assets.xcassets/weatherIcon/11n.imageset/11n.png and /dev/null differ
diff --git a/Pinit/Pinit/Resources/Assets.xcassets/weatherIcon/11n.imageset/11n.svg b/Pinit/Pinit/Resources/Assets.xcassets/weatherIcon/11n.imageset/11n.svg
new file mode 100644
index 0000000..746d623
--- /dev/null
+++ b/Pinit/Pinit/Resources/Assets.xcassets/weatherIcon/11n.imageset/11n.svg
@@ -0,0 +1,19 @@
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" width="256" height="256" viewBox="0 0 256 256" xml:space="preserve">
+
+<defs>
+</defs>
+<g style="stroke: none; stroke-width: 0; stroke-dasharray: none; stroke-linecap: butt; stroke-linejoin: miter; stroke-miterlimit: 10; fill: none; fill-rule: nonzero; opacity: 1;" transform="translate(1.4065934065934016 1.4065934065934016) scale(2.81 2.81)" >
+	<path d="M 9.476 25.343 c -0.034 -0.513 -0.058 -1.029 -0.058 -1.55 c 0 -12.714 10.307 -23.021 23.021 -23.021 c 9.198 0 17.133 5.396 20.82 13.193 c 2.777 -1.972 6.162 -3.142 9.827 -3.142 c 8.48 0 15.49 6.212 16.778 14.329 C 85.703 26.749 90 32.078 90 38.424 c 0 7.607 -6.167 13.774 -13.774 13.774 H 13.774 C 6.167 52.197 0 46.031 0 38.424 C 0 32.319 3.976 27.15 9.476 25.343 z" style="stroke: none; stroke-width: 1; stroke-dasharray: none; stroke-linecap: butt; stroke-linejoin: miter; stroke-miterlimit: 10; fill: rgb(98,195,247); fill-rule: nonzero; opacity: 1;" transform=" matrix(1 0 0 1 0 0) " stroke-linecap="round" />
+	<path d="M 10.733 71.819 c -0.11 0 -0.223 -0.018 -0.334 -0.056 c -0.534 -0.184 -0.817 -0.766 -0.633 -1.3 l 3.291 -9.546 c 0.183 -0.533 0.763 -0.819 1.3 -0.633 c 0.534 0.184 0.817 0.766 0.633 1.3 l -3.291 9.546 C 11.554 71.554 11.157 71.819 10.733 71.819 z" style="stroke: none; stroke-width: 1; stroke-dasharray: none; stroke-linecap: butt; stroke-linejoin: miter; stroke-miterlimit: 10; fill: rgb(123,216,247); fill-rule: nonzero; opacity: 1;" transform=" matrix(1 0 0 1 0 0) " stroke-linecap="round" />
+	<path d="M 4.385 90.228 c -0.11 0 -0.223 -0.018 -0.334 -0.056 c -0.534 -0.184 -0.817 -0.766 -0.633 -1.3 l 3.291 -9.546 c 0.183 -0.534 0.763 -0.819 1.3 -0.633 c 0.534 0.184 0.817 0.766 0.633 1.3 l -3.291 9.546 C 5.206 89.963 4.81 90.228 4.385 90.228 z" style="stroke: none; stroke-width: 1; stroke-dasharray: none; stroke-linecap: butt; stroke-linejoin: miter; stroke-miterlimit: 10; fill: rgb(123,216,247); fill-rule: nonzero; opacity: 1;" transform=" matrix(1 0 0 1 0 0) " stroke-linecap="round" />
+	<path d="M 17.433 82.047 c -0.11 0 -0.223 -0.018 -0.334 -0.056 c -0.534 -0.184 -0.817 -0.766 -0.633 -1.3 l 3.291 -9.546 c 0.183 -0.534 0.761 -0.82 1.3 -0.633 c 0.534 0.184 0.817 0.766 0.633 1.3 L 18.4 81.357 C 18.254 81.781 17.858 82.047 17.433 82.047 z" style="stroke: none; stroke-width: 1; stroke-dasharray: none; stroke-linecap: butt; stroke-linejoin: miter; stroke-miterlimit: 10; fill: rgb(123,216,247); fill-rule: nonzero; opacity: 1;" transform=" matrix(1 0 0 1 0 0) " stroke-linecap="round" />
+	<path d="M 24.84 90.228 c -0.11 0 -0.223 -0.018 -0.334 -0.056 c -0.534 -0.184 -0.817 -0.766 -0.633 -1.3 l 3.291 -9.546 c 0.183 -0.534 0.763 -0.819 1.3 -0.633 c 0.534 0.184 0.817 0.766 0.633 1.3 l -3.291 9.546 C 25.661 89.963 25.264 90.228 24.84 90.228 z" style="stroke: none; stroke-width: 1; stroke-dasharray: none; stroke-linecap: butt; stroke-linejoin: miter; stroke-miterlimit: 10; fill: rgb(123,216,247); fill-rule: nonzero; opacity: 1;" transform=" matrix(1 0 0 1 0 0) " stroke-linecap="round" />
+	<path d="M 37.888 82.047 c -0.11 0 -0.223 -0.018 -0.334 -0.056 c -0.534 -0.184 -0.817 -0.766 -0.633 -1.3 l 3.291 -9.546 c 0.183 -0.534 0.761 -0.82 1.3 -0.633 c 0.534 0.184 0.817 0.766 0.633 1.3 l -3.291 9.546 C 38.709 81.781 38.312 82.047 37.888 82.047 z" style="stroke: none; stroke-width: 1; stroke-dasharray: none; stroke-linecap: butt; stroke-linejoin: miter; stroke-miterlimit: 10; fill: rgb(123,216,247); fill-rule: nonzero; opacity: 1;" transform=" matrix(1 0 0 1 0 0) " stroke-linecap="round" />
+	<path d="M 51.642 71.819 c -0.111 0 -0.223 -0.018 -0.334 -0.056 c -0.533 -0.184 -0.817 -0.766 -0.633 -1.3 l 3.291 -9.546 c 0.184 -0.534 0.764 -0.816 1.3 -0.633 c 0.533 0.184 0.817 0.766 0.633 1.3 l -3.291 9.546 C 52.463 71.554 52.066 71.819 51.642 71.819 z" style="stroke: none; stroke-width: 1; stroke-dasharray: none; stroke-linecap: butt; stroke-linejoin: miter; stroke-miterlimit: 10; fill: rgb(123,216,247); fill-rule: nonzero; opacity: 1;" transform=" matrix(1 0 0 1 0 0) " stroke-linecap="round" />
+	<path d="M 45.294 90.228 c -0.11 0 -0.223 -0.018 -0.334 -0.056 c -0.534 -0.184 -0.817 -0.766 -0.633 -1.3 l 3.291 -9.546 c 0.184 -0.534 0.765 -0.816 1.3 -0.633 c 0.533 0.184 0.817 0.766 0.633 1.3 l -3.291 9.546 C 46.115 89.963 45.719 90.228 45.294 90.228 z" style="stroke: none; stroke-width: 1; stroke-dasharray: none; stroke-linecap: butt; stroke-linejoin: miter; stroke-miterlimit: 10; fill: rgb(123,216,247); fill-rule: nonzero; opacity: 1;" transform=" matrix(1 0 0 1 0 0) " stroke-linecap="round" />
+	<path d="M 58.342 82.047 c -0.111 0 -0.223 -0.018 -0.334 -0.056 c -0.533 -0.184 -0.817 -0.766 -0.633 -1.3 l 3.292 -9.546 c 0.184 -0.533 0.764 -0.816 1.3 -0.633 c 0.533 0.184 0.817 0.766 0.633 1.3 l -3.292 9.546 C 59.163 81.781 58.767 82.047 58.342 82.047 z" style="stroke: none; stroke-width: 1; stroke-dasharray: none; stroke-linecap: butt; stroke-linejoin: miter; stroke-miterlimit: 10; fill: rgb(123,216,247); fill-rule: nonzero; opacity: 1;" transform=" matrix(1 0 0 1 0 0) " stroke-linecap="round" />
+	<path d="M 72.096 71.819 c -0.111 0 -0.223 -0.018 -0.334 -0.056 c -0.533 -0.184 -0.817 -0.766 -0.633 -1.3 l 3.291 -9.546 c 0.184 -0.534 0.766 -0.816 1.3 -0.633 c 0.533 0.184 0.817 0.766 0.633 1.3 l -3.291 9.546 C 72.917 71.554 72.521 71.819 72.096 71.819 z" style="stroke: none; stroke-width: 1; stroke-dasharray: none; stroke-linecap: butt; stroke-linejoin: miter; stroke-miterlimit: 10; fill: rgb(123,216,247); fill-rule: nonzero; opacity: 1;" transform=" matrix(1 0 0 1 0 0) " stroke-linecap="round" />
+	<path d="M 65.749 90.228 c -0.111 0 -0.223 -0.018 -0.334 -0.056 c -0.533 -0.184 -0.817 -0.766 -0.633 -1.3 l 3.291 -9.546 c 0.184 -0.534 0.766 -0.816 1.3 -0.633 c 0.533 0.184 0.817 0.766 0.633 1.3 l -3.291 9.546 C 66.57 89.963 66.174 90.228 65.749 90.228 z" style="stroke: none; stroke-width: 1; stroke-dasharray: none; stroke-linecap: butt; stroke-linejoin: miter; stroke-miterlimit: 10; fill: rgb(123,216,247); fill-rule: nonzero; opacity: 1;" transform=" matrix(1 0 0 1 0 0) " stroke-linecap="round" />
+	<polyline points="37.38,31.62 32.02,46.47 39.43,46.47 31.68,68.59 58.32,39.98 49.07,40.19 54.6,31.62 37.38,31.62 " style="stroke: none; stroke-width: 1; stroke-dasharray: none; stroke-linecap: butt; stroke-linejoin: miter; stroke-miterlimit: 10; fill: rgb(249,193,0); fill-rule: nonzero; opacity: 1;" transform="  matrix(1 0 0 1 0 0) "/>
+</g>
+</svg>
\ No newline at end of file
diff --git a/Pinit/Pinit/Resources/Assets.xcassets/weatherIcon/11n.imageset/Contents.json b/Pinit/Pinit/Resources/Assets.xcassets/weatherIcon/11n.imageset/Contents.json
index 5c9ffcd..38657f0 100644
--- a/Pinit/Pinit/Resources/Assets.xcassets/weatherIcon/11n.imageset/Contents.json
+++ b/Pinit/Pinit/Resources/Assets.xcassets/weatherIcon/11n.imageset/Contents.json
@@ -1,7 +1,7 @@
 {
   "images" : [
     {
-      "filename" : "11n.png",
+      "filename" : "11n.svg",
       "idiom" : "universal"
     }
   ],
diff --git a/Pinit/Pinit/Resources/Assets.xcassets/weatherIcon/13d.imageset/13d.png b/Pinit/Pinit/Resources/Assets.xcassets/weatherIcon/13d.imageset/13d.png
deleted file mode 100644
index 5bff6c5..0000000
Binary files a/Pinit/Pinit/Resources/Assets.xcassets/weatherIcon/13d.imageset/13d.png and /dev/null differ
diff --git a/Pinit/Pinit/Resources/Assets.xcassets/weatherIcon/13d.imageset/13d.svg b/Pinit/Pinit/Resources/Assets.xcassets/weatherIcon/13d.imageset/13d.svg
new file mode 100644
index 0000000..bfade67
--- /dev/null
+++ b/Pinit/Pinit/Resources/Assets.xcassets/weatherIcon/13d.imageset/13d.svg
@@ -0,0 +1,18 @@
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" width="256" height="256" viewBox="0 0 256 256" xml:space="preserve">
+
+<defs>
+</defs>
+<g style="stroke: none; stroke-width: 0; stroke-dasharray: none; stroke-linecap: butt; stroke-linejoin: miter; stroke-miterlimit: 10; fill: none; fill-rule: nonzero; opacity: 1;" transform="translate(1.4065934065934016 1.4065934065934016) scale(2.81 2.81)" >
+	<path d="M 21.742 73.944 h 2.667 c 0.552 0 1 -0.447 1 -1 s -0.448 -1 -1 -1 h -2.667 l 1.334 -2.311 c 0.276 -0.479 0.112 -1.09 -0.366 -1.366 c -0.48 -0.276 -1.09 -0.111 -1.366 0.366 l -1.334 2.31 l -1.334 -2.31 c -0.276 -0.479 -0.887 -0.643 -1.366 -0.366 c -0.479 0.276 -0.642 0.888 -0.366 1.366 l 1.334 2.311 h -2.668 c -0.552 0 -1 0.447 -1 1 s 0.448 1 1 1 h 2.668 l -1.334 2.311 c -0.276 0.479 -0.112 1.09 0.366 1.366 c 0.158 0.091 0.33 0.134 0.499 0.134 c 0.346 0 0.682 -0.18 0.867 -0.5 l 1.334 -2.31 l 1.334 2.31 c 0.186 0.321 0.521 0.5 0.867 0.5 c 0.169 0 0.341 -0.043 0.499 -0.134 c 0.479 -0.276 0.642 -0.888 0.366 -1.366 L 21.742 73.944 z" style="stroke: none; stroke-width: 1; stroke-dasharray: none; stroke-linecap: butt; stroke-linejoin: miter; stroke-miterlimit: 10; fill: rgb(123,216,247); fill-rule: nonzero; opacity: 1;" transform=" matrix(1 0 0 1 0 0) " stroke-linecap="round" />
+	<path d="M 33.828 84.189 h -2.667 l 1.334 -2.311 c 0.276 -0.479 0.112 -1.09 -0.366 -1.366 c -0.48 -0.277 -1.09 -0.111 -1.366 0.366 l -1.334 2.31 l -1.334 -2.31 c -0.276 -0.479 -0.887 -0.644 -1.366 -0.366 c -0.479 0.276 -0.642 0.888 -0.366 1.366 l 1.334 2.311 h -2.668 c -0.552 0 -1 0.447 -1 1 s 0.448 1 1 1 h 2.668 L 26.363 88.5 c -0.276 0.479 -0.112 1.09 0.366 1.366 C 26.887 89.957 27.058 90 27.228 90 c 0.346 0 0.682 -0.18 0.867 -0.5 l 1.334 -2.31 l 1.334 2.31 c 0.186 0.321 0.521 0.5 0.867 0.5 c 0.169 0 0.341 -0.043 0.499 -0.134 c 0.479 -0.276 0.642 -0.888 0.366 -1.366 l -1.334 -2.311 h 2.667 c 0.552 0 1 -0.447 1 -1 S 34.381 84.189 33.828 84.189 z" style="stroke: none; stroke-width: 1; stroke-dasharray: none; stroke-linecap: butt; stroke-linejoin: miter; stroke-miterlimit: 10; fill: rgb(123,216,247); fill-rule: nonzero; opacity: 1;" transform=" matrix(1 0 0 1 0 0) " stroke-linecap="round" />
+	<path d="M 45.132 71.944 h -2.668 l 1.334 -2.311 c 0.276 -0.479 0.112 -1.09 -0.366 -1.366 c -0.48 -0.276 -1.091 -0.111 -1.366 0.366 l -1.334 2.31 l -1.334 -2.31 c -0.277 -0.479 -0.887 -0.643 -1.366 -0.366 c -0.479 0.276 -0.642 0.888 -0.366 1.366 L 39 71.944 h -2.667 c -0.552 0 -1 0.447 -1 1 s 0.448 1 1 1 H 39 l -1.334 2.311 c -0.276 0.479 -0.112 1.09 0.366 1.366 c 0.158 0.091 0.33 0.134 0.499 0.134 c 0.346 0 0.682 -0.18 0.867 -0.5 l 1.334 -2.31 l 1.334 2.31 c 0.186 0.321 0.521 0.5 0.867 0.5 c 0.169 0 0.341 -0.043 0.499 -0.134 c 0.479 -0.276 0.642 -0.888 0.366 -1.366 l -1.334 -2.311 h 2.668 c 0.552 0 1 -0.447 1 -1 S 45.684 71.944 45.132 71.944 z" style="stroke: none; stroke-width: 1; stroke-dasharray: none; stroke-linecap: butt; stroke-linejoin: miter; stroke-miterlimit: 10; fill: rgb(123,216,247); fill-rule: nonzero; opacity: 1;" transform=" matrix(1 0 0 1 0 0) " stroke-linecap="round" />
+	<path d="M 56.435 84.189 h -2.668 l 1.334 -2.311 c 0.276 -0.479 0.112 -1.09 -0.366 -1.366 c -0.478 -0.276 -1.09 -0.112 -1.366 0.366 l -1.333 2.31 l -1.333 -2.31 c -0.276 -0.479 -0.89 -0.643 -1.366 -0.366 c -0.479 0.276 -0.643 0.888 -0.366 1.366 l 1.334 2.311 h -2.668 c -0.553 0 -1 0.447 -1 1 s 0.447 1 1 1 h 2.668 L 48.97 88.5 c -0.276 0.479 -0.112 1.09 0.366 1.366 C 49.493 89.957 49.665 90 49.835 90 c 0.346 0 0.682 -0.18 0.867 -0.5 l 1.333 -2.31 l 1.333 2.31 c 0.186 0.321 0.521 0.5 0.867 0.5 c 0.17 0 0.342 -0.043 0.499 -0.134 c 0.479 -0.276 0.643 -0.888 0.366 -1.366 l -1.334 -2.311 h 2.668 c 0.553 0 1 -0.447 1 -1 S 56.988 84.189 56.435 84.189 z" style="stroke: none; stroke-width: 1; stroke-dasharray: none; stroke-linecap: butt; stroke-linejoin: miter; stroke-miterlimit: 10; fill: rgb(123,216,247); fill-rule: nonzero; opacity: 1;" transform=" matrix(1 0 0 1 0 0) " stroke-linecap="round" />
+	<path d="M 65.854 71.944 h -2.667 l 1.334 -2.311 c 0.276 -0.479 0.112 -1.09 -0.366 -1.366 c -0.478 -0.275 -1.09 -0.114 -1.366 0.366 l -1.334 2.31 l -1.334 -2.31 c -0.277 -0.48 -0.89 -0.642 -1.366 -0.366 c -0.479 0.276 -0.643 0.888 -0.366 1.366 l 1.334 2.311 h -2.668 c -0.553 0 -1 0.447 -1 1 s 0.447 1 1 1 h 2.668 l -1.334 2.311 c -0.276 0.479 -0.112 1.09 0.366 1.366 c 0.157 0.091 0.329 0.134 0.499 0.134 c 0.346 0 0.682 -0.179 0.867 -0.5 l 1.334 -2.31 l 1.334 2.31 c 0.186 0.321 0.521 0.5 0.867 0.5 c 0.17 0 0.342 -0.043 0.499 -0.134 c 0.479 -0.276 0.643 -0.888 0.366 -1.366 l -1.334 -2.311 h 2.667 c 0.553 0 1 -0.447 1 -1 S 66.407 71.944 65.854 71.944 z" style="stroke: none; stroke-width: 1; stroke-dasharray: none; stroke-linecap: butt; stroke-linejoin: miter; stroke-miterlimit: 10; fill: rgb(123,216,247); fill-rule: nonzero; opacity: 1;" transform=" matrix(1 0 0 1 0 0) " stroke-linecap="round" />
+	<circle cx="55.19200000000001" cy="28.432000000000002" r="16.632" style="stroke: none; stroke-width: 1; stroke-dasharray: none; stroke-linecap: butt; stroke-linejoin: miter; stroke-miterlimit: 10; fill: rgb(249,193,0); fill-rule: nonzero; opacity: 1;" transform="  matrix(1 0 0 1 0 0) "/>
+	<path d="M 55.197 7.645 c -0.553 0 -1 -0.448 -1 -1 V 1 c 0 -0.552 0.447 -1 1 -1 s 1 0.448 1 1 v 5.645 C 56.197 7.197 55.75 7.645 55.197 7.645 z" style="stroke: none; stroke-width: 1; stroke-dasharray: none; stroke-linecap: butt; stroke-linejoin: miter; stroke-miterlimit: 10; fill: rgb(249,193,0); fill-rule: nonzero; opacity: 1;" transform=" matrix(1 0 0 1 0 0) " stroke-linecap="round" />
+	<path d="M 82.631 29.434 h -5.645 c -0.553 0 -1 -0.448 -1 -1 s 0.447 -1 1 -1 h 5.645 c 0.553 0 1 0.448 1 1 S 83.183 29.434 82.631 29.434 z" style="stroke: none; stroke-width: 1; stroke-dasharray: none; stroke-linecap: butt; stroke-linejoin: miter; stroke-miterlimit: 10; fill: rgb(249,193,0); fill-rule: nonzero; opacity: 1;" transform=" matrix(1 0 0 1 0 0) " stroke-linecap="round" />
+	<path d="M 39.79 14.026 c -0.256 0 -0.512 -0.098 -0.707 -0.293 l -3.991 -3.991 c -0.391 -0.391 -0.391 -1.023 0 -1.414 s 1.023 -0.391 1.414 0 l 3.991 3.991 c 0.391 0.391 0.391 1.023 0 1.414 C 40.302 13.929 40.046 14.026 39.79 14.026 z" style="stroke: none; stroke-width: 1; stroke-dasharray: none; stroke-linecap: butt; stroke-linejoin: miter; stroke-miterlimit: 10; fill: rgb(249,193,0); fill-rule: nonzero; opacity: 1;" transform=" matrix(1 0 0 1 0 0) " stroke-linecap="round" />
+	<path d="M 70.604 14.026 c -0.256 0 -0.512 -0.098 -0.707 -0.293 c -0.391 -0.391 -0.391 -1.023 0 -1.414 l 3.991 -3.991 c 0.391 -0.391 1.023 -0.391 1.414 0 s 0.391 1.023 0 1.414 l -3.991 3.991 C 71.116 13.929 70.86 14.026 70.604 14.026 z" style="stroke: none; stroke-width: 1; stroke-dasharray: none; stroke-linecap: butt; stroke-linejoin: miter; stroke-miterlimit: 10; fill: rgb(249,193,0); fill-rule: nonzero; opacity: 1;" transform=" matrix(1 0 0 1 0 0) " stroke-linecap="round" />
+	<path d="M 13.958 40.128 c -0.027 -0.411 -0.046 -0.824 -0.046 -1.242 c 0 -10.182 8.254 -18.436 18.436 -18.436 c 7.366 0 13.721 4.321 16.674 10.566 c 2.224 -1.579 4.935 -2.516 7.87 -2.516 c 6.791 0 12.405 4.975 13.437 11.475 c 4.676 1.28 8.117 5.547 8.117 10.629 c 0 6.092 -4.939 11.031 -11.031 11.031 H 17.4 c -6.092 0 -11.031 -4.939 -11.031 -11.031 C 6.369 45.714 9.553 41.575 13.958 40.128 z" style="stroke: none; stroke-width: 1; stroke-dasharray: none; stroke-linecap: butt; stroke-linejoin: miter; stroke-miterlimit: 10; fill: rgb(98,195,247); fill-rule: nonzero; opacity: 1;" transform=" matrix(1 0 0 1 0 0) " stroke-linecap="round" />
+</g>
+</svg>
\ No newline at end of file
diff --git a/Pinit/Pinit/Resources/Assets.xcassets/weatherIcon/13d.imageset/Contents.json b/Pinit/Pinit/Resources/Assets.xcassets/weatherIcon/13d.imageset/Contents.json
index 08250c4..74bb8ac 100644
--- a/Pinit/Pinit/Resources/Assets.xcassets/weatherIcon/13d.imageset/Contents.json
+++ b/Pinit/Pinit/Resources/Assets.xcassets/weatherIcon/13d.imageset/Contents.json
@@ -1,7 +1,7 @@
 {
   "images" : [
     {
-      "filename" : "13d.png",
+      "filename" : "13d.svg",
       "idiom" : "universal"
     }
   ],
diff --git a/Pinit/Pinit/Resources/Assets.xcassets/weatherIcon/13n.imageset/13n.png b/Pinit/Pinit/Resources/Assets.xcassets/weatherIcon/13n.imageset/13n.png
deleted file mode 100644
index 5bff6c5..0000000
Binary files a/Pinit/Pinit/Resources/Assets.xcassets/weatherIcon/13n.imageset/13n.png and /dev/null differ
diff --git a/Pinit/Pinit/Resources/Assets.xcassets/weatherIcon/13n.imageset/13n.svg b/Pinit/Pinit/Resources/Assets.xcassets/weatherIcon/13n.imageset/13n.svg
new file mode 100644
index 0000000..bf40bc7
--- /dev/null
+++ b/Pinit/Pinit/Resources/Assets.xcassets/weatherIcon/13n.imageset/13n.svg
@@ -0,0 +1,14 @@
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" width="256" height="256" viewBox="0 0 256 256" xml:space="preserve">
+
+<defs>
+</defs>
+<g style="stroke: none; stroke-width: 0; stroke-dasharray: none; stroke-linecap: butt; stroke-linejoin: miter; stroke-miterlimit: 10; fill: none; fill-rule: nonzero; opacity: 1;" transform="translate(1.4065934065934016 1.4065934065934016) scale(2.81 2.81)" >
+	<path d="M 75.612 25.025 c -6.677 3.426 -14.867 0.79 -18.293 -5.888 c -3.426 -6.677 -0.79 -14.867 5.888 -18.293 c 0.636 -0.326 1.287 -0.58 1.945 -0.798 c -3.141 -0.228 -6.383 0.376 -9.39 1.919 c -8.742 4.485 -12.193 15.207 -7.708 23.949 s 15.207 12.193 23.949 7.708 c 5.813 -2.982 9.282 -8.722 9.639 -14.804 C 80.402 21.4 78.355 23.618 75.612 25.025 z" style="stroke: none; stroke-width: 1; stroke-dasharray: none; stroke-linecap: butt; stroke-linejoin: miter; stroke-miterlimit: 10; fill: rgb(123,216,247); fill-rule: nonzero; opacity: 1;" transform=" matrix(1 0 0 1 0 0) " stroke-linecap="round" />
+	<path d="M 15.647 40.371 c -0.028 -0.424 -0.048 -0.85 -0.048 -1.281 c 0 -10.506 8.517 -19.022 19.022 -19.022 c 7.6 0 14.157 4.459 17.203 10.901 c 2.295 -1.629 5.092 -2.596 8.12 -2.596 c 7.007 0 12.799 5.133 13.864 11.84 c 4.825 1.32 8.375 5.723 8.375 10.967 c 0 6.286 -5.096 11.381 -11.381 11.381 H 19.198 c -6.286 0 -11.381 -5.096 -11.381 -11.381 C 7.817 46.135 11.102 41.864 15.647 40.371 z" style="stroke: none; stroke-width: 1; stroke-dasharray: none; stroke-linecap: butt; stroke-linejoin: miter; stroke-miterlimit: 10; fill: rgb(67,144,179); fill-rule: nonzero; opacity: 1;" transform=" matrix(1 0 0 1 0 0) " stroke-linecap="round" />
+	<path d="M 24.009 73.764 h 2.697 c 0.558 0 1.011 -0.452 1.011 -1.011 s -0.453 -1.011 -1.011 -1.011 h -2.697 l 1.349 -2.337 c 0.279 -0.484 0.114 -1.102 -0.37 -1.382 c -0.486 -0.279 -1.103 -0.113 -1.382 0.37 l -1.349 2.336 l -1.349 -2.336 c -0.28 -0.485 -0.897 -0.65 -1.382 -0.37 c -0.484 0.279 -0.649 0.898 -0.37 1.382 l 1.349 2.337 h -2.698 c -0.558 0 -1.011 0.452 -1.011 1.011 s 0.453 1.011 1.011 1.011 h 2.698 L 19.156 76.1 c -0.279 0.484 -0.114 1.102 0.37 1.382 c 0.159 0.092 0.333 0.135 0.505 0.135 c 0.35 0 0.689 -0.182 0.877 -0.506 l 1.349 -2.336 l 1.349 2.336 c 0.188 0.325 0.527 0.506 0.877 0.506 c 0.171 0 0.345 -0.043 0.505 -0.135 c 0.484 -0.279 0.649 -0.898 0.37 -1.382 L 24.009 73.764 z" style="stroke: none; stroke-width: 1; stroke-dasharray: none; stroke-linecap: butt; stroke-linejoin: miter; stroke-miterlimit: 10; fill: rgb(123,216,247); fill-rule: nonzero; opacity: 1;" transform=" matrix(1 0 0 1 0 0) " stroke-linecap="round" />
+	<path d="M 36.231 84.124 h -2.697 l 1.349 -2.337 c 0.279 -0.484 0.114 -1.102 -0.37 -1.382 c -0.486 -0.28 -1.103 -0.113 -1.382 0.37 l -1.349 2.336 l -1.349 -2.336 c -0.28 -0.484 -0.897 -0.651 -1.382 -0.37 c -0.484 0.279 -0.649 0.898 -0.37 1.382 l 1.349 2.337 h -2.698 c -0.558 0 -1.011 0.452 -1.011 1.011 s 0.453 1.011 1.011 1.011 h 2.698 l -1.349 2.337 c -0.279 0.484 -0.114 1.102 0.37 1.382 C 29.211 89.957 29.385 90 29.556 90 c 0.35 0 0.689 -0.182 0.877 -0.506 l 1.349 -2.336 l 1.349 2.336 C 33.318 89.819 33.658 90 34.008 90 c 0.171 0 0.345 -0.043 0.505 -0.135 c 0.484 -0.279 0.649 -0.898 0.37 -1.382 l -1.349 -2.337 h 2.697 c 0.558 0 1.011 -0.452 1.011 -1.011 S 36.79 84.124 36.231 84.124 z" style="stroke: none; stroke-width: 1; stroke-dasharray: none; stroke-linecap: butt; stroke-linejoin: miter; stroke-miterlimit: 10; fill: rgb(123,216,247); fill-rule: nonzero; opacity: 1;" transform=" matrix(1 0 0 1 0 0) " stroke-linecap="round" />
+	<path d="M 47.661 71.741 h -2.698 l 1.349 -2.337 c 0.279 -0.484 0.114 -1.102 -0.37 -1.382 c -0.486 -0.279 -1.102 -0.113 -1.382 0.37 l -1.349 2.336 l -1.349 -2.336 c -0.279 -0.485 -0.897 -0.65 -1.382 -0.37 c -0.484 0.279 -0.649 0.898 -0.37 1.382 l 1.349 2.337 h -2.697 c -0.558 0 -1.011 0.452 -1.011 1.011 s 0.453 1.011 1.011 1.011 h 2.697 L 40.112 76.1 c -0.279 0.484 -0.114 1.102 0.37 1.382 c 0.159 0.092 0.333 0.135 0.505 0.135 c 0.35 0 0.689 -0.182 0.877 -0.506 l 1.349 -2.336 l 1.349 2.336 c 0.188 0.325 0.527 0.506 0.877 0.506 c 0.171 0 0.345 -0.043 0.505 -0.135 c 0.483 -0.279 0.649 -0.898 0.37 -1.382 l -1.349 -2.337 h 2.698 c 0.559 0 1.011 -0.452 1.011 -1.011 S 48.22 71.741 47.661 71.741 z" style="stroke: none; stroke-width: 1; stroke-dasharray: none; stroke-linecap: butt; stroke-linejoin: miter; stroke-miterlimit: 10; fill: rgb(123,216,247); fill-rule: nonzero; opacity: 1;" transform=" matrix(1 0 0 1 0 0) " stroke-linecap="round" />
+	<path d="M 59.092 84.124 h -2.698 l 1.349 -2.337 c 0.279 -0.484 0.114 -1.102 -0.37 -1.382 c -0.483 -0.279 -1.102 -0.114 -1.382 0.37 l -1.348 2.336 l -1.348 -2.336 c -0.28 -0.485 -0.9 -0.65 -1.382 -0.37 c -0.484 0.279 -0.65 0.898 -0.37 1.382 l 1.349 2.337 h -2.698 c -0.559 0 -1.011 0.452 -1.011 1.011 s 0.452 1.011 1.011 1.011 h 2.698 l -1.349 2.337 c -0.279 0.484 -0.114 1.102 0.37 1.382 C 52.072 89.957 52.246 90 52.417 90 c 0.35 0 0.689 -0.182 0.877 -0.506 l 1.348 -2.336 l 1.348 2.336 C 56.179 89.819 56.519 90 56.868 90 c 0.172 0 0.346 -0.043 0.505 -0.135 c 0.484 -0.279 0.65 -0.898 0.37 -1.382 l -1.349 -2.337 h 2.698 c 0.559 0 1.011 -0.452 1.011 -1.011 S 59.651 84.124 59.092 84.124 z" style="stroke: none; stroke-width: 1; stroke-dasharray: none; stroke-linecap: butt; stroke-linejoin: miter; stroke-miterlimit: 10; fill: rgb(123,216,247); fill-rule: nonzero; opacity: 1;" transform=" matrix(1 0 0 1 0 0) " stroke-linecap="round" />
+	<path d="M 68.617 71.741 H 65.92 l 1.349 -2.337 c 0.279 -0.484 0.114 -1.102 -0.37 -1.382 c -0.484 -0.278 -1.102 -0.116 -1.382 0.37 l -1.349 2.336 l -1.349 -2.336 c -0.28 -0.486 -0.9 -0.649 -1.382 -0.37 c -0.484 0.279 -0.65 0.898 -0.37 1.382 l 1.349 2.337 h -2.698 c -0.559 0 -1.011 0.452 -1.011 1.011 s 0.452 1.011 1.011 1.011 h 2.698 L 61.067 76.1 c -0.279 0.484 -0.114 1.102 0.37 1.382 c 0.159 0.092 0.333 0.135 0.505 0.135 c 0.35 0 0.689 -0.181 0.877 -0.506 l 1.349 -2.336 l 1.349 2.336 c 0.188 0.325 0.527 0.506 0.877 0.506 c 0.172 0 0.346 -0.043 0.505 -0.135 c 0.484 -0.279 0.65 -0.898 0.37 -1.382 l -1.349 -2.337 h 2.697 c 0.559 0 1.011 -0.452 1.011 -1.011 S 69.176 71.741 68.617 71.741 z" style="stroke: none; stroke-width: 1; stroke-dasharray: none; stroke-linecap: butt; stroke-linejoin: miter; stroke-miterlimit: 10; fill: rgb(123,216,247); fill-rule: nonzero; opacity: 1;" transform=" matrix(1 0 0 1 0 0) " stroke-linecap="round" />
+</g>
+</svg>
\ No newline at end of file
diff --git a/Pinit/Pinit/Resources/Assets.xcassets/weatherIcon/13n.imageset/Contents.json b/Pinit/Pinit/Resources/Assets.xcassets/weatherIcon/13n.imageset/Contents.json
index c9e69de..7e68ac3 100644
--- a/Pinit/Pinit/Resources/Assets.xcassets/weatherIcon/13n.imageset/Contents.json
+++ b/Pinit/Pinit/Resources/Assets.xcassets/weatherIcon/13n.imageset/Contents.json
@@ -1,7 +1,7 @@
 {
   "images" : [
     {
-      "filename" : "13n.png",
+      "filename" : "13n.svg",
       "idiom" : "universal"
     }
   ],
diff --git a/Pinit/Pinit/Resources/Assets.xcassets/weatherIcon/50d.imageset/50d.png b/Pinit/Pinit/Resources/Assets.xcassets/weatherIcon/50d.imageset/50d.png
deleted file mode 100644
index a1f918b..0000000
Binary files a/Pinit/Pinit/Resources/Assets.xcassets/weatherIcon/50d.imageset/50d.png and /dev/null differ
diff --git a/Pinit/Pinit/Resources/Assets.xcassets/weatherIcon/50d.imageset/50d.svg b/Pinit/Pinit/Resources/Assets.xcassets/weatherIcon/50d.imageset/50d.svg
new file mode 100644
index 0000000..e0bce92
--- /dev/null
+++ b/Pinit/Pinit/Resources/Assets.xcassets/weatherIcon/50d.imageset/50d.svg
@@ -0,0 +1,16 @@
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" width="256" height="256" viewBox="0 0 256 256" xml:space="preserve">
+
+<defs>
+</defs>
+<g style="stroke: none; stroke-width: 0; stroke-dasharray: none; stroke-linecap: butt; stroke-linejoin: miter; stroke-miterlimit: 10; fill: none; fill-rule: nonzero; opacity: 1;" transform="translate(1.4065934065934016 1.4065934065934016) scale(2.81 2.81)" >
+	<path d="M 9.476 29.285 c -0.034 -0.513 -0.058 -1.029 -0.058 -1.55 c 0 -12.714 10.307 -23.021 23.021 -23.021 c 9.198 0 17.133 5.396 20.82 13.193 c 2.777 -1.972 6.162 -3.142 9.827 -3.142 c 8.48 0 15.49 6.212 16.778 14.329 C 85.703 30.691 90 36.02 90 42.366 c 0 7.607 -6.167 13.774 -13.774 13.774 H 13.774 C 6.167 56.14 0 49.973 0 42.366 C 0 36.261 3.976 31.092 9.476 29.285 z" style="stroke: none; stroke-width: 1; stroke-dasharray: none; stroke-linecap: butt; stroke-linejoin: miter; stroke-miterlimit: 10; fill: rgb(67,144,179); fill-rule: nonzero; opacity: 1;" transform=" matrix(1 0 0 1 0 0) " stroke-linecap="round" />
+	<path d="M 26.596 69.581 c -0.258 0 -0.515 -0.097 -0.714 -0.291 c -5.711 -5.571 -11.264 -5.572 -16.975 0 c -0.404 0.395 -1.052 0.388 -1.446 -0.018 c -0.395 -0.404 -0.387 -1.052 0.018 -1.446 c 6.487 -6.328 13.344 -6.33 19.832 0 c 0.404 0.395 0.412 1.042 0.018 1.446 C 27.128 69.478 26.862 69.581 26.596 69.581 z" style="stroke: none; stroke-width: 1; stroke-dasharray: none; stroke-linecap: butt; stroke-linejoin: miter; stroke-miterlimit: 10; fill: rgb(67,144,179); fill-rule: nonzero; opacity: 1;" transform=" matrix(1 0 0 1 0 0) " stroke-linecap="round" />
+	<path d="M 35.798 74.036 c -3.336 0 -6.672 -1.582 -9.916 -4.746 c -0.404 -0.395 -0.412 -1.042 -0.018 -1.446 c 0.395 -0.404 1.044 -0.41 1.446 -0.018 c 5.712 5.571 11.264 5.571 16.975 0 c 0.404 -0.393 1.052 -0.387 1.446 0.018 c 0.395 0.404 0.387 1.052 -0.018 1.446 C 42.471 72.454 39.134 74.036 35.798 74.036 z" style="stroke: none; stroke-width: 1; stroke-dasharray: none; stroke-linecap: butt; stroke-linejoin: miter; stroke-miterlimit: 10; fill: rgb(67,144,179); fill-rule: nonzero; opacity: 1;" transform=" matrix(1 0 0 1 0 0) " stroke-linecap="round" />
+	<path d="M 63.403 69.581 c -0.258 0 -0.515 -0.097 -0.714 -0.291 c -5.711 -5.571 -11.264 -5.571 -16.975 0 c -0.403 0.394 -1.051 0.388 -1.446 -0.018 c -0.395 -0.404 -0.387 -1.052 0.018 -1.446 c 6.486 -6.328 13.345 -6.328 19.831 0 c 0.404 0.395 0.412 1.042 0.018 1.446 C 63.934 69.478 63.669 69.581 63.403 69.581 z" style="stroke: none; stroke-width: 1; stroke-dasharray: none; stroke-linecap: butt; stroke-linejoin: miter; stroke-miterlimit: 10; fill: rgb(67,144,179); fill-rule: nonzero; opacity: 1;" transform=" matrix(1 0 0 1 0 0) " stroke-linecap="round" />
+	<path d="M 72.606 74.036 c -3.337 0 -6.673 -1.582 -9.917 -4.746 c -0.404 -0.395 -0.412 -1.042 -0.018 -1.446 c 0.396 -0.404 1.043 -0.41 1.446 -0.018 c 5.712 5.57 11.264 5.572 16.976 0 c 0.404 -0.393 1.051 -0.387 1.446 0.018 c 0.395 0.404 0.387 1.052 -0.018 1.446 C 79.278 72.454 75.941 74.036 72.606 74.036 z" style="stroke: none; stroke-width: 1; stroke-dasharray: none; stroke-linecap: butt; stroke-linejoin: miter; stroke-miterlimit: 10; fill: rgb(67,144,179); fill-rule: nonzero; opacity: 1;" transform=" matrix(1 0 0 1 0 0) " stroke-linecap="round" />
+	<path d="M 26.596 80.831 c -0.258 0 -0.515 -0.097 -0.714 -0.291 c -5.711 -5.571 -11.264 -5.571 -16.975 0 c -0.404 0.394 -1.052 0.387 -1.446 -0.018 c -0.395 -0.404 -0.387 -1.052 0.018 -1.446 c 6.487 -6.328 13.344 -6.33 19.832 0 c 0.404 0.395 0.412 1.042 0.018 1.446 C 27.128 80.728 26.862 80.831 26.596 80.831 z" style="stroke: none; stroke-width: 1; stroke-dasharray: none; stroke-linecap: butt; stroke-linejoin: miter; stroke-miterlimit: 10; fill: rgb(67,144,179); fill-rule: nonzero; opacity: 1;" transform=" matrix(1 0 0 1 0 0) " stroke-linecap="round" />
+	<path d="M 35.798 85.286 c -3.336 0 -6.672 -1.582 -9.916 -4.746 c -0.404 -0.395 -0.412 -1.042 -0.018 -1.446 c 0.395 -0.404 1.044 -0.41 1.446 -0.018 c 5.712 5.571 11.264 5.571 16.975 0 c 0.404 -0.393 1.052 -0.387 1.446 0.018 c 0.395 0.404 0.387 1.052 -0.018 1.446 C 42.471 83.704 39.134 85.286 35.798 85.286 z" style="stroke: none; stroke-width: 1; stroke-dasharray: none; stroke-linecap: butt; stroke-linejoin: miter; stroke-miterlimit: 10; fill: rgb(67,144,179); fill-rule: nonzero; opacity: 1;" transform=" matrix(1 0 0 1 0 0) " stroke-linecap="round" />
+	<path d="M 63.403 80.831 c -0.258 0 -0.515 -0.097 -0.714 -0.291 c -5.711 -5.571 -11.264 -5.571 -16.975 0 c -0.403 0.394 -1.051 0.388 -1.446 -0.018 c -0.395 -0.404 -0.387 -1.052 0.018 -1.446 c 6.486 -6.328 13.345 -6.328 19.831 0 c 0.404 0.395 0.412 1.042 0.018 1.446 C 63.934 80.728 63.669 80.831 63.403 80.831 z" style="stroke: none; stroke-width: 1; stroke-dasharray: none; stroke-linecap: butt; stroke-linejoin: miter; stroke-miterlimit: 10; fill: rgb(67,144,179); fill-rule: nonzero; opacity: 1;" transform=" matrix(1 0 0 1 0 0) " stroke-linecap="round" />
+	<path d="M 72.606 85.286 c -3.337 0 -6.673 -1.582 -9.917 -4.746 c -0.404 -0.395 -0.412 -1.042 -0.018 -1.446 c 0.396 -0.404 1.043 -0.41 1.446 -0.018 c 5.712 5.57 11.264 5.572 16.976 0 c 0.404 -0.393 1.051 -0.387 1.446 0.018 c 0.395 0.404 0.387 1.052 -0.018 1.446 C 79.278 83.704 75.941 85.286 72.606 85.286 z" style="stroke: none; stroke-width: 1; stroke-dasharray: none; stroke-linecap: butt; stroke-linejoin: miter; stroke-miterlimit: 10; fill: rgb(67,144,179); fill-rule: nonzero; opacity: 1;" transform=" matrix(1 0 0 1 0 0) " stroke-linecap="round" />
+</g>
+</svg>
\ No newline at end of file
diff --git a/Pinit/Pinit/Resources/Assets.xcassets/weatherIcon/50d.imageset/Contents.json b/Pinit/Pinit/Resources/Assets.xcassets/weatherIcon/50d.imageset/Contents.json
index bdd7d65..45134fd 100644
--- a/Pinit/Pinit/Resources/Assets.xcassets/weatherIcon/50d.imageset/Contents.json
+++ b/Pinit/Pinit/Resources/Assets.xcassets/weatherIcon/50d.imageset/Contents.json
@@ -1,7 +1,7 @@
 {
   "images" : [
     {
-      "filename" : "50d.png",
+      "filename" : "50d.svg",
       "idiom" : "universal"
     }
   ],
diff --git a/Pinit/Pinit/Resources/Assets.xcassets/weatherIcon/50n.imageset/50n.png b/Pinit/Pinit/Resources/Assets.xcassets/weatherIcon/50n.imageset/50n.png
deleted file mode 100644
index a1f918b..0000000
Binary files a/Pinit/Pinit/Resources/Assets.xcassets/weatherIcon/50n.imageset/50n.png and /dev/null differ
diff --git a/Pinit/Pinit/Resources/Assets.xcassets/weatherIcon/50n.imageset/50n.svg b/Pinit/Pinit/Resources/Assets.xcassets/weatherIcon/50n.imageset/50n.svg
new file mode 100644
index 0000000..e0bce92
--- /dev/null
+++ b/Pinit/Pinit/Resources/Assets.xcassets/weatherIcon/50n.imageset/50n.svg
@@ -0,0 +1,16 @@
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" width="256" height="256" viewBox="0 0 256 256" xml:space="preserve">
+
+<defs>
+</defs>
+<g style="stroke: none; stroke-width: 0; stroke-dasharray: none; stroke-linecap: butt; stroke-linejoin: miter; stroke-miterlimit: 10; fill: none; fill-rule: nonzero; opacity: 1;" transform="translate(1.4065934065934016 1.4065934065934016) scale(2.81 2.81)" >
+	<path d="M 9.476 29.285 c -0.034 -0.513 -0.058 -1.029 -0.058 -1.55 c 0 -12.714 10.307 -23.021 23.021 -23.021 c 9.198 0 17.133 5.396 20.82 13.193 c 2.777 -1.972 6.162 -3.142 9.827 -3.142 c 8.48 0 15.49 6.212 16.778 14.329 C 85.703 30.691 90 36.02 90 42.366 c 0 7.607 -6.167 13.774 -13.774 13.774 H 13.774 C 6.167 56.14 0 49.973 0 42.366 C 0 36.261 3.976 31.092 9.476 29.285 z" style="stroke: none; stroke-width: 1; stroke-dasharray: none; stroke-linecap: butt; stroke-linejoin: miter; stroke-miterlimit: 10; fill: rgb(67,144,179); fill-rule: nonzero; opacity: 1;" transform=" matrix(1 0 0 1 0 0) " stroke-linecap="round" />
+	<path d="M 26.596 69.581 c -0.258 0 -0.515 -0.097 -0.714 -0.291 c -5.711 -5.571 -11.264 -5.572 -16.975 0 c -0.404 0.395 -1.052 0.388 -1.446 -0.018 c -0.395 -0.404 -0.387 -1.052 0.018 -1.446 c 6.487 -6.328 13.344 -6.33 19.832 0 c 0.404 0.395 0.412 1.042 0.018 1.446 C 27.128 69.478 26.862 69.581 26.596 69.581 z" style="stroke: none; stroke-width: 1; stroke-dasharray: none; stroke-linecap: butt; stroke-linejoin: miter; stroke-miterlimit: 10; fill: rgb(67,144,179); fill-rule: nonzero; opacity: 1;" transform=" matrix(1 0 0 1 0 0) " stroke-linecap="round" />
+	<path d="M 35.798 74.036 c -3.336 0 -6.672 -1.582 -9.916 -4.746 c -0.404 -0.395 -0.412 -1.042 -0.018 -1.446 c 0.395 -0.404 1.044 -0.41 1.446 -0.018 c 5.712 5.571 11.264 5.571 16.975 0 c 0.404 -0.393 1.052 -0.387 1.446 0.018 c 0.395 0.404 0.387 1.052 -0.018 1.446 C 42.471 72.454 39.134 74.036 35.798 74.036 z" style="stroke: none; stroke-width: 1; stroke-dasharray: none; stroke-linecap: butt; stroke-linejoin: miter; stroke-miterlimit: 10; fill: rgb(67,144,179); fill-rule: nonzero; opacity: 1;" transform=" matrix(1 0 0 1 0 0) " stroke-linecap="round" />
+	<path d="M 63.403 69.581 c -0.258 0 -0.515 -0.097 -0.714 -0.291 c -5.711 -5.571 -11.264 -5.571 -16.975 0 c -0.403 0.394 -1.051 0.388 -1.446 -0.018 c -0.395 -0.404 -0.387 -1.052 0.018 -1.446 c 6.486 -6.328 13.345 -6.328 19.831 0 c 0.404 0.395 0.412 1.042 0.018 1.446 C 63.934 69.478 63.669 69.581 63.403 69.581 z" style="stroke: none; stroke-width: 1; stroke-dasharray: none; stroke-linecap: butt; stroke-linejoin: miter; stroke-miterlimit: 10; fill: rgb(67,144,179); fill-rule: nonzero; opacity: 1;" transform=" matrix(1 0 0 1 0 0) " stroke-linecap="round" />
+	<path d="M 72.606 74.036 c -3.337 0 -6.673 -1.582 -9.917 -4.746 c -0.404 -0.395 -0.412 -1.042 -0.018 -1.446 c 0.396 -0.404 1.043 -0.41 1.446 -0.018 c 5.712 5.57 11.264 5.572 16.976 0 c 0.404 -0.393 1.051 -0.387 1.446 0.018 c 0.395 0.404 0.387 1.052 -0.018 1.446 C 79.278 72.454 75.941 74.036 72.606 74.036 z" style="stroke: none; stroke-width: 1; stroke-dasharray: none; stroke-linecap: butt; stroke-linejoin: miter; stroke-miterlimit: 10; fill: rgb(67,144,179); fill-rule: nonzero; opacity: 1;" transform=" matrix(1 0 0 1 0 0) " stroke-linecap="round" />
+	<path d="M 26.596 80.831 c -0.258 0 -0.515 -0.097 -0.714 -0.291 c -5.711 -5.571 -11.264 -5.571 -16.975 0 c -0.404 0.394 -1.052 0.387 -1.446 -0.018 c -0.395 -0.404 -0.387 -1.052 0.018 -1.446 c 6.487 -6.328 13.344 -6.33 19.832 0 c 0.404 0.395 0.412 1.042 0.018 1.446 C 27.128 80.728 26.862 80.831 26.596 80.831 z" style="stroke: none; stroke-width: 1; stroke-dasharray: none; stroke-linecap: butt; stroke-linejoin: miter; stroke-miterlimit: 10; fill: rgb(67,144,179); fill-rule: nonzero; opacity: 1;" transform=" matrix(1 0 0 1 0 0) " stroke-linecap="round" />
+	<path d="M 35.798 85.286 c -3.336 0 -6.672 -1.582 -9.916 -4.746 c -0.404 -0.395 -0.412 -1.042 -0.018 -1.446 c 0.395 -0.404 1.044 -0.41 1.446 -0.018 c 5.712 5.571 11.264 5.571 16.975 0 c 0.404 -0.393 1.052 -0.387 1.446 0.018 c 0.395 0.404 0.387 1.052 -0.018 1.446 C 42.471 83.704 39.134 85.286 35.798 85.286 z" style="stroke: none; stroke-width: 1; stroke-dasharray: none; stroke-linecap: butt; stroke-linejoin: miter; stroke-miterlimit: 10; fill: rgb(67,144,179); fill-rule: nonzero; opacity: 1;" transform=" matrix(1 0 0 1 0 0) " stroke-linecap="round" />
+	<path d="M 63.403 80.831 c -0.258 0 -0.515 -0.097 -0.714 -0.291 c -5.711 -5.571 -11.264 -5.571 -16.975 0 c -0.403 0.394 -1.051 0.388 -1.446 -0.018 c -0.395 -0.404 -0.387 -1.052 0.018 -1.446 c 6.486 -6.328 13.345 -6.328 19.831 0 c 0.404 0.395 0.412 1.042 0.018 1.446 C 63.934 80.728 63.669 80.831 63.403 80.831 z" style="stroke: none; stroke-width: 1; stroke-dasharray: none; stroke-linecap: butt; stroke-linejoin: miter; stroke-miterlimit: 10; fill: rgb(67,144,179); fill-rule: nonzero; opacity: 1;" transform=" matrix(1 0 0 1 0 0) " stroke-linecap="round" />
+	<path d="M 72.606 85.286 c -3.337 0 -6.673 -1.582 -9.917 -4.746 c -0.404 -0.395 -0.412 -1.042 -0.018 -1.446 c 0.396 -0.404 1.043 -0.41 1.446 -0.018 c 5.712 5.57 11.264 5.572 16.976 0 c 0.404 -0.393 1.051 -0.387 1.446 0.018 c 0.395 0.404 0.387 1.052 -0.018 1.446 C 79.278 83.704 75.941 85.286 72.606 85.286 z" style="stroke: none; stroke-width: 1; stroke-dasharray: none; stroke-linecap: butt; stroke-linejoin: miter; stroke-miterlimit: 10; fill: rgb(67,144,179); fill-rule: nonzero; opacity: 1;" transform=" matrix(1 0 0 1 0 0) " stroke-linecap="round" />
+</g>
+</svg>
\ No newline at end of file
diff --git a/Pinit/Pinit/Resources/Assets.xcassets/weatherIcon/50n.imageset/Contents.json b/Pinit/Pinit/Resources/Assets.xcassets/weatherIcon/50n.imageset/Contents.json
index e871e5b..e8e748d 100644
--- a/Pinit/Pinit/Resources/Assets.xcassets/weatherIcon/50n.imageset/Contents.json
+++ b/Pinit/Pinit/Resources/Assets.xcassets/weatherIcon/50n.imageset/Contents.json
@@ -1,7 +1,7 @@
 {
   "images" : [
     {
-      "filename" : "50n.png",
+      "filename" : "50n.svg",
       "idiom" : "universal"
     }
   ],
diff --git a/Pinit/Pinit/Views/Home/HomeViewController.swift b/Pinit/Pinit/Views/Home/HomeViewController.swift
index 1c3b5cd..3b907b1 100644
--- a/Pinit/Pinit/Views/Home/HomeViewController.swift
+++ b/Pinit/Pinit/Views/Home/HomeViewController.swift
@@ -58,6 +58,7 @@ class HomeViewController: UIViewController {
     
     override func viewWillAppear(_ animated: Bool) {
         super.viewWillAppear(animated)
+        print("HHH")
         //        loadAnnotations()
     }
     
@@ -193,8 +194,8 @@ extension HomeViewController: MKMapViewDelegate {
         let visibleAnnotations = mapView.annotations(in: mapView.visibleMapRect)
         let visibleMarkers = visibleAnnotations.compactMap { $0 as? CustomAnnotation }
         // BottomSheet의 CollectionView 업데이트
-        adapter?.data = visibleMarkers.map{ $0.pinData }
-        bottomSheet.collectionView.reloadData()
+//        adapter?.data = visibleMarkers.map{ $0.pinData }
+//        bottomSheet.collectionView.reloadData()
     }
 }
 
@@ -224,7 +225,13 @@ extension HomeViewController: PinCollectionViewAdapterDelegate {
     func selectedItem(selected: PinEntity) {
         print("Selected: \(selected)")
         // 여기서 화면 이동
-        //        PinDetailViewController(usecase: usecase, pin: selected)
+        let vc = PinDetailViewController(selected)
+        vc.sendToBack = {[weak self] entity in
+            guard let entity else { return }
+            let annotation = CustomAnnotation(pinData: entity)
+            self?.mapView.removeAnnotation(annotation)
+        }
+        present(vc, animated: true)
     }
     
     func deletedItem(deleted: PinEntity?) {
diff --git a/Pinit/Pinit/Views/PinDetail/PinDetailHeader.swift b/Pinit/Pinit/Views/PinDetail/PinDetailHeader.swift
index 884dba7..e3f36e3 100644
--- a/Pinit/Pinit/Views/PinDetail/PinDetailHeader.swift
+++ b/Pinit/Pinit/Views/PinDetail/PinDetailHeader.swift
@@ -34,14 +34,15 @@ class PinDetailHeader: UIView {
         let label = UILabel()
         label.text = "핀 제목 예시"
         label.font = DesignSystemFont.Pretendard_Bold30.value
+        label.numberOfLines = 0
         return label
     }()
     
-    // 핀 날씨
-    public lazy var pinWeather: UILabel = {
-        let label = UILabel()
-        label.text = "맑음"
-        return label
+    public lazy var pinWeather: UIImageView = {
+        let view = UIImageView()
+        view.image = UIImage(named: "clear-day")
+        view.contentMode = .scaleAspectFit
+        return view
     }()
     
     // 핀 생성 날짜
@@ -106,19 +107,21 @@ class PinDetailHeader: UIView {
         // subView
         pinTitle.snp.makeConstraints {
             $0.top.equalToSuperview().inset(10)
+            $0.width.lessThanOrEqualTo(260)
+            $0.width.greaterThanOrEqualTo(160)
             $0.leading.equalToSuperview().inset(10)
         }
         
         pinWeather.snp.makeConstraints {
-            $0.top.equalToSuperview().inset(10)
-            $0.leading.equalTo(pinTitle.snp.trailing).offset(10)
-            $0.bottomMargin.equalTo(pinTitle.snp.bottom)
+            $0.trailing.equalTo(pinMenuButton.snp.leading).offset(-10)
+            
+            $0.top.equalTo(pinTitle).offset(5)
+            $0.width.height.equalTo(40)
         }
         
         pinMenuButton.snp.makeConstraints {
-            $0.top.equalToSuperview().inset(10)
+            $0.top.equalTo(pinTitle)
             $0.trailing.equalToSuperview().inset(10)
-            
         }
         
         pinDate.snp.makeConstraints {
@@ -151,3 +154,6 @@ class PinDetailHeader: UIView {
     PinDetailHeader()
 }
 
+#Preview {
+    PinDetailViewController(PinEntity.sampleData[0])
+}
diff --git a/Pinit/Pinit/Views/PinDetail/PinDetailViewController.swift b/Pinit/Pinit/Views/PinDetail/PinDetailViewController.swift
index cb9851d..c4b0f82 100644
--- a/Pinit/Pinit/Views/PinDetail/PinDetailViewController.swift
+++ b/Pinit/Pinit/Views/PinDetail/PinDetailViewController.swift
@@ -16,6 +16,8 @@ final class PinDetailViewController: UIViewController {
     
     private var pinTableView = UITableView(frame: .zero, style: .grouped)
     private var pinEntity: PinEntity
+    private var useCase = DIContainer.usecase
+    var sendToBack: ((PinEntity?) -> Void)!
     
     init(_ entity: PinEntity) {
         self.pinEntity = entity
@@ -43,9 +45,18 @@ final class PinDetailViewController: UIViewController {
         
         setupReviewTable()
         addComponents()
+        loadReviewData()
+        
+        reviewPanelContainer.commitButton.addTarget(self, action: #selector(onCommitButtonTapped), for: .touchUpInside)
     }
     
     
+    private func loadReviewData() {
+        self.useCase.fetchAllReviewsByPinID(pinID: self.pinEntity.pin_id) {[weak self] items in
+            self?.datasource = items
+            self?.pinTableView.reloadData()
+        }
+    }
     
     // MARK: - View
     // 지도 뷰
@@ -55,7 +66,7 @@ final class PinDetailViewController: UIViewController {
         let long = pinEntity.longitude
         
         let center = CLLocationCoordinate2D(latitude: lat, longitude: long) // San Francisco, CA
-        let region = MKCoordinateRegion(center: center, span: MKCoordinateSpan(latitudeDelta: 0.05, longitudeDelta: 0.05))
+        let region = MKCoordinateRegion(center: center, span: MKCoordinateSpan(latitudeDelta: 0.005, longitudeDelta: 0.005))
         
         map.setRegion(region, animated: true)
         map.showsUserLocation = true
@@ -146,6 +157,17 @@ extension PinDetailViewController {
         self.dismiss(animated: true, completion: nil)
     }
     
+    @objc func onCommitButtonTapped() {
+        var review: ReviewEntity = ReviewEntity(id: UUID(), pinID: pinEntity.pin_id, date: Date(), description: reviewPanelContainer.reviewText.text ?? "")
+        
+        reviewPanelContainer.reviewText.text = ""
+        
+        useCase.addReview(review: review)
+        self.datasource.append(review)
+        
+        self.pinTableView.reloadData()
+    }
+    
     @objc func pinMenuButtonTapped() {
         let actionSheet = UIAlertController(title: nil, message: nil, preferredStyle: .actionSheet)
         
@@ -155,8 +177,11 @@ extension PinDetailViewController {
             vc.modalPresentationStyle = .fullScreen
             self.present(vc, animated: true, completion: nil)
         }
-        let deleteAction = UIAlertAction(title: "삭제", style: .destructive) { _ in
+        let deleteAction = UIAlertAction(title: "삭제", style: .destructive) {[weak self] _ in
             print("삭제")
+            self?.useCase.deletePin(pinID: (self?.pinEntity.pin_id)!)
+            self?.sendToBack(self?.pinEntity)
+            self?.dismiss(animated: true, completion: nil)
         }
         let cancelAction = UIAlertAction(title: "취소", style: .cancel, handler: nil)
         
@@ -180,15 +205,15 @@ extension PinDetailViewController: UITableViewDataSource, UITableViewDelegate {
     }
     
     // swipeAction
-//    func tableView(_ tableView: UITableView, trailingSwipeActionsConfigurationForRowAt indexPath: IndexPath) -> UISwipeActionsConfiguration? {
-//        let action = UIContextualAction(style: .destructive, title: "삭제") { [weak self] _, _, completion in
-//            if let deleted = self?.datasource.remove(at: indexPath.row).id {
-//                self?.coreData.deleteContent(id: deleted)
-//                self?.pinTableView.deleteRows(at: [indexPath], with: .automatic)
-//            }
-//        }
-//        return UISwipeActionsConfiguration(actions: [action])
-//    }
+    func tableView(_ tableView: UITableView, trailingSwipeActionsConfigurationForRowAt indexPath: IndexPath) -> UISwipeActionsConfiguration? {
+        let action = UIContextualAction(style: .destructive, title: "삭제") { [weak self] _, _, completion in
+            if let deleted = self?.datasource.remove(at: indexPath.row).id {
+                self?.useCase.deleteReview(reviewId: deleted)
+                self?.pinTableView.deleteRows(at: [indexPath], with: .automatic)
+            }
+        }
+        return UISwipeActionsConfiguration(actions: [action])
+    }
     
     // numberOfRowsInSection
     func tableView(_ tableView: UITableView, numberOfRowsInSection section: Int) -> Int {
@@ -216,7 +241,7 @@ extension PinDetailViewController: UITableViewDataSource, UITableViewDelegate {
         header.pinDate.text = pinEntity.date.koreanDateString()
         header.pinTitle.text = pinEntity.title
         header.pinImageView.image = pinEntity.mediaPath
-        header.pinWeather.text = pinEntity.weather
+        header.pinWeather.image = UIImage(named: pinEntity.weather)
         header.pinDescription.text = pinEntity.description
         header.pinMenuButton.addTarget(self, action: #selector(pinMenuButtonTapped), for: .touchUpInside)
         return header
@@ -237,7 +262,6 @@ extension PinDetailViewController: UITableViewDataSource, UITableViewDelegate {
     func tableView(_ tableView: UITableView, heightForRowAt indexPath: IndexPath) -> CGFloat {
         return 70
     }
-    
 }