Version 1.0.4: Fixed the class attribute issue by extending the native SVG attributes.
Note : This package has been created to provide Redix Icons for svelte because Redix Icons support only React.
See Redix icons page to learn more and discover page Radix Icons.
NPM Page NPM
Github Project Page Github
Report issues Issues
Share your insights about this Discussions
bun add @theprimebuilder/radix-icons-for-svelte
# or npm i @theprimebuilder/radix-icons-for-svelte
Sample use case example
<script>
import { ArrowBottomLeft } from '@theprimebuilder/radix-icons-for-svelte';
</script>
<ArrowBottomLeft size={24} color="pink" />
This package supports all standard SVG attributes (class, style, aria-label, etc.) via Svelte rest props, along with the following custom properties:
| Prop | Type | Default | Description |
|---|---|---|---|
size |
number |
15 |
Icon size in pixels (applies to both height and width). |
color |
string |
'currentColor' |
Icon color. Accepts any valid CSS color value (hex, rgb, currentColor, variables). |
This package is an independent tool that optimizes and builds Radix Icons for Svelte 5.