John KuehJohn Kueh

currency rupee icon

Heroicons · currency-rupee · MIT

Download SVG

The Heroicons currency rupee icon depicts the Indian Rupee symbol and is commonly used to represent monetary values, pricing, or financial transactions related to India.

Common uses

  • Displaying prices in Indian Rupees
  • Indicating currency conversion to INR
  • Labeling financial fields for Indian currency

Use it in React

Install
npm i @heroicons/react
Import & render
import { CurrencyRupeeIcon } from '@heroicons/react/24/outline';

<CurrencyRupeeIcon className="size-6" />

Styles

Heroicons ships this icon in 4 styles — each its own import:

24/outline
<CurrencyRupeeIcon className="size-6" />
24/solid
<CurrencyRupeeIcon className="size-6" />
20/solid
<CurrencyRupeeIcon className="size-6" />
16/solid
<CurrencyRupeeIcon className="size-6" />

Details

Library
Heroicons (324 icons)
License
MIT
viewBox
0 0 24 24
Keywords
currencyrupeeindian rupeeinr symbolcurrency symbolmoney

FAQ

What is this icon for?
This icon represents the Indian Rupee symbol. It's used in interfaces to denote Indian currency for prices, payments, or financial information.
How do I use this icon in React?
You can import and use the icon in React with the following statement: import { CurrencyRupeeIcon } from '@heroicons/react/24/outline'. Then, you can render it like any other React component.
What is the license for this icon?
The Heroicons library, including the currency rupee icon, is available under the MIT license.

Related icons

The same idea in other libraries, and near matches in Heroicons.

Looking for something else? Search Heroicons and 4 more libraries by description →

The search behind these pages runs as a Claude Code skill. What skills are and how I ship them →