@chenzy-design/icons 0.3.1 → 0.4.0

package/src/IconBookmarkDeleteStroked.svelte

@@ -0,0 +1,18 @@
+<!-- IconBookmarkDeleteStroked — 具名图标，对齐 Semi IconBookmarkDeleteStroked（convertIcon(bookmark_delete_stroked, 'bookmark_delete_stroked')）。 -->
+<script lang="ts">
+  import Icon, { type IconSize } from './Icon.svelte';
+  import { bookmarkDeleteStrokedSvg } from './svgs.js';
+
+  interface Props {
+    size?: IconSize;
+    spin?: boolean;
+    rotate?: number;
+    fill?: string;
+    class?: string;
+    style?: string;
+    [key: string]: unknown;
+  }
+  let { ...rest }: Props = $props();
+</script>
+
+<Icon svg={bookmarkDeleteStrokedSvg} type="bookmark_delete_stroked" {...rest} />

package/src/IconBottomCenterStroked.svelte

@@ -0,0 +1,18 @@
+<!-- IconBottomCenterStroked — 具名图标，对齐 Semi IconBottomCenterStroked（convertIcon(bottom_center_stroked, 'bottom_center_stroked')）。 -->
+<script lang="ts">
+  import Icon, { type IconSize } from './Icon.svelte';
+  import { bottomCenterStrokedSvg } from './svgs.js';
+
+  interface Props {
+    size?: IconSize;
+    spin?: boolean;
+    rotate?: number;
+    fill?: string;
+    class?: string;
+    style?: string;
+    [key: string]: unknown;
+  }
+  let { ...rest }: Props = $props();
+</script>
+
+<Icon svg={bottomCenterStrokedSvg} type="bottom_center_stroked" {...rest} />

package/src/IconBottomLeftStroked.svelte

@@ -0,0 +1,18 @@
+<!-- IconBottomLeftStroked — 具名图标，对齐 Semi IconBottomLeftStroked（convertIcon(bottom_left_stroked, 'bottom_left_stroked')）。 -->
+<script lang="ts">
+  import Icon, { type IconSize } from './Icon.svelte';
+  import { bottomLeftStrokedSvg } from './svgs.js';
+
+  interface Props {
+    size?: IconSize;
+    spin?: boolean;
+    rotate?: number;
+    fill?: string;
+    class?: string;
+    style?: string;
+    [key: string]: unknown;
+  }
+  let { ...rest }: Props = $props();
+</script>
+
+<Icon svg={bottomLeftStrokedSvg} type="bottom_left_stroked" {...rest} />

package/src/IconBottomRightStroked.svelte

@@ -0,0 +1,18 @@
+<!-- IconBottomRightStroked — 具名图标，对齐 Semi IconBottomRightStroked（convertIcon(bottom_right_stroked, 'bottom_right_stroked')）。 -->
+<script lang="ts">
+  import Icon, { type IconSize } from './Icon.svelte';
+  import { bottomRightStrokedSvg } from './svgs.js';
+
+  interface Props {
+    size?: IconSize;
+    spin?: boolean;
+    rotate?: number;
+    fill?: string;
+    class?: string;
+    style?: string;
+    [key: string]: unknown;
+  }
+  let { ...rest }: Props = $props();
+</script>
+
+<Icon svg={bottomRightStrokedSvg} type="bottom_right_stroked" {...rest} />

package/src/IconBox.svelte

@@ -0,0 +1,18 @@
+<!-- IconBox — 具名图标，对齐 Semi IconBox（convertIcon(box, 'box')）。 -->
+<script lang="ts">
+  import Icon, { type IconSize } from './Icon.svelte';
+  import { boxSvg } from './svgs.js';
+
+  interface Props {
+    size?: IconSize;
+    spin?: boolean;
+    rotate?: number;
+    fill?: string;
+    class?: string;
+    style?: string;
+    [key: string]: unknown;
+  }
+  let { ...rest }: Props = $props();
+</script>
+
+<Icon svg={boxSvg} type="box" {...rest} />

package/src/IconBrackets.svelte

