@chenzy-design/icons 0.2.1 → 0.4.0

package/src/IconShoppingBagStroked.svelte

@@ -0,0 +1,18 @@
+<!-- IconShoppingBagStroked — 具名图标，对齐 Semi IconShoppingBagStroked（convertIcon(shopping_bag_stroked, 'shopping_bag_stroked')）。 -->
+<script lang="ts">
+  import Icon, { type IconSize } from './Icon.svelte';
+  import { shoppingBagStrokedSvg } 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={shoppingBagStrokedSvg} type="shopping_bag_stroked" {...rest} />

package/src/IconShrink.svelte

@@ -0,0 +1,18 @@
+<!-- IconShrink — 具名图标，对齐 Semi IconShrink（convertIcon(shrink, 'shrink')）。 -->
+<script lang="ts">
+  import Icon, { type IconSize } from './Icon.svelte';
+  import { shrinkSvg } 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={shrinkSvg} type="shrink" {...rest} />

package/src/IconShrinkScreenStroked.svelte

@@ -0,0 +1,18 @@
+<!-- IconShrinkScreenStroked — 具名图标，对齐 Semi IconShrinkScreenStroked（convertIcon(shrink_screen_stroked, 'shrink_screen_stroked')）。 -->
+<script lang="ts">
+  import Icon, { type IconSize } from './Icon.svelte';
+  import { shrinkScreenStrokedSvg } 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={shrinkScreenStrokedSvg} type="shrink_screen_stroked" {...rest} />

package/src/IconSidebar.svelte

@@ -0,0 +1,18 @@
+<!-- IconSidebar — 具名图标，对齐 Semi IconSidebar（convertIcon(sidebar, 'sidebar')）。 -->
+<script lang="ts">
+  import Icon, { type IconSize } from './Icon.svelte';
+  import { sidebarSvg } 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={sidebarSvg} type="sidebar" {...rest} />

package/src/IconSignal.svelte

@@ -0,0 +1,18 @@
+<!-- IconSignal — 具名图标，对齐 Semi IconSignal（convertIcon(signal, 'signal')）。 -->
+<script lang="ts">
+  import Icon, { type IconSize } from './Icon.svelte';
+  import { signalSvg } 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={signalSvg} type="signal" {...rest} />

package/src/IconSimilarity.svelte

@@ -0,0 +1,18 @@
+<!-- IconSimilarity — 具名图标，对齐 Semi IconSimilarity（convertIcon(similarity, 'similarity')）。 -->
+<script lang="ts">
+  import Icon, { type IconSize } from './Icon.svelte';
+  import { similaritySvg } 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={similaritySvg} type="similarity" {...rest} />

package/src/IconSmallTriangleDown.svelte

@@ -0,0 +1,18 @@
+<!-- IconSmallTriangleDown — 具名图标，对齐 Semi IconSmallTriangleDown（convertIcon(small_triangle_down, 'small_triangle_down')）。 -->
+<script lang="ts">
+  import Icon, { type IconSize } from './Icon.svelte';
+  import { smallTriangleDownSvg } 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={smallTriangleDownSvg} type="small_triangle_down" {...rest} />

package/src/IconSmallTriangleLeft.svelte

@@ -0,0 +1,18 @@
+<!-- IconSmallTriangleLeft — 具名图标，对齐 Semi IconSmallTriangleLeft（convertIcon(small_triangle_left, 'small_triangle_left')）。 -->
+<script lang="ts">
+  import Icon, { type IconSize } from './Icon.svelte';
+  import { smallTriangleLeftSvg } 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={smallTriangleLeftSvg} type="small_triangle_left" {...rest} />

package/src/IconSmallTriangleRight.svelte

@@ -0,0 +1,18 @@
+<!-- IconSmallTriangleRight — 具名图标，对齐 Semi IconSmallTriangleRight（convertIcon(small_triangle_right, 'small_triangle_right')）。 -->
+<script lang="ts">
+  import Icon, { type IconSize } from './Icon.svelte';
+  import { smallTriangleRightSvg } 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={smallTriangleRightSvg} type="small_triangle_right" {...rest} />

package/src/IconSmallTriangleTop.svelte

@@ -0,0 +1,18 @@
+<!-- IconSmallTriangleTop — 具名图标，对齐 Semi IconSmallTriangleTop（convertIcon(small_triangle_top, 'small_triangle_top')）。 -->
+<script lang="ts">
+  import Icon, { type IconSize } from './Icon.svelte';
+  import { smallTriangleTopSvg } 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={smallTriangleTopSvg} type="small_triangle_top" {...rest} />

package/src/IconSmartphoneCheckStroked.svelte

@@ -0,0 +1,18 @@
+<!-- IconSmartphoneCheckStroked — 具名图标，对齐 Semi IconSmartphoneCheckStroked（convertIcon(smartphone_check_stroked, 'smartphone_check_stroked')）。 -->
+<script lang="ts">
+  import Icon, { type IconSize } from './Icon.svelte';
+  import { smartphoneCheckStrokedSvg } 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={smartphoneCheckStrokedSvg} type="smartphone_check_stroked" {...rest} />

