diff --git a/src/assets/images/Search.svg b/src/assets/images/Search.svg
new file mode 100644
index 00000000..d8e513bb
--- /dev/null
+++ b/src/assets/images/Search.svg
@@ -0,0 +1,6 @@
+<svg width="15" height="15" viewBox="0 0 15 15" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g id="Search">
+<ellipse id="Ellipse" cx="6.92367" cy="6.60726" rx="5.33333" ry="5.33333" stroke="#2A2A2A" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
+<path id="Line" d="M10.5903 10.5793L13.9237 13.9127" stroke="#2A2A2A" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
+</g>
+</svg>
diff --git a/src/components/search/SearchInput.tsx b/src/components/search/SearchInput.tsx
index c70b9124..a667d5bc 100644
--- a/src/components/search/SearchInput.tsx
+++ b/src/components/search/SearchInput.tsx
@@ -1,11 +1,20 @@
+import { useNavigate } from 'react-router-dom';
+import { ReactComponent as LeftIcon } from '@assets/images/Left.svg';
+import { ReactComponent as SearchIcon } from '@assets/images/Search.svg';
+
 export const SearchInput = () => {
+  const navigate = useNavigate();
+
+  const goBack = () => {
+    navigate(-1);
+  };
   return (
     <>
       <div className="relative flex items-center ">
-        <button className=" backIcon bg-gray5 mr-2.5 h-[24px] w-[24px]" />
-        <div className="absolute left-[52px] top-1/2 h-[12px] w-[12px] -translate-y-1/2 transform bg-black" />
+        <LeftIcon className="cursor-pointer" onClick={goBack} />
+        <SearchIcon className="absolute left-[36px] top-1/2  -translate-y-1/2 transform" />
         <input
-          className="bg-gray1 body1 ml-2.5 h-[40px] w-full items-center rounded-lg pl-[32px] pr-2.5 focus:outline-none"
+          className="body1 ml-2.5 h-[40px] w-full items-center rounded-lg bg-gray1 pl-[32px] pr-2.5 focus:outline-none"
           onClick={() => {}}
           placeholder="어디로 떠나세요?"></input>
       </div>
diff --git a/src/components/search/StartSearchBtn.tsx b/src/components/search/StartSearchBtn.tsx
index f549d8e6..a5b9b3ef 100644
--- a/src/components/search/StartSearchBtn.tsx
+++ b/src/components/search/StartSearchBtn.tsx
@@ -1,4 +1,5 @@
 import { useNavigate } from 'react-router-dom';
+import { ReactComponent as SearchIcon } from '@assets/images/Search.svg';
 
 export const StartSearchButton = () => {
   const navigate = useNavigate();
@@ -11,8 +12,8 @@ export const StartSearchButton = () => {
     <button
       className="flex h-[40px] w-full items-center border-b-2 border-solid px-1"
       onClick={goToSearch}>
-      <div className=" searchIcon mr-2.5 h-[12px] w-[12px]" />
-      <span className="text-gray4 body1">어디로 떠나세요?</span>
+      <SearchIcon className="  mr-2.5" />
+      <span className="body1 text-gray4">어디로 떠나세요?</span>
     </button>
   );
 };