@@ -0,0 +1,18 @@
+<!-- IconBrackets — 具名图标，对齐 Semi IconBrackets（convertIcon(brackets, 'brackets')）。 -->
+<script lang="ts">
+  import Icon, { type IconSize } from './Icon.svelte';
+  import { bracketsSvg } from './svgs.js';
+
+  interface Props {
+    size?: IconSize;
+    spin?: boolean;
+    rotate?: number;
+    fill?: string;
+    class?: string;
+    style?: string;
+    [key: string]: unknown;
+  }
+  let { ...rest }: Props = $props();
+</script>
+
+<Icon svg={bracketsSvg} type="brackets" {...rest} />

package/src/IconBranch.svelte

@@ -0,0 +1,18 @@
+<!-- IconBranch — 具名图标，对齐 Semi IconBranch（convertIcon(branch, 'branch')）。 -->
+<script lang="ts">
+  import Icon, { type IconSize } from './Icon.svelte';
+  import { branchSvg } from './svgs.js';
+
+  interface Props {
+    size?: IconSize;
+    spin?: boolean;
+    rotate?: number;
+    fill?: string;
+    class?: string;
+    style?: string;
+    [key: string]: unknown;
+  }
+  let { ...rest }: Props = $props();
+</script>
+
+<Icon svg={branchSvg} type="branch" {...rest} />

package/src/IconBriefStroked.svelte

@@ -0,0 +1,18 @@
+<!-- IconBriefStroked — 具名图标，对齐 Semi IconBriefStroked（convertIcon(brief_stroked, 'brief_stroked')）。 -->
+<script lang="ts">
+  import Icon, { type IconSize } from './Icon.svelte';
+  import { briefStrokedSvg } from './svgs.js';
+
+  interface Props {
+    size?: IconSize;
+    spin?: boolean;
+    rotate?: number;
+    fill?: string;
+    class?: string;
+    style?: string;
+    [key: string]: unknown;
+  }
+  let { ...rest }: Props = $props();
+</script>
+
+<Icon svg={briefStrokedSvg} type="brief_stroked" {...rest} />

package/src/IconBriefcase.svelte

@@ -0,0 +1,18 @@
+<!-- IconBriefcase — 具名图标，对齐 Semi IconBriefcase（convertIcon(briefcase, 'briefcase')）。 -->
+<script lang="ts">
+  import Icon, { type IconSize } from './Icon.svelte';
+  import { briefcaseSvg } from './svgs.js';
+
+  interface Props {
+    size?: IconSize;
+    spin?: boolean;
+    rotate?: number;
+    fill?: string;
+    class?: string;
+    style?: string;
+    [key: string]: unknown;
+  }
+  let { ...rest }: Props = $props();
+</script>
+
+<Icon svg={briefcaseSvg} type="briefcase" {...rest} />

package/src/IconBriefcaseStroked.svelte

@@ -0,0 +1,18 @@
+<!-- IconBriefcaseStroked — 具名图标，对齐 Semi IconBriefcaseStroked（convertIcon(briefcase_stroked, 'briefcase_stroked')）。 -->
+<script lang="ts">
+  import Icon, { type IconSize } from './Icon.svelte';
+  import { briefcaseStrokedSvg } from './svgs.js';
+
+  interface Props {
+    size?: IconSize;
+    spin?: boolean;
+    rotate?: number;
+    fill?: string;
+    class?: string;
+    style?: string;
+    [key: string]: unknown;
+  }
+  let { ...rest }: Props = $props();
+</script>
+
+<Icon svg={briefcaseStrokedSvg} type="briefcase_stroked" {...rest} />

package/src/IconBulb.svelte

@@ -0,0 +1,18 @@
+<!-- IconBulb — 具名图标，对齐 Semi IconBulb（convertIcon(bulb, 'bulb')）。 -->
+<script lang="ts">
+  import Icon, { type IconSize } from './Icon.svelte';
+  import { bulbSvg } from './svgs.js';
+
+  interface Props {
+    size?: IconSize;
+    spin?: boolean;
+    rotate?: number;
+    fill?: string;
+    class?: string;
+    style?: string;
+    [key: string]: unknown;
+  }
+  let { ...rest }: Props = $props();
+</script>
+
+<Icon svg={bulbSvg} type="bulb" {...rest} />

package/src/IconButtonStroked.svelte

