From e62302c97938e06c35ef567d03c85feb2b34708a Mon Sep 17 00:00:00 2001
From: Saria Hajjar <sariahajjar@gmail.com>
Date: Sun, 29 Dec 2019 13:41:00 +0000
Subject: [PATCH] Fixes #3803

---
 netbox/project-static/img/netbox_icon.svg | 20 ++++++++++++++++
 netbox/project-static/img/netbox_logo.svg | 29 +++++++++++++++++++++++
 netbox/templates/inc/nav_menu.html        |  2 +-
 3 files changed, 50 insertions(+), 1 deletion(-)
 create mode 100644 netbox/project-static/img/netbox_icon.svg
 create mode 100644 netbox/project-static/img/netbox_logo.svg

diff --git a/netbox/project-static/img/netbox_icon.svg b/netbox/project-static/img/netbox_icon.svg
new file mode 100644
index 000000000..61b9b5aab
--- /dev/null
+++ b/netbox/project-static/img/netbox_icon.svg
@@ -0,0 +1,20 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 320 320">
+  <g fill="#9cc8f8" stroke="#9cc8f8">
+    <circle cx="37" cy="284" r="23"/>
+    <circle cx="101" cy="37" r="23"/>
+    <circle cx="101" cy="220" r="23"/>
+    <circle cx="284" cy="220" r="23"/>
+    <rect x="93" y="37" width="16" height="180"/>
+    <rect x="101" y="212" width="180" height="16"/>
+    <rect x="93" y="212" width="16" height="90" transform="rotate(45 101 220)"/>
+  </g>
+  <g fill="#1685fc" stroke="#1685fc">
+    <circle cx="284" cy="37" r="23"/>
+    <circle cx="37" cy="101" r="23"/>
+    <circle cx="220" cy="101" r="23"/>
+    <circle cx="220" cy="284" r="23"/>
+    <rect x="37" y="93" width="180" height="16"/>
+    <rect x="212" y="101" width="16" height="180"/>
+    <rect x="212" y="93" width="16" height="90" transform="rotate(225 220 101)"/>
+  </g>
+</svg>
diff --git a/netbox/project-static/img/netbox_logo.svg b/netbox/project-static/img/netbox_logo.svg
new file mode 100644
index 000000000..53fa75237
--- /dev/null
+++ b/netbox/project-static/img/netbox_logo.svg
@@ -0,0 +1,29 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1100 320">
+  <style>
+    .title {
+      font-weight: bold;
+      font-size: 200px;
+      font-family: "Avenir", "Helvetica Neue", Helvetica, Arial, sans-serif;
+      letter-spacing: 4px;
+    }
+  </style>
+  <g fill="#9cc8f8" stroke="#9cc8f8">
+    <circle cx="37" cy="284" r="23"/>
+    <circle cx="101" cy="37" r="23"/>
+    <circle cx="101" cy="220" r="23"/>
+    <circle cx="284" cy="220" r="23"/>
+    <rect x="93" y="37" width="16" height="180"/>
+    <rect x="101" y="212" width="180" height="16"/>
+    <rect x="93" y="212" width="16" height="90" transform="rotate(45 101 220)"/>
+  </g>
+  <g fill="#1685fc" stroke="#1685fc">
+    <circle cx="284" cy="37" r="23"/>
+    <circle cx="37" cy="101" r="23"/>
+    <circle cx="220" cy="101" r="23"/>
+    <circle cx="220" cy="284" r="23"/>
+    <rect x="37" y="93" width="180" height="16"/>
+    <rect x="212" y="101" width="16" height="180"/>
+    <rect x="212" y="93" width="16" height="90" transform="rotate(225 220 101)"/>
+    <text x="380" y="150" alignment-baseline="middle" class="title">netbox</text>
+  </g>
+</svg>
diff --git a/netbox/templates/inc/nav_menu.html b/netbox/templates/inc/nav_menu.html
index 3379c058c..da87bffd5 100644
--- a/netbox/templates/inc/nav_menu.html
+++ b/netbox/templates/inc/nav_menu.html
@@ -10,7 +10,7 @@
                 <span class="icon-bar"></span>
             </button>
             <a class="navbar-brand" href="{% url 'home' %}">
-                <img src="{% static 'img/netbox_logo.png' %}" />
+                <img src="{% static 'img/netbox_logo.svg' %}" height="30" />
             </a>
         </div>
         <div id="navbar" class="navbar-collapse collapse">