Search Results
Font Awesome Weight Scale Icon (Mass Measurement, Weight Indicator, Weight Scale)
Fontawesome Version 6.X
weight scale
Web
<i class='fa-solid fa-weight-scale'></i> React
<FontAwesomeIcon icon="fa-solid fa-weight-scale" /> Vue
<font-awesome-icon icon="fa-solid fa-weight-scale" /> weight scale
Web
<i class='fa-solid fa-weight-scale' style='color: white'></i> React
<FontAwesomeIcon icon="fa-solid fa-weight-scale" style={{color: 'white'}} /> Vue
<font-awesome-icon icon="fa-solid fa-weight-scale" :style="{color: 'white'}" /> weight scale
Web
<i class='fa-solid fa-weight-scale' style='color: red'></i> React
<FontAwesomeIcon icon="fa-solid fa-weight-scale" style={{color: 'red'}} /> Vue
<font-awesome-icon icon="fa-solid fa-weight-scale" :style="{color: 'red'}" /> weight scale
Web
<i class='fa-solid fa-weight-scale' style='color: blue'></i> React
<FontAwesomeIcon icon="fa-solid fa-weight-scale" style={{color: 'blue'}} /> Vue
<font-awesome-icon icon="fa-solid fa-weight-scale" :style="{color: 'blue'}" /> weight scale
Web
<i class='fa-solid fa-weight-scale' style='color: #f3da35'></i> React
<FontAwesomeIcon icon="fa-solid fa-weight-scale" style={{color: '#f3da35'}} /> Vue
<font-awesome-icon icon="fa-solid fa-weight-scale" :style="{color: '#f3da35'}" /> How to add Font Awesome weight scale Icon ?
Font Awesome Icon fa solid fa weight scale 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 weight scale
<!DOCTYPE html>
<html>
<head>
<title>Page Title</title>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.1/css/all.min.css" crossorigin="anonymous" referrerpolicy="no-referrer" />
</head>
<body>
<i class='fa-solid fa-weight-scale'></i>
</body>
</html> Tags
,Weight Measurement,Weighing Scale,Mass Measurement, Weight Indicator
Change Font Awesome Icon Weight scale 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-solid fa-weight-scale blue-color'></i>
<i class='fa-solid fa-weight-scale green-color'></i>
<i class='fa-solid fa-weight-scale teal-color'></i>
<i class='fa-solid fa-weight-scale yellow-color'></i>
<i class='fa-solid fa-weight-scale red-color'></i>
Output of the above example will be as below-
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.1/css/all.min.css" crossorigin="anonymous" referrerpolicy="no-referrer" />
Weight Scale Icon Font Awesome - FAQs
⭐What is the Font Awesome Weight Scale Icon code?Icon Code is - fa-solid fa-weight-scale.
⭐ What does the fa-solid fa-weight-scale Icon mean?fa-solid fa-weight-scale is the Icon code of Font Awesome Weight Scale.
⭐ Can we add fa-solid fa-weight-scale Icon in different sizes?Yes, you can Icon of fa-solid fa-weight-scale in various pixels.
⭐ How to add a Blue color Font Awesome Weight Scale Icon?Add the blue color Weight Scale icon of the font awesome by using code: fa-solid fa-weight-scale style='color: blue;'.
⭐ How to make white color icon of a Font Awesome Weight Scale?To change the Weight Scale icon to white color use code: fa-solid fa-weight-scale style='color: white;'.
Advertisements
Advertisements