@@ -0,0 +1,18 @@
+<!-- IconButtonStroked — 具名图标，对齐 Semi IconButtonStroked（convertIcon(button_stroked, 'button_stroked')）。 -->
+<script lang="ts">
+  import Icon, { type IconSize } from './Icon.svelte';
+  import { buttonStrokedSvg } from './svgs.js';
+
+  interface Props {
+    size?: IconSize;
+    spin?: boolean;
+    rotate?: number;
+    fill?: string;
+    class?: string;
+    style?: string;
+    [key: string]: unknown;
+  }
+  let { ...rest }: Props = $props();
+</script>
+
+<Icon svg={buttonStrokedSvg} type="button_stroked" {...rest} />

package/src/IconBytedanceLogo.svelte

@@ -0,0 +1,18 @@
+<!-- IconBytedanceLogo — 具名图标，对齐 Semi IconBytedanceLogo（convertIcon(bytedance_logo, 'bytedance_logo')）。 -->
+<script lang="ts">
+  import Icon, { type IconSize } from './Icon.svelte';
+  import { bytedanceLogoSvg } from './svgs.js';
+
+  interface Props {
+    size?: IconSize;
+    spin?: boolean;
+    rotate?: number;
+    fill?: string;
+    class?: string;
+    style?: string;
+    [key: string]: unknown;
+  }
+  let { ...rest }: Props = $props();
+</script>
+
+<Icon svg={bytedanceLogoSvg} type="bytedance_logo" {...rest} />

package/src/IconCalendar.svelte

@@ -0,0 +1,18 @@
+<!-- IconCalendar — 具名图标，对齐 Semi IconCalendar（convertIcon(calendar, 'calendar')）。 -->
+<script lang="ts">
+  import Icon, { type IconSize } from './Icon.svelte';
+  import { calendarSvg } from './svgs.js';
+
+  interface Props {
+    size?: IconSize;
+    spin?: boolean;
+    rotate?: number;
+    fill?: string;
+    class?: string;
+    style?: string;
+    [key: string]: unknown;
+  }
+  let { ...rest }: Props = $props();
+</script>
+
+<Icon svg={calendarSvg} type="calendar" {...rest} />

package/src/IconCalendarClock.svelte

@@ -0,0 +1,18 @@
+<!-- IconCalendarClock — 具名图标，对齐 Semi IconCalendarClock（convertIcon(calendar_clock, 'calendar_clock')）。 -->
+<script lang="ts">
+  import Icon, { type IconSize } from './Icon.svelte';
+  import { calendarClockSvg } from './svgs.js';
+
+  interface Props {
+    size?: IconSize;
+    spin?: boolean;
+    rotate?: number;
+    fill?: string;
+    class?: string;
+    style?: string;
+    [key: string]: unknown;
+  }
+  let { ...rest }: Props = $props();
+</script>
+
+<Icon svg={calendarClockSvg} type="calendar_clock" {...rest} />

package/src/IconCalendarClockStroked.svelte

@@ -0,0 +1,18 @@
+<!-- IconCalendarClockStroked — 具名图标，对齐 Semi IconCalendarClockStroked（convertIcon(calendar_clock_stroked, 'calendar_clock_stroked')）。 -->
+<script lang="ts">
+  import Icon, { type IconSize } from './Icon.svelte';
+  import { calendarClockStrokedSvg } from './svgs.js';
+
+  interface Props {
+    size?: IconSize;
+    spin?: boolean;
+    rotate?: number;
+    fill?: string;
+    class?: string;
+    style?: string;
+    [key: string]: unknown;
+  }
+  let { ...rest }: Props = $props();
+</script>
+
+<Icon svg={calendarClockStrokedSvg} type="calendar_clock_stroked" {...rest} />

package/src/IconCalendarStroked.svelte

@@ -0,0 +1,18 @@
+<!-- IconCalendarStroked — 具名图标，对齐 Semi IconCalendarStroked（convertIcon(calendar_stroked, 'calendar_stroked')）。 -->
+<script lang="ts">
+  import Icon, { type IconSize } from './Icon.svelte';
+  import { calendarStrokedSvg } from './svgs.js';
+
+  interface Props {
+    size?: IconSize;
+    spin?: boolean;
+    rotate?: number;
+    fill?: string;
+    class?: string;
+    style?: string;
+    [key: string]: unknown;
+  }
+  let { ...rest }: Props = $props();
+</script>
+
+<Icon svg={calendarStrokedSvg} type="calendar_stroked" {...rest} />

