Vela UI Docs
venizia.ai

currency-coin-rupee

CurrencyCoinRupee, one of the 856 Vela UI icons, in the General group: a 24px grid drawn in currentColor, so it takes the colour of the text around it. It installs on its own as @velaui/icon-currency-coin-rupee.

  • 16px
  • 20px
  • 24px
  • 32px

Installation

pnpm dlx velaui add @velaui/icon-currency-coin-rupee

Usage

// components/icons/currency-coin-rupee.tsx
import CurrencyCoinRupee from "@/components/icons/currency-coin-rupee"

<CurrencyCoinRupee className="size-5 text-muted" />

In use

  • In a button

  • In a sentence

    Due Friday, or whenever the venue confirms.

  • In an input

  • As a badge

    Scheduled

  • In an empty state

    No events on this day yet.

    Browse blocks

Source

import * as React from "react";

export interface CurrencyCoinRupeeProps extends React.SVGProps<SVGSVGElement> {
  size?: number | string;
}

/** Custom vela-ui icon, synced from Figma (node under section "Icons"). */
export function CurrencyCoinRupee({ size = 24, strokeWidth = 1, className, ref, ...props }: CurrencyCoinRupeeProps) {
  return (
    <svg
      ref={ref}
      width={size}
      height={size}
      viewBox="0 0 24 24"
      fill="none"
      strokeWidth={strokeWidth}
      className={className}
      {...props}
    >
      <path d="M15.6 7.7999H8.40002H10.3637C11.058 7.7999 11.724 8.08888 12.215 8.60327C12.706 9.11765 12.9818 9.81531 12.9818 10.5428C12.9818 11.2702 12.706 11.9679 12.215 12.4823C11.724 12.9966 11.058 13.2856 10.3637 13.2856H8.40002L12.3273 17.3999M8.40002 10.5428H15.6M21.6 11.9999C21.6 17.3018 17.302 21.5999 12 21.5999C6.69809 21.5999 2.40002 17.3018 2.40002 11.9999C2.40002 6.69797 6.69809 2.3999 12 2.3999C17.302 2.3999 21.6 6.69797 21.6 11.9999Z" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round"/>
    </svg>
  );
}
CurrencyCoinRupee.displayName = "CurrencyCoinRupee";

export default CurrencyCoinRupee;