diff --git a/src/assets/graphicarts/favicon.png b/src/assets/graphicarts/favicon.png
new file mode 100644
index 0000000..324c703
Binary files /dev/null and b/src/assets/graphicarts/favicon.png differ
diff --git a/src/assets/graphicarts/favicon.svg b/src/assets/graphicarts/favicon.svg
new file mode 100644
index 0000000..a47cd69
--- /dev/null
+++ b/src/assets/graphicarts/favicon.svg
@@ -0,0 +1,6 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-anchor-favicon">
+  <circle cx="12" cy="12" r="12" stroke="none" fill="#ffffff"></circle>
+  <circle cx="12" cy="5" r="3"></circle>
+  <line x1="12" y1="22" x2="12" y2="8"></line>
+  <path d="M5 12H2a10 10 0 0 0 20 0h-3"></path>
+</svg>
diff --git a/src/assets/graphicarts/icon.ico b/src/assets/graphicarts/icon.ico
deleted file mode 100644
index d90f0d7..0000000
Binary files a/src/assets/graphicarts/icon.ico and /dev/null differ
diff --git a/src/assets/graphicarts/icon.png b/src/assets/graphicarts/icon.png
deleted file mode 100644
index 73f0fe7..0000000
Binary files a/src/assets/graphicarts/icon.png and /dev/null differ
diff --git a/src/assets/index.html b/src/assets/index.html
index 2124973..6fb9711 100644
--- a/src/assets/index.html
+++ b/src/assets/index.html
@@ -5,7 +5,8 @@
     <title>yarr!</title>
     <link rel="stylesheet" href="./static/stylesheets/bootstrap.min.css">
     <link rel="stylesheet" href="./static/stylesheets/app.css">
-    <link rel="icon shortcut" href="./static/graphicarts/icon.png">
+    <link rel="icon" href="./static/graphicarts/favicon.svg" type="image/svg+xml">
+    <link rel="alternate icon" href="./static/graphicarts/favicon.png" type="image/png">
     <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
     <script>
         window.app = window.app || {}
diff --git a/src/assets/login.html b/src/assets/login.html
index 601f5c1..d22abab 100644
--- a/src/assets/login.html
+++ b/src/assets/login.html
@@ -5,7 +5,8 @@
     <title>yarr!</title>
     <link rel="stylesheet" href="./static/stylesheets/bootstrap.min.css">
     <link rel="stylesheet" href="./static/stylesheets/app.css">
-    <link rel="icon shortcut" href="./static/graphicarts/icon.png">
+    <link rel="icon" href="./static/graphicarts/favicon.svg" type="image/svg+xml">
+    <link rel="alternate icon" href="./static/graphicarts/favicon.png" type="image/png">
     <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
     <style>
         form {