package/src/IconCamera.svelte

@@ -0,0 +1,18 @@
+<!-- IconCamera — 具名图标，对齐 Semi IconCamera（convertIcon(camera, 'camera')）。 -->
+<script lang="ts">
+  import Icon, { type IconSize } from './Icon.svelte';
+  import { cameraSvg } from './svgs.js';
+
+  interface Props {
+    size?: IconSize;
+    spin?: boolean;
+    rotate?: number;
+    fill?: string;
+    class?: string;
+    style?: string;
+    [key: string]: unknown;
+  }
+  let { ...rest }: Props = $props();
+</script>
+
+<Icon svg={cameraSvg} type="camera" {...rest} />

package/src/IconCameraStroked.svelte

@@ -0,0 +1,18 @@
+<!-- IconCameraStroked — 具名图标，对齐 Semi IconCameraStroked（convertIcon(camera_stroked, 'camera_stroked')）。 -->
+<script lang="ts">
+  import Icon, { type IconSize } from './Icon.svelte';
+  import { cameraStrokedSvg } from './svgs.js';
+
+  interface Props {
+    size?: IconSize;
+    spin?: boolean;
+    rotate?: number;
+    fill?: string;
+    class?: string;
+    style?: string;
+    [key: string]: unknown;
+  }
+  let { ...rest }: Props = $props();
+</script>
+
+<Icon svg={cameraStrokedSvg} type="camera_stroked" {...rest} />

package/src/IconCandlestickChartStroked.svelte

@@ -0,0 +1,18 @@
+<!-- IconCandlestickChartStroked — 具名图标，对齐 Semi IconCandlestickChartStroked（convertIcon(candlestick_chart_stroked, 'candlestick_chart_stroked')）。 -->
+<script lang="ts">
+  import Icon, { type IconSize } from './Icon.svelte';
+  import { candlestickChartStrokedSvg } from './svgs.js';
+
+  interface Props {
+    size?: IconSize;
+    spin?: boolean;
+    rotate?: number;
+    fill?: string;
+    class?: string;
+    style?: string;
+    [key: string]: unknown;
+  }
+  let { ...rest }: Props = $props();
+</script>
+
+<Icon svg={candlestickChartStrokedSvg} type="candlestick_chart_stroked" {...rest} />

package/src/IconCaretdown.svelte

@@ -0,0 +1,18 @@
+<!-- IconCaretdown — 具名图标，对齐 Semi IconCaretdown（convertIcon(caretdown, 'caretdown')）。 -->
+<script lang="ts">
+  import Icon, { type IconSize } from './Icon.svelte';
+  import { caretdownSvg } from './svgs.js';
+
+  interface Props {
+    size?: IconSize;
+    spin?: boolean;
+    rotate?: number;
+    fill?: string;
+    class?: string;
+    style?: string;
+    [key: string]: unknown;
+  }
+  let { ...rest }: Props = $props();
+</script>
+
+<Icon svg={caretdownSvg} type="caretdown" {...rest} />

package/src/IconCaretup.svelte

@@ -0,0 +1,18 @@
+<!-- IconCaretup — 具名图标，对齐 Semi IconCaretup（convertIcon(caretup, 'caretup')）。 -->
+<script lang="ts">
+  import Icon, { type IconSize } from './Icon.svelte';
+  import { caretupSvg } from './svgs.js';
+
+  interface Props {
+    size?: IconSize;
+    spin?: boolean;
+    rotate?: number;
+    fill?: string;
+    class?: string;
+    style?: string;
+    [key: string]: unknown;
+  }
+  let { ...rest }: Props = $props();
+</script>
+
+<Icon svg={caretupSvg} type="caretup" {...rest} />

package/src/IconCarouselStroked.svelte

@@ -0,0 +1,18 @@
+<!-- IconCarouselStroked — 具名图标，对齐 Semi IconCarouselStroked（convertIcon(carousel_stroked, 'carousel_stroked')）。 -->
+<script lang="ts">
+  import Icon, { type IconSize } from './Icon.svelte';
+  import { carouselStrokedSvg } from './svgs.js';
+
+  interface Props {
+    size?: IconSize;
+    spin?: boolean;
+    rotate?: number;
+    fill?: string;
+    class?: string;
+    style?: string;
+    [key: string]: unknown;
+  }
+  let { ...rest }: Props = $props();
+</script>
+
+<Icon svg={carouselStrokedSvg} type="carousel_stroked" {...rest} />