package/src/IconSmartphoneStroked.svelte

@@ -0,0 +1,18 @@
+<!-- IconSmartphoneStroked — 具名图标，对齐 Semi IconSmartphoneStroked（convertIcon(smartphone_stroked, 'smartphone_stroked')）。 -->
+<script lang="ts">
+  import Icon, { type IconSize } from './Icon.svelte';
+  import { smartphoneStrokedSvg } 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={smartphoneStrokedSvg} type="smartphone_stroked" {...rest} />

package/src/IconSong.svelte

@@ -0,0 +1,18 @@
+<!-- IconSong — 具名图标，对齐 Semi IconSong（convertIcon(song, 'song')）。 -->
+<script lang="ts">
+  import Icon, { type IconSize } from './Icon.svelte';
+  import { songSvg } 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={songSvg} type="song" {...rest} />

package/src/IconSonicStroked.svelte

@@ -0,0 +1,18 @@
+<!-- IconSonicStroked — 具名图标，对齐 Semi IconSonicStroked（convertIcon(sonic_stroked, 'sonic_stroked')）。 -->
+<script lang="ts">
+  import Icon, { type IconSize } from './Icon.svelte';
+  import { sonicStrokedSvg } 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={sonicStrokedSvg} type="sonic_stroked" {...rest} />

package/src/IconSort.svelte

@@ -0,0 +1,18 @@
+<!-- IconSort — 具名图标，对齐 Semi IconSort（convertIcon(sort, 'sort')）。 -->
+<script lang="ts">
+  import Icon, { type IconSize } from './Icon.svelte';
+  import { sortSvg } 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={sortSvg} type="sort" {...rest} />

package/src/IconSortStroked.svelte

@@ -0,0 +1,18 @@
+<!-- IconSortStroked — 具名图标，对齐 Semi IconSortStroked（convertIcon(sort_stroked, 'sort_stroked')）。 -->
+<script lang="ts">
+  import Icon, { type IconSize } from './Icon.svelte';
+  import { sortStrokedSvg } 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={sortStrokedSvg} type="sort_stroked" {...rest} />

package/src/IconSourceControl.svelte

@@ -0,0 +1,18 @@
+<!-- IconSourceControl — 具名图标，对齐 Semi IconSourceControl（convertIcon(source_control, 'source_control')）。 -->
+<script lang="ts">
+  import Icon, { type IconSize } from './Icon.svelte';
+  import { sourceControlSvg } 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={sourceControlSvg} type="source_control" {...rest} />

package/src/IconSpin.svelte

@@ -0,0 +1,18 @@
+<!-- IconSpin — 具名图标，对齐 Semi IconSpin（convertIcon(spin, 'spin')）。 -->
+<script lang="ts">
+  import Icon, { type IconSize } from './Icon.svelte';
+  import { spinSvg } 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={spinSvg} type="spin" {...rest} />

package/src/IconStackBarChartStroked.svelte

@@ -0,0 +1,18 @@
+<!-- IconStackBarChartStroked — 具名图标，对齐 Semi IconStackBarChartStroked（convertIcon(stack_bar_chart_stroked, 'stack_bar_chart_stroked')）。 -->
+<script lang="ts">
+  import Icon, { type IconSize } from './Icon.svelte';
+  import { stackBarChartStrokedSvg } 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={stackBarChartStrokedSvg} type="stack_bar_chart_stroked" {...rest} />

package/src/IconStar.svelte

@@ -0,0 +1,18 @@
+<!-- IconStar — 具名图标，对齐 Semi IconStar（convertIcon(star, 'star')）。 -->
+<script lang="ts">
+  import Icon, { type IconSize } from './Icon.svelte';
+  import { starSvg } 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={starSvg} type="star" {...rest} />

package/src/IconStarStroked.svelte

@@ -0,0 +1,18 @@
+<!-- IconStarStroked — 具名图标，对齐 Semi IconStarStroked（convertIcon(star_stroked, 'star_stroked')）。 -->
+<script lang="ts">
+  import Icon, { type IconSize } from './Icon.svelte';
+  import { starStrokedSvg } 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={starStrokedSvg} type="star_stroked" {...rest} />

package/src/IconStop.svelte

@@ -0,0 +1,18 @@
+<!-- IconStop — 具名图标，对齐 Semi IconStop（convertIcon(stop, 'stop')）。 -->
+<script lang="ts">
+  import Icon, { type IconSize } from './Icon.svelte';
+  import { stopSvg } 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={stopSvg} type="stop" {...rest} />

package/src/IconStopwatchStroked.svelte

