radix-icons-for-svelte Svelte Themes

Radix Icons For Svelte

Radix icons librairy for Svelte

Redix icons for svelte

Update

Version 1.0.4: Fixed the class attribute issue by extending the native SVG attributes.

Information

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

Installation

bun add @theprimebuilder/radix-icons-for-svelte
# or npm i @theprimebuilder/radix-icons-for-svelte

Usage

Sample use case example

<script>
    import { ArrowBottomLeft } from '@theprimebuilder/radix-icons-for-svelte';
</script>

<ArrowBottomLeft size={24} color="pink" />

Props

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).

License

This package is an independent tool that optimizes and builds Radix Icons for Svelte 5.

Top categories

Loading Svelte Themes