package/src/IconCart.svelte

@@ -0,0 +1,18 @@
+<!-- IconCart — 具名图标，对齐 Semi IconCart（convertIcon(cart, 'cart')）。 -->
+<script lang="ts">
+  import Icon, { type IconSize } from './Icon.svelte';
+  import { cartSvg } from './svgs.js';
+
+  interface Props {
+    size?: IconSize;
+    spin?: boolean;
+    rotate?: number;
+    fill?: string;
+    class?: string;
+    style?: string;
+    [key: string]: unknown;
+  }
+  let { ...rest }: Props = $props();
+</script>
+
+<Icon svg={cartSvg} type="cart" {...rest} />

package/src/IconCartStroked.svelte

@@ -0,0 +1,18 @@
+<!-- IconCartStroked — 具名图标，对齐 Semi IconCartStroked（convertIcon(cart_stroked, 'cart_stroked')）。 -->
+<script lang="ts">
+  import Icon, { type IconSize } from './Icon.svelte';
+  import { cartStrokedSvg } from './svgs.js';
+
+  interface Props {
+    size?: IconSize;
+    spin?: boolean;
+    rotate?: number;
+    fill?: string;
+    class?: string;
+    style?: string;
+    [key: string]: unknown;
+  }
+  let { ...rest }: Props = $props();
+</script>
+
+<Icon svg={cartStrokedSvg} type="cart_stroked" {...rest} />

package/src/IconCaseSensitive.svelte

@@ -0,0 +1,18 @@
+<!-- IconCaseSensitive — 具名图标，对齐 Semi IconCaseSensitive（convertIcon(case_sensitive, 'case_sensitive')）。 -->
+<script lang="ts">
+  import Icon, { type IconSize } from './Icon.svelte';
+  import { caseSensitiveSvg } from './svgs.js';
+
+  interface Props {
+    size?: IconSize;
+    spin?: boolean;
+    rotate?: number;
+    fill?: string;
+    class?: string;
+    style?: string;
+    [key: string]: unknown;
+  }
+  let { ...rest }: Props = $props();
+</script>
+
+<Icon svg={caseSensitiveSvg} type="case_sensitive" {...rest} />

package/src/IconCenterLeftStroked.svelte

@@ -0,0 +1,18 @@
+<!-- IconCenterLeftStroked — 具名图标，对齐 Semi IconCenterLeftStroked（convertIcon(center_left_stroked, 'center_left_stroked')）。 -->
+<script lang="ts">
+  import Icon, { type IconSize } from './Icon.svelte';
+  import { centerLeftStrokedSvg } from './svgs.js';
+
+  interface Props {
+    size?: IconSize;
+    spin?: boolean;
+    rotate?: number;
+    fill?: string;
+    class?: string;
+    style?: string;
+    [key: string]: unknown;
+  }
+  let { ...rest }: Props = $props();
+</script>
+
+<Icon svg={centerLeftStrokedSvg} type="center_left_stroked" {...rest} />

package/src/IconCenterRightStroked.svelte

@@ -0,0 +1,18 @@
+<!-- IconCenterRightStroked — 具名图标，对齐 Semi IconCenterRightStroked（convertIcon(center_right_stroked, 'center_right_stroked')）。 -->
+<script lang="ts">
+  import Icon, { type IconSize } from './Icon.svelte';
+  import { centerRightStrokedSvg } from './svgs.js';
+
+  interface Props {
+    size?: IconSize;
+    spin?: boolean;
+    rotate?: number;
+    fill?: string;
+    class?: string;
+    style?: string;
+    [key: string]: unknown;
+  }
+  let { ...rest }: Props = $props();
+</script>
+
+<Icon svg={centerRightStrokedSvg} type="center_right_stroked" {...rest} />

package/src/IconChainStroked.svelte

