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>
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