Icons
Riyal Icon
The Saudi Riyal currency SVG icon component
Loading...
pnpm dlx @sikka/naseem add riyal-iconnpx @sikka/naseem add riyal-iconyarn dlx @sikka/naseem add riyal-iconbunx --bun @sikka/naseem add riyal-iconUsage
import { RiyalIcon } from "@/components/naseem-ui/icons/riyal"
export default function Example() {
return (
<RiyalIcon className="h-12 w-12" />
)
}You can also import directly:
import { RiyalIcon } from "@/components/naseem-ui/icons/riyal"Examples
Icon Sizes
<div className="flex items-center gap-4">
<RiyalIcon className="h-4 w-4" /> {/* Small */}
<RiyalIcon className="h-6 w-6" /> {/* Default */}
<RiyalIcon className="h-8 w-8" /> {/* Medium */}
<RiyalIcon className="h-12 w-12" /> {/* Large */}
<RiyalIcon className="h-16 w-16" /> {/* Extra Large */}
</div>Props
| Prop | Type | Description |
|---|---|---|
className | string | CSS classes for styling (size, color, etc.) |
File Structure
components/naseem-ui/icons/
├── riyal.tsx # Saudi Riyal icon component