@@ -0,0 +1,18 @@
+<!-- IconChainStroked — 具名图标，对齐 Semi IconChainStroked（convertIcon(chain_stroked, 'chain_stroked')）。 -->
+<script lang="ts">
+  import Icon, { type IconSize } from './Icon.svelte';
+  import { chainStrokedSvg } from './svgs.js';
+
+  interface Props {
+    size?: IconSize;
+    spin?: boolean;
+    rotate?: number;
+    fill?: string;
+    class?: string;
+    style?: string;
+    [key: string]: unknown;
+  }
+  let { ...rest }: Props = $props();
+</script>
+
+<Icon svg={chainStrokedSvg} type="chain_stroked" {...rest} />

package/src/IconCheckChoiceStroked.svelte

@@ -0,0 +1,18 @@
+<!-- IconCheckChoiceStroked — 具名图标，对齐 Semi IconCheckChoiceStroked（convertIcon(check_choice_stroked, 'check_choice_stroked')）。 -->
+<script lang="ts">
+  import Icon, { type IconSize } from './Icon.svelte';
+  import { checkChoiceStrokedSvg } from './svgs.js';
+
+  interface Props {
+    size?: IconSize;
+    spin?: boolean;
+    rotate?: number;
+    fill?: string;
+    class?: string;
+    style?: string;
+    [key: string]: unknown;
+  }
+  let { ...rest }: Props = $props();
+</script>
+
+<Icon svg={checkChoiceStrokedSvg} type="check_choice_stroked" {...rest} />

package/src/IconCheckCircleStroked.svelte

@@ -0,0 +1,18 @@
+<!-- IconCheckCircleStroked — 具名图标，对齐 Semi IconCheckCircleStroked（convertIcon(check_circle_stroked, 'check_circle_stroked')）。 -->
+<script lang="ts">
+  import Icon, { type IconSize } from './Icon.svelte';
+  import { checkCircleStrokedSvg } from './svgs.js';
+
+  interface Props {
+    size?: IconSize;
+    spin?: boolean;
+    rotate?: number;
+    fill?: string;
+    class?: string;
+    style?: string;
+    [key: string]: unknown;
+  }
+  let { ...rest }: Props = $props();
+</script>
+
+<Icon svg={checkCircleStrokedSvg} type="check_circle_stroked" {...rest} />

package/src/IconCheckList.svelte

@@ -0,0 +1,18 @@
+<!-- IconCheckList — 具名图标，对齐 Semi IconCheckList（convertIcon(check_list, 'check_list')）。 -->
+<script lang="ts">
+  import Icon, { type IconSize } from './Icon.svelte';
+  import { checkListSvg } from './svgs.js';
+
+  interface Props {
+    size?: IconSize;
+    spin?: boolean;
+    rotate?: number;
+    fill?: string;
+    class?: string;
+    style?: string;
+    [key: string]: unknown;
+  }
+  let { ...rest }: Props = $props();
+</script>
+
+<Icon svg={checkListSvg} type="check_list" {...rest} />

package/src/IconCheckboxIndeterminate.svelte

@@ -0,0 +1,18 @@
+<!-- IconCheckboxIndeterminate — 具名图标，对齐 Semi IconCheckboxIndeterminate（convertIcon(checkbox_indeterminate, 'checkbox_indeterminate')）。 -->
+<script lang="ts">
+  import Icon, { type IconSize } from './Icon.svelte';
+  import { checkboxIndeterminateSvg } from './svgs.js';
+
+  interface Props {
+    size?: IconSize;
+    spin?: boolean;
+    rotate?: number;
+    fill?: string;
+    class?: string;
+    style?: string;
+    [key: string]: unknown;
+  }
+  let { ...rest }: Props = $props();
+</script>
+
+<Icon svg={checkboxIndeterminateSvg} type="checkbox_indeterminate" {...rest} />

package/src/IconCheckboxTick.svelte

@@ -0,0 +1,18 @@
+<!-- IconCheckboxTick — 具名图标，对齐 Semi IconCheckboxTick（convertIcon(checkbox_tick, 'checkbox_tick')）。 -->
+<script lang="ts">
+  import Icon, { type IconSize } from './Icon.svelte';
+  import { checkboxTickSvg } from './svgs.js';
+
+  interface Props {
+    size?: IconSize;
+    spin?: boolean;
+    rotate?: number;
+    fill?: string;
+    class?: string;
+    style?: string;
+    [key: string]: unknown;
+  }
+  let { ...rest }: Props = $props();
+</script>
+
+<Icon svg={checkboxTickSvg} type="checkbox_tick" {...rest} />