From b294b759ee742ee3c8a42a9f4548b4a3b343b688 Mon Sep 17 00:00:00 2001
From: clkim <clkim@smilegate.com>
Date: Thu, 20 Nov 2025 09:57:38 +0900
Subject: [PATCH] =?UTF-8?q?fix.=20svg=20=EC=95=84=EC=9D=B4=EC=BD=98=20?=
 =?UTF-8?q?=EB=B2=84=ED=8A=BC=20=ED=85=8D=EC=8A=A4=ED=8A=B8=EC=99=80=20?=
 =?UTF-8?q?=EB=8F=99=EC=9D=BC=ED=95=9C=20=EC=BB=AC=EB=9F=AC=20=EC=A0=81?=
 =?UTF-8?q?=EC=9A=A9?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 layers/components/atoms/Button/index.vue             | 9 +++++++--
 layers/components/atoms/icons/LongArrowRightLine.vue | 3 +--
 layers/components/atoms/icons/WebLinkLine.vue        | 4 +---
 3 files changed, 9 insertions(+), 7 deletions(-)

diff --git a/layers/components/atoms/Button/index.vue b/layers/components/atoms/Button/index.vue
index da16f05..487c572 100644
--- a/layers/components/atoms/Button/index.vue
+++ b/layers/components/atoms/Button/index.vue
@@ -75,14 +75,19 @@ const componentProps = computed(() => {
       <slot />
       <AtomsIconsLongArrowRightLine
         v-if="props.type === 'internal'"
+        :color="props.textColor"
         class="icon"
       />
       <AtomsIconsWebLinkLine
         v-if="props.type === 'external'"
-        color="#ebebeb"
+        :color="props.textColor"
+        class="icon"
+      />
+      <AtomsIconsDownloadLine
+        v-if="props.type === 'download'"
+        :color="props.textColor"
         class="icon"
       />
-      <AtomsIconsDownloadLine v-if="props.type === 'download'" class="icon" />
     </span>
   </component>
 </template>
diff --git a/layers/components/atoms/icons/LongArrowRightLine.vue b/layers/components/atoms/icons/LongArrowRightLine.vue
index 7622080..197ee49 100644
--- a/layers/components/atoms/icons/LongArrowRightLine.vue
+++ b/layers/components/atoms/icons/LongArrowRightLine.vue
@@ -16,11 +16,10 @@ withDefaults(defineProps<Props>(), {
     :width="size"
     :height="size"
     viewBox="0 0 24 24"
-    fill="none"
+    :fill="color"
   >
     <path
       d="M11.7929 18.2929C11.4024 18.6834 11.4024 19.3166 11.7929 19.7071C12.1834 20.0976 12.8166 20.0976 13.2071 19.7071L20.2071 12.7071C20.5976 12.3166 20.5976 11.6834 20.2071 11.2929L13.2071 4.29289C12.8166 3.90237 12.1834 3.90237 11.7929 4.29289C11.4024 4.68342 11.4024 5.31658 11.7929 5.70711L17.0858 11L4.5 11C3.94771 11 3.5 11.4477 3.5 12C3.5 12.5523 3.94771 13 4.5 13L17.0858 13L11.7929 18.2929Z"
-      :fill="color"
     />
   </svg>
 </template>
diff --git a/layers/components/atoms/icons/WebLinkLine.vue b/layers/components/atoms/icons/WebLinkLine.vue
index 05c3912..38d6b14 100644
--- a/layers/components/atoms/icons/WebLinkLine.vue
+++ b/layers/components/atoms/icons/WebLinkLine.vue
@@ -16,15 +16,13 @@ withDefaults(defineProps<Props>(), {
     :width="size"
     :height="size"
     viewBox="0 0 16 16"
-    fill="none"
+    :fill="color"
   >
     <path
       d="M3.63636 3.33333C3.469 3.33333 3.33333 3.469 3.33333 3.63636L3.33333 12.3636C3.33333 12.531 3.469 12.6667 3.63636 12.6667H12.3636C12.531 12.6667 12.6667 12.531 12.6667 12.3636V9.93939C12.6667 9.5712 12.9651 9.27273 13.3333 9.27273C13.7015 9.27273 14 9.5712 14 9.93939V12.3636C14 13.2674 13.2674 14 12.3636 14H3.63636C2.73262 14 2 13.2674 2 12.3636L2 3.63636C2 2.73263 2.73262 2 3.63636 2L6.06061 2C6.4288 2 6.72727 2.29848 6.72727 2.66667C6.72727 3.03486 6.4288 3.33333 6.06061 3.33333H3.63636Z"
-      :fill="color"
     />
     <path
       d="M12.6667 4.27614V6.54545C12.6667 6.91364 12.9651 7.21212 13.3333 7.21212C13.7015 7.21212 14 6.91364 14 6.54545V2.66667C14 2.29848 13.7015 2 13.3333 2L9.45455 2C9.08636 2 8.78788 2.29848 8.78788 2.66667C8.78788 3.03486 9.08636 3.33333 9.45455 3.33333L11.7239 3.33333L7.28616 7.77103C7.02581 8.03138 7.02581 8.45349 7.28616 8.71384C7.54651 8.97419 7.96862 8.97419 8.22897 8.71384L12.6667 4.27614Z"
-      :fill="color"
     />
   </svg>
 </template>