From f7db4d11122362d7c5dde2e56c434191e7843a46 Mon Sep 17 00:00:00 2001
From: ywlee <zestlee1106@gmail.com>
Date: Wed, 1 Nov 2023 22:11:41 +0900
Subject: [PATCH] =?UTF-8?q?[feat]=20=EC=85=8B=ED=8C=85=20=EB=B2=84?=
 =?UTF-8?q?=ED=8A=BC=20=EB=94=94=EC=9E=90=EC=9D=B8=20=EC=88=98=EC=A0=95?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 components/Chip/Chip.tsx | 2 +-
 pages/index.tsx          | 6 +++++-
 public/icons/set.svg     | 8 ++++++++
 3 files changed, 14 insertions(+), 2 deletions(-)
 create mode 100644 public/icons/set.svg

diff --git a/components/Chip/Chip.tsx b/components/Chip/Chip.tsx
index af6cee9..3f7d4a2 100644
--- a/components/Chip/Chip.tsx
+++ b/components/Chip/Chip.tsx
@@ -33,7 +33,7 @@ export default function Chip({ label, onDelete, clicked, onChipClick, onlyText }
   return (
     <div
       className={`pl-[12px] pr-[3.75px] inline-flex items-center mr-2 bg-opacity-10 py-1 font-semibold ${fillText} ${
-        onlyText ? 'border-g3 border-[1px] rounded-[2px] pr-[12px]' : ''
+        onlyText ? 'border-g3 border-[1px] rounded-[2px] !pr-[12px]' : ''
       }`}
       onClick={onDivClick}
     >
diff --git a/pages/index.tsx b/pages/index.tsx
index b97d581..ccd9ca2 100644
--- a/pages/index.tsx
+++ b/pages/index.tsx
@@ -6,6 +6,7 @@ import { RoomSearch } from '@/public/types/room';
 import { NextPage, NextPageContext } from 'next';
 import RoomListLayout from '@/components/layouts/RoomListLayout.tsx';
 import FilterImg from '@/public/icons/filter.svg';
+import Set from '@/public/icons/set.svg';
 import { useRouter } from 'next/router';
 import { Chip, Typography, Nav } from '@/components/index.tsx';
 import useModal from '@/hooks/useModal.ts';
@@ -210,7 +211,10 @@ function Home() {
     <>
       <div className="mb-[8px] flex">
         <div className="mr-[4px]" onClick={openFilterPopup}>
-          <FilterImg className="stroke-g7 stroke-[2] cursor-pointer " style={{ alignSelf: 'flex-start' }} />
+          {/* <FilterImg className="stroke-g7 stroke-[2] cursor-pointer " style={{ alignSelf: 'flex-start' }} /> */}
+          <div className="rounded-[2px] border-g3 border-[1px] py-[3px] px-[8px]">
+            <Set />
+          </div>
         </div>
         <div className="overflow-x-auto whitespace-nowrap">
           {filters.map((filter, index) => {
diff --git a/public/icons/set.svg b/public/icons/set.svg
new file mode 100644
index 0000000..741377c
--- /dev/null
+++ b/public/icons/set.svg
@@ -0,0 +1,8 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none">
+  <path d="M2 5H22" stroke="#757575" stroke-width="1.5"/>
+  <circle cx="10" cy="5" r="2" fill="white" stroke="#757575" stroke-width="1.5"/>
+  <path d="M2 12H22" stroke="#757575" stroke-width="1.5"/>
+  <circle cx="16" cy="12" r="2" fill="white" stroke="#757575" stroke-width="1.5"/>
+  <path d="M2 19H22" stroke="#757575" stroke-width="1.5"/>
+  <circle cx="8" cy="19" r="2" fill="white" stroke="#757575" stroke-width="1.5"/>
+</svg>
\ No newline at end of file