Searching....
Search Results
Font Awesome Money Bill Icon (Currency, Cash Banking)
The Font Awesome Money Bill icon is used to indicaate currency, finance, and banking.This icon is available in 2 versions: fas fa-money-bill for 5 version and fa-solid fa-money-bill for 6 version. It’s used to represent concepts like payment, income, or wealth.
Fontawesome Version 5.X
money bill
<i class='fas fa-money-bill'></i> money bill
<i class='fas fa-money-bill' style='color: white'></i> money bill
<i class='fas fa-money-bill' style='color: red'></i> money bill
<i class='fas fa-money-bill' style='color: blue'></i> money bill
<i class='fas fa-money-bill' style='color: #f3da35'></i> Fontawesome Version 6.X
money bill
Web
<i class='fa-solid fa-money-bill'></i> React
<FontAwesomeIcon icon="fa-solid fa-money-bill" /> Vue
<font-awesome-icon icon="fa-solid fa-money-bill" /> money bill
Web
<i class='fa-solid fa-money-bill' style='color: white'></i> React
<FontAwesomeIcon icon="fa-solid fa-money-bill" style={{color: 'white'}} /> Vue
<font-awesome-icon icon="fa-solid fa-money-bill" :style="{color: 'white'}" /> money bill
Web
<i class='fa-solid fa-money-bill' style='color: red'></i> React
<FontAwesomeIcon icon="fa-solid fa-money-bill" style={{color: 'red'}} /> Vue
<font-awesome-icon icon="fa-solid fa-money-bill" :style="{color: 'red'}" /> money bill
Web
<i class='fa-solid fa-money-bill' style='color: blue'></i> React
<FontAwesomeIcon icon="fa-solid fa-money-bill" style={{color: 'blue'}} /> Vue
<font-awesome-icon icon="fa-solid fa-money-bill" :style="{color: 'blue'}" /> money bill
Web
<i class='fa-solid fa-money-bill' style='color: #f3da35'></i> React
<FontAwesomeIcon icon="fa-solid fa-money-bill" style={{color: '#f3da35'}} /> Vue
<font-awesome-icon icon="fa-solid fa-money-bill" :style="{color: '#f3da35'}" /> How to add Font Awesome money bill Icon ?
Font Awesome Icon fas fa money bill 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 money bill
<!DOCTYPE html>
<html>
<head>
<title>Page Title</title>
<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.5.0/css/all.css" integrity="sha384-B4dIYHKNBt8Bc12p+WXckhzcICo0wtJAoU8YZTY5qE0Id1GSseTk6S+L3BlXeVIU" crossorigin="anonymous">
</head>
<body>
<i class='fas fa-money-bill'></i>
</body>
</html> Tags
currency,cash,banking,finance
Change Font Awesome Icon Money bill 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='fas fa-money-bill blue-color'></i>
<i class='fas fa-money-bill green-color'></i>
<i class='fas fa-money-bill teal-color'></i>
<i class='fas fa-money-bill yellow-color'></i>
<i class='fas fa-money-bill red-color'></i>
Note- Make Sure You have included the below Font Awesome file in header-
<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.5.0/css/all.css" integrity="sha384-B4dIYHKNBt8Bc12p+WXckhzcICo0wtJAoU8YZTY5qE0Id1GSseTk6S+L3BlXeVIU" crossorigin="anonymous">
Advertisements
Advertisements