[style]keep컴포넌트 아이콘 편집

mtm-git1018 · mtm-git1018 · commit bd43352b0992 · 2025-09-24T11:02:49.000+09:00
diff --git a/src/shared/assets/icons/keep_36.svg b/src/shared/assets/icons/keep_36.svg
@@ -10,7 +10,6 @@
 <feFlood flood-opacity="0" result="BackgroundImageFix"/>
 <feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
 <feOffset/>
-<feGaussianBlur stdDeviation="4"/>
 <feComposite in2="hardAlpha" operator="out"/>
 <feColorMatrix type="matrix" values="0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 1 0"/>
 <feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_418_213"/>
diff --git a/src/shared/assets/icons/keep_active_36.svg b/src/shared/assets/icons/keep_active_36.svg
@@ -11,7 +11,6 @@
 <feFlood flood-opacity="0" result="BackgroundImageFix"/>
 <feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
 <feOffset/>
-<feGaussianBlur stdDeviation="4"/>
 <feComposite in2="hardAlpha" operator="out"/>
 <feColorMatrix type="matrix" values="0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 0.8 0"/>
 <feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_418_283"/>
diff --git a/src/shared/components/keep/Keep.tsx b/src/shared/components/keep/Keep.tsx
@@ -1,5 +1,6 @@
 import KeepIcon from '@/shared/assets/icons/keep_36.svg';
 import KeepIconActive from '@/shared/assets/icons/keep_active_36.svg';
+
 import { useState } from 'react';
 function Keep() {
   const [isClick, setIsClick] = useState(false);
@@ -10,11 +11,22 @@ function Keep() {
   return (
     <button type="button" onClick={handleClick} aria-label="킵 버튼">
       {isClick ? (
-        <KeepIcon fill="transparent" className="[&_*]:duration-100 hover:[&_*]:fill-secondary/50" />
+        <KeepIcon
+          fill="transparent"
+          className="[filter:drop-shadow(0_0_8px_rgba(255,255,255,0.8))] [&_*]:duration-100 hover:[&_*]:fill-secondary/60"
+          aria-hidden
+        />
       ) : (
         <KeepIconActive
           fill="transparent"
-          className="[&_*]:duration-100 hover:[&_*]:fill-secondary/50 "
+          className="   
+          [filter:drop-shadow(0_0_8px_rgba(255,255,255,0.8))]
+         [&_*]:duration-200
+         &_g>g>path[stroke]]:stroke-black
+          [&_g>path[fill='black']]:black
+          hover:[&_g>g>path]:fill-secondary/60
+          "
+          aria-hidden
         />
       )}
     </button>
