design: change to good svg!

src/views/FleetingNotes.vue

@@ -81,7 +81,25 @@ watch(mode, async (newMode) => {
         <div class="columns">
           <div class="column is-half">
             <button class="btn btn-outline" @click="toggleMode">
-              <img src="/assets/saved.svg" alt="save" />
+              <svg
+                xmlns="http://www.w3.org/2000/svg"
+                class="icon icon-tabler icon-tabler-device-floppy fill-current"
+                width="28"
+                height="28"
+                viewBox="0 0 24 24"
+                stroke-width="1.5"
+                stroke="currentColor"
+                fill="none"
+                stroke-linecap="round"
+                stroke-linejoin="round"
+              >
+                <path stroke="none" d="M0 0h24v24H0z" fill="none" />
+                <path
+                  d="M6 4h10l4 4v10a2 2 0 0 1 -2 2h-12a2 2 0 0 1 -2 -2v-12a2 2 0 0 1 2 -2"
+                />
+                <circle cx="12" cy="14" r="2" />
+                <polyline points="14 4 14 8 8 8 8 4" />
+              </svg>
             </button>
           </div>
         </div>