Use SVG image as logo instead of PNG one

ui/sshwifty.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="100" height="100" viewBox="0 0 26.458 26.458"><defs><linearGradient id="p"><stop offset="0" stop-color="#fff"/><stop offset="1" stop-color="#fdd" stop-opacity=".974"/></linearGradient><linearGradient id="l"><stop offset="0" stop-color="#857679"/><stop offset="1" stop-color="#110c0c"/></linearGradient><linearGradient id="q"><stop offset="0" stop-color="#573a3d" stop-opacity="0"/><stop offset="1" stop-opacity=".314"/></linearGradient><linearGradient id="o"><stop offset="0" stop-color="#ffa56a" stop-opacity=".286"/><stop offset="1" stop-color="#474747" stop-opacity=".026"/></linearGradient><linearGradient id="i"><stop offset="0" stop-color="#9e6b69" stop-opacity=".605"/><stop offset="1" stop-color="#1e1b1c" stop-opacity=".684"/></linearGradient><linearGradient id="k"><stop stop-color="#dd7388" offset="0"/><stop stop-color="#ffd850" offset="1"/></linearGradient><linearGradient id="n"><stop offset="0" stop-color="#9e6b69" stop-opacity=".271"/><stop offset="1" stop-color="#1e1b1c" stop-opacity="0"/></linearGradient><linearGradient id="h"><stop offset="0" stop-color="#857679"/><stop offset="1" stop-color="#070000"/></linearGradient><linearGradient id="g"><stop offset="0" stop-color="#9e696c" stop-opacity=".341"/><stop offset="1" stop-color="#1e1b1c" stop-opacity="0"/></linearGradient><linearGradient id="d"><stop offset="0" stop-color="#bd7070"/><stop offset="1" stop-color="#070000"/></linearGradient><linearGradient id="f"><stop offset="0" stop-color="#767676" stop-opacity=".871"/><stop offset="1" stop-color="#1e1b1c" stop-opacity="0"/></linearGradient><linearGradient id="e"><stop offset="0" stop-color="#9e9e9e" stop-opacity=".871"/><stop offset="1" stop-color="#1e1b1c" stop-opacity=".387"/></linearGradient><linearGradient id="j"><stop offset="0" stop-color="#dd7388"/><stop offset="1" stop-color="#989898"/></linearGradient><linearGradient id="m"><stop stop-color="#f25c80" offset="0"/><stop stop-color="#fd8" offset="1" stop-opacity=".976"/></linearGradient><linearGradient id="c"><stop offset="0" stop-color="#333"/><stop offset="1" stop-color="#0d0808"/></linearGradient><linearGradient id="b"><stop offset="0" stop-color="#93343b" stop-opacity=".872"/><stop offset="1" stop-color="#1e1b1c" stop-opacity=".387"/></linearGradient><linearGradient id="a"><stop offset="0" stop-color="#cc4f68"/><stop offset="1" stop-color="#e9a"/></linearGradient><linearGradient xlink:href="#k" id="r" gradientUnits="userSpaceOnUse" gradientTransform="translate(-297 -270.542)" x1="21.008" y1="276.565" x2="1.026" y2="295.754"/><linearGradient xlink:href="#l" id="t" gradientUnits="userSpaceOnUse" gradientTransform="matrix(.75629 0 0 .7566 -293.776 -201.473)" x1="22.61" y1="274.975" x2="3.761" y2="291.502"/><linearGradient gradientTransform="matrix(1.02168 0 0 1.02168 -.287 -6.152)" xlink:href="#m" id="w" x1="11.995" y1="288.583" x2="19.091" y2="278.518" gradientUnits="userSpaceOnUse"/><linearGradient xlink:href="#o" id="u" gradientUnits="userSpaceOnUse" gradientTransform="matrix(0 -.75629 .7566 0 -201.48 293.776)" x1="27.634" y1="281.029" x2="-.797" y2="279.599"/><linearGradient xlink:href="#p" id="s" gradientUnits="userSpaceOnUse" gradientTransform="matrix(.83795 0 0 .8383 -294.856 -224.655)" x1="24.15" y1="275.271" x2="2.249" y2="292.105"/><linearGradient xlink:href="#q" id="v" x1="8.767" y1="277.617" x2="19.577" y2="290.801" gradientUnits="userSpaceOnUse"/></defs><g paint-order="stroke markers fill"><path d="M-283.77 0a13.2 13.2 0 0 1 13.228 13.23 13.2 13.2 0 0 1-13.229 13.228A13.2 13.2 0 0 1-297 13.23 13.2 13.2 0 0 1-283.77 0z" transform="rotate(-90 -135.27 -135.27)" fill="url(#r)"/><path d="M-283.77 2.14a11.061 11.061 0 0 1 11.084 11.085v.009a11.061 11.061 0 0 1-11.085 11.085 11.061 11.061 0 0 1-11.085-11.085v-.01A11.061 11.061 0 0 1-283.771 2.14z" transform="rotate(-90 -135.27 -135.27)" fill="url(#s)"/><path d="M-283.77 3.22a9.983 9.983 0 0 1 10.004 10.004v.009a9.983 9.983 0 0 1-10.005 10.005 9.983 9.983 0 0 1-10.005-10.005v-.009A9.983 9.983 0 0 1-283.77 3.22z" transform="rotate(-90 -135.27 -135.27)" fill="url(#t)"/><path d="M13.219 273.766a9.983 9.983 0 0 0-10.005 9.985v.04a9.979 9.979 0 0 0 8.254 9.83l4.59-19.45a10.06 10.06 0 0 0-2.83-.405z" fill="url(#u)" transform="translate(0 -270.542)"/><path d="M9.398 277.049c.014.002-.007 0-.029.004l-.07.012a.137.137 0 0 1-.01.002 1.349 1.349 0 0 0-1.217 1.322v.535c.006.485.276.933.701 1.166l6.344 3.488a.137.137 0 0 1 .002.24l-6.195 3.553a.137.137 0 0 1-.123.08.074.074 0 0 0-.035.01.137.137 0 0 1-.002 0 1.345 1.345 0 0 0-.692 1.168v.561c.011 1.002 1.155 1.64 2.016 1.139l7.607-4.403a.137.137 0 0 1 .018-.008 1.339 1.339 0 0 0 .67-1.17.137.137 0 0 1 0-.002v-2.086-.006-.002a1.34 1.34 0 0 0-.676-1.154.137.137 0 0 1-.004-.002.137.137 0 0 1-.01-.006c-2.537-1.418-7.584-4.244-7.605-4.256a.137.137 0 0 1-.004-.002.137.137 0 0 1-.012-.008.137.137 0 0 1-.002 0 .902.902 0 0 0-.297-.095.137.137 0 0 1-.029-.008.91.91 0 0 0-.Line truncated

webpack.config.js

@@ -322,11 +322,11 @@ module.exports = {
         }
       },
       new WebappWebpackPlugin({
-        logo: path.join(__dirname, "ui", "sshwifty.png"),
+        logo: path.join(__dirname, "ui", "sshwifty.svg"),
         prefix: "",
         cache: false,
         favicons: {
-          appName: "Sswifty SSH Client",
+          appName: "Sshwifty SSH Client",
           appDescription: "Web SSH Client",
           developerName: "Rui NI",
           developerURL: "https://vaguly.com",