fix. svg 아이콘 버튼 텍스트와 동일한 컬러 적용

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>

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>

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>