Update some updater styles

renderer/src/styles/ui/updater.css

@@ -35,6 +35,10 @@
   animation: 500ms linear infinite bd-update-spin;
 }
 
+.bd-button.bd-button-icon.no-animate {
+  animation: none !important;
+}
+
 .bd-settings-group-title .bd-button-icon {
   margin-left: 3px;
   margin-right: -8px;

renderer/src/ui/icons/download.jsx

@@ -0,0 +1,9 @@
+import React from "@modules/react";
+
+export default function Download(props) {
+    const size = props.size || "24px";
+    return <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" style={{width: size, height: size}}>
+            <path d="M0 0h24v24H0z" fill="none"/>
+            <path d="M19 9h-4V3H9v6H5l7 7 7-7zM5 18v2h14v-2H5z"/>
+        </svg>;
+}

renderer/src/ui/updater.jsx

@@ -12,6 +12,7 @@ import SettingsTitle from "@ui/settings/title";
 import Toasts from "@ui/toasts";
 
 import Checkmark from "@ui/icons/check";
+import Download from "@ui/icons/download";
 import Reload from "@ui/icons/reload";
 import Sync from "@ui/icons/sync";
 
@@ -40,7 +41,7 @@ function CoreUpdaterPanel({hasUpdate, remoteVersion, update}) {
     return <Drawer name="BetterDiscord" collapsible={true}>
         <SettingItem name={`Core v${Config.version}`} note={hasUpdate ? Strings.Updater.versionAvailable.format({version: remoteVersion}) : Strings.Updater.noUpdatesAvailable} inline={true} id={"core-updater"}>
             {!hasUpdate && <div className="bd-filled-checkmark"><Checkmark size="18px" /></div>}
-            {hasUpdate && makeButton(Strings.Updater.updateButton, <Reload />, update)}
+            {hasUpdate && makeButton(Strings.Updater.updateButton, <Download />, update, {className: "no-animation"})}
         </SettingItem>
     </Drawer>;
 }