feat. gnb 아이콘 추가

2025-10-13 16:04:57 +09:00
parent 7d5057fc43
commit 277532f0ba
16 changed files with 183 additions and 64 deletions
--- a/layers/components/atoms/icons/ArrowDownFill.vue
+++ b/layers/components/atoms/icons/ArrowDownFill.vue
@@ -0,0 +1,29 @@
+<script setup lang="ts">
+interface Props {
+  size?: number | string
+  color?: string
+  className?: string
+}
+
+withDefaults(defineProps<Props>(), {
+  size: 12,
+  color: 'var(--foreground-gray-500)',
+  className: '',
+})
+</script>
+
+<template>
+  <svg
+    xmlns="http://www.w3.org/2000/svg"
+    :width="size"
+    :height="size"
+    viewBox="0 0 12 12"
+    :fill="color"
+    :class="className"
+  >
+    <path
+      d="M5.29499 7.715L2.39999 4.875C2.07499 4.555 2.29999 4 2.75999 4L9.23499 4C9.69499 4 9.91999 4.555 9.59499 4.875L6.69999 7.715C6.30999 8.095 5.68999 8.095 5.29999 7.715H5.29499Z"
+      :fill="color"
+    />
+  </svg>
+</template>