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>
Output of the above example will be as below- 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">
Money Bill Icon Font Awesome - FAQs
⭐What is the Font Awesome Money Bill Icon code?Icon Code is - fas fa-money-bill.
⭐ What does the fas fa-money-bill Icon mean?fas fa-money-bill is the Icon code of Font Awesome Money Bill.
⭐ Can we add fas fa-money-bill Icon in different sizes?Yes, you can Icon of fas fa-money-bill in various pixels.
⭐ How to add a Blue color Font Awesome Money Bill Icon?Add the blue color Money Bill icon of the font awesome by using code: fas fa-money-bill style='color: blue;'.
⭐ How to make white color icon of a Font Awesome Money Bill?To change the Money Bill icon to white color use code: fas fa-money-bill style='color: white;'.
Advertisements
Advertisements