diff --git a/src/assets/css/site.css b/src/assets/css/site.css
index f4cdb50..34cde1b 100644
--- a/src/assets/css/site.css
+++ b/src/assets/css/site.css
@@ -26,7 +26,7 @@ body{
 }
 
 .navbar-toggler-icon{
-  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba(90,52,21,0.85)' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
+  background-image: url("../img/hamburger.svg");
 }
 
 .brand-mark{width:84px;height:84px;}
diff --git a/src/assets/img/hamburger.svg b/src/assets/img/hamburger.svg
new file mode 100644
index 0000000..5994d3e
--- /dev/null
+++ b/src/assets/img/hamburger.svg
@@ -0,0 +1,4 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 30 30">
+  <path stroke="#5A3415" stroke-opacity="0.85" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2"
+        d="M4 7h22M4 15h22M4 23h22"/>
+</svg>