diff --git a/src/routes/boilerplates/index.svelte b/src/routes/boilerplates/index.svelte
index c0632ca..51fafbc 100644
--- a/src/routes/boilerplates/index.svelte
+++ b/src/routes/boilerplates/index.svelte
@@ -71,7 +71,7 @@
     width: 35%;
     font-family: Overpass;
     border-width: 0;
-    background: #f3f6f9 url(/search-icon.svg) 98% no-repeat;
+    background: #f3f6f9 url(/images/search-icon.svg) 98% no-repeat;
     margin: 0;
     padding: 10px 15px;
   }
diff --git a/src/routes/components/index.svelte b/src/routes/components/index.svelte
index 1d443dd..611652c 100644
--- a/src/routes/components/index.svelte
+++ b/src/routes/components/index.svelte
@@ -71,7 +71,7 @@
     width: 35%;
     font-family: Overpass;
     border-width: 0;
-    background: #f3f6f9 url(/search-icon.svg) 98% no-repeat;
+    background: #f3f6f9 url(/images/search-icon.svg) 98% no-repeat;
     margin: 0;
     padding: 10px 15px;
   }
diff --git a/static/images/search-icon.svg b/static/images/search-icon.svg
new file mode 100644
index 0000000..d5e6374
--- /dev/null
+++ b/static/images/search-icon.svg
@@ -0,0 +1,4 @@
+<svg width="19" height="19" viewBox="0 0 19 19" xmlns="http://www.w3.org/2000/svg" fill="currentColor">
+<path d="M8 16C9.77498 15.9996 11.4988 15.4054 12.897 14.312L17.293 18.708L18.707 17.294L14.311 12.898C15.405 11.4997 15.9996 9.77544 16 8C16 3.589 12.411 0 8 0C3.589 0 0 3.589 0 8C0 12.411 3.589 16 8 16ZM8 2C11.309 2 14 4.691 14 8C14 11.309 11.309 14 8 14C4.691 14 2 11.309 2 8C2 4.691 4.691 2 8 2Z" fill="#7E7E93"/>
+<path d="M9.41201 6.58596C9.79101 6.96596 10 7.46796 10 7.99996H12C12.0009 7.47439 11.8976 6.95386 11.6961 6.46845C11.4946 5.98304 11.1989 5.54239 10.826 5.17196C9.31201 3.65996 6.68701 3.65996 5.17401 5.17196L6.58601 6.58796C7.34601 5.82996 8.65601 5.83196 9.41201 6.58596Z" fill="#7E7E93"/>
+</svg>
\ No newline at end of file