From 1fc206b9c539173a5bb91b28b7947b0850f8a622 Mon Sep 17 00:00:00 2001
From: Saria Hajjar <sariahajjar@gmail.com>
Date: Sun, 29 Dec 2019 14:10:31 +0000
Subject: [PATCH] Replace doc logo with svg

---
 README.md            |  2 +-
 docs/index.md        |  2 +-
 docs/netbox_logo.svg | 29 +++++++++++++++++++++++++++++
 3 files changed, 31 insertions(+), 2 deletions(-)
 create mode 100644 docs/netbox_logo.svg

diff --git a/README.md b/README.md
index 38961c286..478f37e5e 100644
--- a/README.md
+++ b/README.md
@@ -1,4 +1,4 @@
-![NetBox](docs/netbox_logo.png "NetBox logo")
+![NetBox](docs/netbox_logo.svg "NetBox logo")
 
 NetBox is an IP address management (IPAM) and data center infrastructure
 management (DCIM) tool. Initially conceived by the network engineering team at
diff --git a/docs/index.md b/docs/index.md
index 84c39ccde..a68d5a6bf 100644
--- a/docs/index.md
+++ b/docs/index.md
@@ -1,4 +1,4 @@
-![NetBox](netbox_logo.png "NetBox logo")
+![NetBox](netbox_logo.svg "NetBox logo")
 
 # What is NetBox?
 
diff --git a/docs/netbox_logo.svg b/docs/netbox_logo.svg
new file mode 100644
index 000000000..2595d40fd
--- /dev/null
+++ b/docs/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="160" alignment-baseline="middle" class="title">netbox</text>
+  </g>
+</svg>