Rayna UI Icons

@emekauja/raynaui-icons is a TypeScript icon library for React, React Native, and Vue, built from the Rayna UI icon set.

Install

pnpm add @emekauja/raynaui-icons

Framework peer dependencies:

• React: react
• React Native: react-native, react-native-svg
• Vue: vue

Usage

React

import { Search } from "@emekauja/raynaui-icons/react";

export function Demo() {
  return <Search size={24} color="#ff6b35" variant="bold" />;
}

React Native

import { Search } from "@emekauja/raynaui-icons/react-native";

export function Demo() {
  return <Search size={24} color="#ff6b35" variant="linear" />;
}

Vue

<script setup lang="ts">
import { Search } from "@emekauja/raynaui-icons/vue";
</script>

<template>
  <Search :size="24" color="#ff6b35" variant="bold" />
</template>

Icon Props

All framework adapters expose the same core API:

• variant: "linear" | "bold" and defaults to "linear"
• size: number or string, defaults to 24
• color: icon color, defaults to currentColor
• mirrored: flips the icon horizontally

Platform-specific SVG props are also passed through.

Package Entry Points

• @emekauja/raynaui-icons/react
• @emekauja/raynaui-icons/react-native
• @emekauja/raynaui-icons/vue

Development

corepack pnpm install
corepack pnpm build
corepack pnpm test
corepack pnpm lint

If your shell does not load Node automatically, initialize nvm first:

source ~/.nvm/nvm.sh
nvm use 20.19.5

License

MIT