@chenzy-design/icons 0.2.1 → 0.4.0

package/src/IconFolder.svelte

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

package/src/IconFolderOpen.svelte

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

package/src/IconFolderOpenStroked.svelte

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

package/src/IconFolderStroked.svelte

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

package/src/IconFollowStroked.svelte

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

package/src/IconFont.svelte

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

package/src/IconFontColor.svelte

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

package/src/IconForward.svelte

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

package/src/IconForwardStroked.svelte

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

package/src/IconFullScreenStroked.svelte

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

package/src/IconGallery.svelte

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

package/src/IconGift.svelte

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

package/src/IconGiftStroked.svelte

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

package/src/IconGit.svelte

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

package/src/IconGithubLogo.svelte

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

package/src/IconGitlabLogo.svelte

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

package/src/IconGlobe.svelte

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

package/src/IconGlobeStroke.svelte

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

package/src/IconGlobeStrokeStroked.svelte

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

package/src/IconGlobeStroked.svelte

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

package/src/IconGridRectangle.svelte

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

package/src/IconGridSquare.svelte

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

package/src/IconGridStroked.svelte

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

package/src/IconGridView.svelte

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

package/src/IconGridView1.svelte

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

package/src/IconH1.svelte

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

package/src/IconH2.svelte

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

package/src/IconH3.svelte

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

package/src/IconH4.svelte

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

package/src/IconH5.svelte

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

package/src/IconH6.svelte

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

package/src/IconH7.svelte

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

package/src/IconH8.svelte

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

package/src/IconH9.svelte

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