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/reactImport & 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 →