Icons

공통으로 사용하는 아이콘 집합입니다.

Simple Usage

<script setup lang="ts">
import { SvgIcon, ICON_TYPE } from "@jennifersoft/vue-components-v2";

</script>
<template>
  <svg-icon :icon="ICON_TYPE.add" :width="16" :height="16" />
  <svg-icon :icon="ICON_TYPE.add" :width="20" :height="20" />
  <svg-icon :icon="ICON_TYPE.add" :width="24" :height="24" />
</template>

Props

Prop 이름	타입	필수 여부	기본값	설명
icon	IconTypes	Yes	-	표시할 아이콘 타입
width	number	No	24	아이콘 너비(px)
height	number	No	24	아이콘 높이(px)

Icon + color

상위 엘리먼트의 컬러 속성을 따라갑니다.

<script setup lang="ts">
    import { SvgIcon, ICON_TYPE } from "@jennifersoft/vue-components-v2";
</script>
<template>
  <div style="color: var(--blue-700);">
    <svg-icon :icon="ICON_TYPE.add" :width="24" :height="24" />
  </div>
</template>