Searching....
Search Results
Font Awesome Window Minimize Icon (Reduce, Taskbar)
The Font Awesome Window Minimize Icon is used Indicate Reduce, Taskbar, Lower. This icon has 3 version : fa fa-window-minimize for version 4, fas fa-window-minimize for version 5 and fa-solid fa-window-minimize for version 6. It used represents window and places it on the taskbar while the program is running.
Fontawesome Version 4.X
window minimize
<i class='fa fa-window-minimize'></i> window minimize
<i class='fa fa-window-minimize' style='color: white'></i> window minimize
<i class='fa fa-window-minimize' style='color: red'></i> window minimize
<i class='fa fa-window-minimize' style='color: blue'></i> window minimize
<i class='fa fa-window-minimize' style='color: #f3da35'></i> Fontawesome Version 5.X
window minimize
<i class='fas fa-window-minimize'></i> window minimize
<i class='fas fa-window-minimize' style='color: white'></i> window minimize
<i class='fas fa-window-minimize' style='color: red'></i> window minimize
<i class='fas fa-window-minimize' style='color: blue'></i> window minimize
<i class='fas fa-window-minimize' style='color: #f3da35'></i> Fontawesome Version 6.X
window minimize
Web
<i class='fa-solid fa-window-minimize'></i> React
<FontAwesomeIcon icon="fa-solid fa-window-minimize" /> Vue
<font-awesome-icon icon="fa-solid fa-window-minimize" /> window minimize
Web
<i class='fa-solid fa-window-minimize' style='color: white'></i> React
<FontAwesomeIcon icon="fa-solid fa-window-minimize" style={{color: 'white'}} /> Vue
<font-awesome-icon icon="fa-solid fa-window-minimize" :style="{color: 'white'}" /> window minimize
Web
<i class='fa-solid fa-window-minimize' style='color: red'></i> React
<FontAwesomeIcon icon="fa-solid fa-window-minimize" style={{color: 'red'}} /> Vue
<font-awesome-icon icon="fa-solid fa-window-minimize" :style="{color: 'red'}" /> window minimize
Web
<i class='fa-solid fa-window-minimize' style='color: blue'></i> React
<FontAwesomeIcon icon="fa-solid fa-window-minimize" style={{color: 'blue'}} /> Vue
<font-awesome-icon icon="fa-solid fa-window-minimize" :style="{color: 'blue'}" /> window minimize
Web
<i class='fa-solid fa-window-minimize' style='color: #f3da35'></i> React
<FontAwesomeIcon icon="fa-solid fa-window-minimize" style={{color: '#f3da35'}} /> Vue
<font-awesome-icon icon="fa-solid fa-window-minimize" :style="{color: '#f3da35'}" /> FA Regular window minimize Version 6.X
px Enter Size
Color Code
How to add Font Awesome window minimize Icon ?
Font Awesome Icon fa fa window minimize 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 window minimize
<!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-window-minimize'></i>
</body>
</html> Tags
Reduce,Taskbar,Desktop,Lower
Change Font Awesome Icon Window minimize 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-window-minimize blue-color'></i>
<i class='fa fa-window-minimize green-color'></i>
<i class='fa fa-window-minimize teal-color'></i>
<i class='fa fa-window-minimize yellow-color'></i>
<i class='fa fa-window-minimize 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://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css'>
Window Minimize Icon Font Awesome - FAQs
⭐What is the Font Awesome Window Minimize Icon code?Icon Code is - fa fa-window-minimize.
⭐ What does the fa fa-window-minimize Icon mean?fa fa-window-minimize is the Icon code of Font Awesome Window Minimize.
⭐ Can we add fa fa-window-minimize Icon in different sizes?Yes, you can Icon of fa fa-window-minimize in various pixels.
⭐ How to add a Blue color Font Awesome Window Minimize Icon?Add the blue color Window Minimize icon of the font awesome by using code: fa fa-window-minimize style='color: blue;'.
⭐ How to make white color icon of a Font Awesome Window Minimize?To change the Window Minimize icon to white color use code: fa fa-window-minimize style='color: white;'.
Advertisements
Advertisements