Searching....
Search Results
Font Awesome Rupee Icon (Currency, Money)
The Font Awesome Rupee icon is used to indicate currency and money. Access by the class fa fa-rupee, this icon serves as of the Indian Rupee.You can also Edit or Customize this icon color or font Size.
Fontawesome Version 4.X
rupee
<i class='fa fa-rupee'></i> rupee
<i class='fa fa-rupee' style='color: white'></i> rupee
<i class='fa fa-rupee' style='color: red'></i> rupee
<i class='fa fa-rupee' style='color: blue'></i> rupee
<i class='fa fa-rupee' style='color: #f3da35'></i> How to add Font Awesome rupee Icon ?
Font Awesome Icon fa fa rupee Icon can be added to any web page simply as below. You can integrate Icon in web pages by just adding following below syntax & icon code.
HTML Code
Get complete html code for icon rupee
<!DOCTYPE html>
<html>
<head>
<title>Page Title</title>
<link rel='stylesheet' href='https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css'>
</head>
<body>
<i class='fa fa-rupee'></i>
</body>
</html> Tags
currency,money,finance,commerce,rupee
Change Font Awesome Icon Rupee Color
Sometimes we need icons in different color, as we suggested by adding css style we can change color. Here we have created one example to change color of icons with css classes.
<style>
.blue-color {
color:blue;
}
.green-color {
color:green;
}
.teal-color {
color:teal;
}
.yellow-color {
color:yellow;
}
.red-color {
color:red;
}
</style>
<i class='fa fa-rupee blue-color'></i>
<i class='fa fa-rupee green-color'></i>
<i class='fa fa-rupee teal-color'></i>
<i class='fa fa-rupee yellow-color'></i>
<i class='fa fa-rupee red-color'></i>
Note- Make Sure You have included the below Font Awesome file in header-
<link rel='stylesheet' href='https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css'>
Advertisements
Advertisements