Displaying the Indian currency symbol on a website

user_256621 0
Viewed 186799

This symbol for the rupee, the currency of India, was approved by the Union Cabinet on 15 July 2010. How can I display it on a website?

Indian currency symbol

currency symbols html
17 Answers

You can do it with Intl.NumberFormat native API.

const number = 123456.78;

// India uses thousands/lakh/crore separators
console.log(new Intl.NumberFormat('en-IN', {
  style: 'currency',
  currency: 'INR'
}).format(number));

user_69048880

best way copy the ₹ symbol and paste it.

user_98377520

It's possible with simple HTML entity code.

.ex{
color:green;
font-size:20px;
}
Example 1 : <span class="ex">&#x20b9;1200/-</span><br>
Example 2 : <span class="ex">&#8377;3545/-</span><br>
Example 3 : <span class="ex">&#2352;134/-</span> *Is not the exact Rupee symbol

user_20869660

Just In Case. If you are binding amount to a ASP.Net label then you can display rupee sign like below

lblAmount.Text = "&#8377;"+ YourDataTable.Rows[rowindex]["AmountColumnName"];
user_102342960
Related