@@ -0,0 +1,18 @@
+<!-- IconStopwatchStroked — 具名图标，对齐 Semi IconStopwatchStroked（convertIcon(stopwatch_stroked, 'stopwatch_stroked')）。 -->
+<script lang="ts">
+  import Icon, { type IconSize } from './Icon.svelte';
+  import { stopwatchStrokedSvg } 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={stopwatchStrokedSvg} type="stopwatch_stroked" {...rest} />

package/src/IconStoryStroked.svelte

@@ -0,0 +1,18 @@
+<!-- IconStoryStroked — 具名图标，对齐 Semi IconStoryStroked（convertIcon(story_stroked, 'story_stroked')）。 -->
+<script lang="ts">
+  import Icon, { type IconSize } from './Icon.svelte';
+  import { storyStrokedSvg } 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={storyStrokedSvg} type="story_stroked" {...rest} />

package/src/IconStrikeThrough.svelte

@@ -0,0 +1,18 @@
+<!-- IconStrikeThrough — 具名图标，对齐 Semi IconStrikeThrough（convertIcon(strike_through, 'strike_through')）。 -->
+<script lang="ts">
+  import Icon, { type IconSize } from './Icon.svelte';
+  import { strikeThroughSvg } 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={strikeThroughSvg} type="strike_through" {...rest} />

package/src/IconSun.svelte

@@ -0,0 +1,18 @@
+<!-- IconSun — 具名图标，对齐 Semi IconSun（convertIcon(sun, 'sun')）。 -->
+<script lang="ts">
+  import Icon, { type IconSize } from './Icon.svelte';
+  import { sunSvg } 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={sunSvg} type="sun" {...rest} />

package/src/IconSunStroked.svelte

@@ -0,0 +1,18 @@
+<!-- IconSunStroked — 具名图标，对齐 Semi IconSunStroked（convertIcon(sun_stroked, 'sun_stroked')）。 -->
+<script lang="ts">
+  import Icon, { type IconSize } from './Icon.svelte';
+  import { sunStrokedSvg } 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={sunStrokedSvg} type="sun_stroked" {...rest} />

package/src/IconSync.svelte

@@ -0,0 +1,18 @@
+<!-- IconSync — 具名图标，对齐 Semi IconSync（convertIcon(sync, 'sync')）。 -->
+<script lang="ts">
+  import Icon, { type IconSize } from './Icon.svelte';
+  import { syncSvg } 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={syncSvg} type="sync" {...rest} />

package/src/IconTabArrowStroked.svelte

@@ -0,0 +1,18 @@
+<!-- IconTabArrowStroked — 具名图标，对齐 Semi IconTabArrowStroked（convertIcon(tab_arrow_stroked, 'tab_arrow_stroked')）。 -->
+<script lang="ts">
+  import Icon, { type IconSize } from './Icon.svelte';
+  import { tabArrowStrokedSvg } 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={tabArrowStrokedSvg} type="tab_arrow_stroked" {...rest} />

package/src/IconTabsStroked.svelte

@@ -0,0 +1,18 @@
+<!-- IconTabsStroked — 具名图标，对齐 Semi IconTabsStroked（convertIcon(tabs_stroked, 'tabs_stroked')）。 -->
+<script lang="ts">
+  import Icon, { type IconSize } from './Icon.svelte';
+  import { tabsStrokedSvg } 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={tabsStrokedSvg} type="tabs_stroked" {...rest} />

package/src/IconTaskMoneyStroked.svelte

@@ -0,0 +1,18 @@
+<!-- IconTaskMoneyStroked — 具名图标，对齐 Semi IconTaskMoneyStroked（convertIcon(task_money_stroked, 'task_money_stroked')）。 -->
+<script lang="ts">
+  import Icon, { type IconSize } from './Icon.svelte';
+  import { taskMoneyStrokedSvg } 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={taskMoneyStrokedSvg} type="task_money_stroked" {...rest} />

package/src/IconTemplate.svelte

@@ -0,0 +1,18 @@
+<!-- IconTemplate — 具名图标，对齐 Semi IconTemplate（convertIcon(template, 'template')）。 -->
+<script lang="ts">
+  import Icon, { type IconSize } from './Icon.svelte';
+  import { templateSvg } 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={templateSvg} type="template" {...rest} />

package/src/IconTemplateStroked.svelte

@@ -0,0 +1,18 @@
+<!-- IconTemplateStroked — 具名图标，对齐 Semi IconTemplateStroked（convertIcon(template_stroked, 'template_stroked')）。 -->
+<script lang="ts">
+  import Icon, { type IconSize } from './Icon.svelte';
+  import { templateStrokedSvg } 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={templateStrokedSvg} type="template_stroked" {...rest} />

package/src/IconTerminal.svelte

@@ -0,0 +1,18 @@
+<!-- IconTerminal — 具名图标，对齐 Semi IconTerminal（convertIcon(terminal, 'terminal')）。 -->
+<script lang="ts">
+  import Icon, { type IconSize } from './Icon.svelte';
+  import { terminalSvg } 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={terminalSvg} type="terminal" {...rest} />