feat: complete Svelte icon library with auto-generation and watch script

[Joseph4sure]

Kivex Svelte

Official Svelte package for Kivex Icons — a fast, lightweight, tree-shakeable SVG icon library with full TypeScript support.

Installation

Using npm:

npm install kivex-svelte

Using yarn:

yarn add kivex-svelte

Using pnpm:

pnpm add kivex-svelte

Using bun:

bun add kivex-svelte

---

Usage

Import the icons you need:

<script lang="ts">
  import { Users, Heart, Home } from 'kivex-svelte';
</script>

<Users size={32} color="#3b82f6" />
<Heart size={28} color="red" />
<Home size={40} />

---

Props

Every icon accepts the following props:

Prop	Type	Default	Description
size	number | string	24	Sets the icon width and height
color	string	currentColor	Sets the stroke color
strokeWidth	number	2	Sets the SVG stroke width
class	string	—	Adds CSS classes
style	string	—	Applies inline styles
...rest	Any	—	Passes additional SVG attributes

---

Examples

Change Size

<Users size={48} />

Change Color

<Users color="#10b981" />

Change Stroke Width

<Users strokeWidth={1.5} />

Add CSS Class

<Users class="icon-primary" />

---

Tree Shaking

Kivex Svelte supports tree shaking, so only the icons you import are included in your final bundle.

<script lang="ts">
  import { Search } from 'kivex-svelte';
</script>

<Search />

---

License

MIT © Kivex

[MotionMind2007]

Hi @Joseph4sure, I have manually merged and integrated your kivex-svelte package into the main branch to keep our release workflow clean. The tests passed flawlessly! Thank you so much for this amazing contribution—your name has been officially credited. I'm closing this PR now since the files are already in main.

[Joseph4sure]

Thank you so much. I’m glad to contribute to this project.

…

On Tue, Jul 14, 2026 at 5:31 AM MD. SAIFUL ALOM SIAM < ***@***.***> wrote: *MotionMind2007* left a comment (MotionMind2007/Kivex#3) <#3 (comment)> Hi @Joseph4sure <https://github.com/Joseph4sure>, I have manually merged and integrated your kivex-svelte package into the main branch to keep our release workflow clean. The tests passed flawlessly! Thank you so much for this amazing contribution—your name has been officially credited. I'm closing this PR now since the files are already in main. — Reply to this email directly, view it on GitHub <#3?email_source=notifications&email_token=ANLPYMUMOLNCUJ5JWOW4D7L5EWZSPA5CNFSNUABFM5UWIORPF5TWS5BNNB2WEL2JONZXKZKDN5WW2ZLOOQXTIOJWGU2DCMJQGMY2M4TFMFZW63VHNVSW45DJN5XKKZLWMVXHJLDGN5XXIZLSL5RWY2LDNM#issuecomment-4965411031>, or unsubscribe <https://github.com/notifications/unsubscribe-auth/ANLPYMWAYRCK6X2BUVRXFQT5EWZSPAVCNFSNUABGKJSXA33TNF2G64TZHMYTENBWGEZTEMBYGM5US43TOVSTWNBYG42DKMJTGA3DLILWAI> . Triage notifications, keep track of coding agent tasks and review pull requests on the go with GitHub Mobile for iOS <https://github.com/notifications/mobile/ios/ANLPYMX6Y3B7PYM5BGQ6PR35EWZSPA5CNFSNUABFM5UWIORPF5TWS5BNNB2WEL2JONZXKZKDN5WW2ZLOOQXTIOJWGU2DCMJQGMY2M4TFMFZW63VHNVSW45DJN5XKKZLWMVXHJKTGN5XXIZLSL5UW64Y> and Android <https://github.com/notifications/mobile/android/ANLPYMTAN5ATLYUMRFIBWV35EWZSPA5CNFSNUABFM5UWIORPF5TWS5BNNB2WEL2JONZXKZKDN5WW2ZLOOQXTIOJWGU2DCMJQGMY2M4TFMFZW63VHNVSW45DJN5XKKZLWMVXHJLTGN5XXIZLSL5QW4ZDSN5UWI>. Download it today! You are receiving this because you were mentioned.Message ID: ***@***.***>