diff --git a/com.twin.app.shoptime/assets/images/icons/ic-shoptime.png b/com.twin.app.shoptime/assets/images/icons/ic-shoptime.png
new file mode 100644
index 00000000..3083017a
Binary files /dev/null and b/com.twin.app.shoptime/assets/images/icons/ic-shoptime.png differ
diff --git a/com.twin.app.shoptime/src/views/SearchPanel/HowAboutThese/HowAboutThese.jsx b/com.twin.app.shoptime/src/views/SearchPanel/HowAboutThese/HowAboutThese.jsx
index f151cb87..22a23ea8 100644
--- a/com.twin.app.shoptime/src/views/SearchPanel/HowAboutThese/HowAboutThese.jsx
+++ b/com.twin.app.shoptime/src/views/SearchPanel/HowAboutThese/HowAboutThese.jsx
@@ -7,6 +7,7 @@ import Spottable from '@enact/spotlight/Spottable';
 import SpotlightContainerDecorator from '@enact/spotlight/SpotlightContainerDecorator';
 
 import { getShopperHouseSearch } from '../../../actions/searchActions';
+import icShoptime from '../../../../assets/images/icons/ic-shoptime.png';
 import css from './HowAboutThese.module.less';
 
 const OverlayContainer = SpotlightContainerDecorator(
@@ -76,8 +77,10 @@ const HowAboutThese = ({ relativeQueries = [], onQueryClick, onClose }) => {
       <div className={css.header}>
         <div className={css.headerLeft}>
           <div className={css.headerContent}>
-            {/* 아이콘 자리 - 현재는 비워둠 */}
-            <div className={css.iconPlaceholder} />
+            {/* 아이콘 */}
+            <div className={css.iconPlaceholder}>
+              <img src={icShoptime} alt="Shoptime" className={css.icon} />
+            </div>
             <div className={css.titleContainer}>
               <div className={css.title}>How about these?</div>
             </div>
diff --git a/com.twin.app.shoptime/src/views/SearchPanel/HowAboutThese/HowAboutThese.module.less b/com.twin.app.shoptime/src/views/SearchPanel/HowAboutThese/HowAboutThese.module.less
index 5cd8ca61..6d9ecedc 100644
--- a/com.twin.app.shoptime/src/views/SearchPanel/HowAboutThese/HowAboutThese.module.less
+++ b/com.twin.app.shoptime/src/views/SearchPanel/HowAboutThese/HowAboutThese.module.less
@@ -48,7 +48,15 @@
   position: absolute;
   left: 0;
   top: 0;
-  /* TODO: Add icon styling when needed */
+  display: flex;
+  align-items: center;
+  justify-content: center;
+}
+
+.icon {
+  width: 48px;
+  height: 48px;
+  object-fit: contain;
 }
 
 .titleContainer {
diff --git a/com.twin.app.shoptime/src/views/SearchPanel/HowAboutThese/HowAboutThese.small.jsx b/com.twin.app.shoptime/src/views/SearchPanel/HowAboutThese/HowAboutThese.small.jsx
index d7c5e52f..abee2faf 100644
--- a/com.twin.app.shoptime/src/views/SearchPanel/HowAboutThese/HowAboutThese.small.jsx
+++ b/com.twin.app.shoptime/src/views/SearchPanel/HowAboutThese/HowAboutThese.small.jsx
@@ -6,6 +6,7 @@ import { useDispatch } from 'react-redux';
 import Spottable from '@enact/spotlight/Spottable';
 
 import { getShopperHouseSearch } from '../../../actions/searchActions';
+import icShoptime from '../../../../assets/images/icons/ic-shoptime.png';
 import css from './HowAboutThese.small.module.less';
 
 const SpottableBubble = Spottable('div');
@@ -62,8 +63,10 @@ const HowAboutTheseSmall = ({ relativeQueries = [], onQueryClick, onSeeMoreClick
     <div className={css.container}>
       {/* Header Section */}
       <div className={css.header}>
-        {/* 아이콘 자리 - 현재는 비워둠 */}
-        <div className={css.iconPlaceholder} />
+        {/* 아이콘 */}
+        <div className={css.iconPlaceholder}>
+          <img src={icShoptime} alt="Shoptime" className={css.icon} />
+        </div>
         <div className={css.titleContainer}>
           <div className={css.title}>How about these?</div>
         </div>
diff --git a/com.twin.app.shoptime/src/views/SearchPanel/HowAboutThese/HowAboutThese.small.module.less b/com.twin.app.shoptime/src/views/SearchPanel/HowAboutThese/HowAboutThese.small.module.less
index e61cb045..cd166b1c 100644
--- a/com.twin.app.shoptime/src/views/SearchPanel/HowAboutThese/HowAboutThese.small.module.less
+++ b/com.twin.app.shoptime/src/views/SearchPanel/HowAboutThese/HowAboutThese.small.module.less
@@ -23,7 +23,15 @@
   width: 48px;
   height: 48px;
   flex-shrink: 0;
-  /* TODO: Add icon styling when needed */
+  display: flex;
+  align-items: center;
+  justify-content: center;
+}
+
+.icon {
+  width: 48px;
+  height: 48px;
+  object-fit: contain;
 }
 
 .titleContainer {