diff --git a/src/components/common/ItemWishList/ItemWishList.module.scss b/src/components/common/ItemWishList/ItemWishList.module.scss
index d87984bc6..9646b650c 100644
--- a/src/components/common/ItemWishList/ItemWishList.module.scss
+++ b/src/components/common/ItemWishList/ItemWishList.module.scss
@@ -8,11 +8,11 @@
     justify-content: center;
     align-items: center;
     path{
-        stroke: theme("colors.negative");
+        fill: theme("colors.negative");
     }
 }
 .isToggleOn{
     path{
-        stroke: theme("colors.primary");
+        fill: theme("colors.primary");
     }
 }
\ No newline at end of file
diff --git a/src/components/common/ItemWishList/ItemWishList.tsx b/src/components/common/ItemWishList/ItemWishList.tsx
index d381036e7..01ecc9817 100644
--- a/src/components/common/ItemWishList/ItemWishList.tsx
+++ b/src/components/common/ItemWishList/ItemWishList.tsx
@@ -1,5 +1,5 @@
 import classNames from 'classnames'
-import { Heart } from '@components/icons'
+import IconHeart from 'src/components/icons/IconHeart'
 import React, { memo } from 'react'
 import s from './ItemWishList.module.scss'
 
@@ -18,7 +18,7 @@ const ItemWishList = memo(({isActive, onClick}:Props) => {
             [s.isToggleOn]:isActive
         })}
         onClick={handleClick}>
-            <Heart />
+            <IconHeart />
         </div>
     )
 })
diff --git a/src/components/common/ViewAllItem/ViewAllItem.tsx b/src/components/common/ViewAllItem/ViewAllItem.tsx
index 4b6daff4c..e85b6181b 100644
--- a/src/components/common/ViewAllItem/ViewAllItem.tsx
+++ b/src/components/common/ViewAllItem/ViewAllItem.tsx
@@ -1,4 +1,4 @@
-import Vector from 'src/components/icons/Vector'
+import IconVector from 'src/components/icons/IconVector'
 import s from './ViewAllItem.module.scss'
 import Link from 'next/link'
 
@@ -17,7 +17,7 @@ const ViewAllItem = ({ link }: Props) => {
                 </a>
             </Link>
             <div className={s.vecTor}>
-                <Vector />
+                <IconVector />
             </div>
         </div>
     )
diff --git a/src/components/icons/Heart.tsx b/src/components/icons/IconHeart.tsx
similarity index 96%
rename from src/components/icons/Heart.tsx
rename to src/components/icons/IconHeart.tsx
index 227f41f21..cb2a763b3 100644
--- a/src/components/icons/Heart.tsx
+++ b/src/components/icons/IconHeart.tsx
@@ -1,5 +1,5 @@
 
-const Vector = ({ ...props }) => {
+const IconHeart = ({ ...props }) => {
     return (
       <svg
         width="24"
@@ -16,4 +16,4 @@ const Vector = ({ ...props }) => {
     )
   }
   
-  export default Vector
\ No newline at end of file
+  export default IconHeart
\ No newline at end of file
diff --git a/src/components/icons/Vector.tsx b/src/components/icons/IconVector.tsx
similarity index 94%
rename from src/components/icons/Vector.tsx
rename to src/components/icons/IconVector.tsx
index b9c161940..e4a10f559 100644
--- a/src/components/icons/Vector.tsx
+++ b/src/components/icons/IconVector.tsx
@@ -1,5 +1,5 @@
 
-const Vector = ({ ...props }) => {
+const IconVector = ({ ...props }) => {
     return (
       <svg
         width="24"
@@ -16,4 +16,4 @@ const Vector = ({ ...props }) => {
     )
   }
   
-  export default Vector
\ No newline at end of file
+  export default IconVector
\ No newline at end of file