Searching....
Search Results
Font Awesome Sign Out (Logout, Go Out, Exit)
The Font Awesome Sign Out (Logout) icon, which looks like an arrow pointing to the right from a box, indicates that the user can sign out of their account or session. The Font Awesome Sign Out Icon is also known as 'fa-Sign Out.' There are three versions available in Font Awesome: 'fa fa-sign-out' for version 4, 'fas fa-sign-out' for version 5, and 'fa-solid fa-sign-out' for version 6. These Font Awesome Sign Out icons also refer to the logout icon, exit, and box arrow
Fontawesome Version 4.X
sign out
<i class='fa fa-sign-out'></i> sign out
<i class='fa fa-sign-out' style='color: white'></i> sign out
<i class='fa fa-sign-out' style='color: red'></i> sign out
<i class='fa fa-sign-out' style='color: blue'></i> sign out
<i class='fa fa-sign-out' style='color: #f3da35'></i> How to add Font Awesome sign out Icon ?
Font Awesome Icon fa fa sign out 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 sign out
<!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-sign-out'></i>
</body>
</html> Tags
check out ,leave ,depart ,go ,exit ,vacate ,part ,evacuate ,split ,decamp ,scoot ,scram ,clear out ,head out ,clear off ,go away ,move out ,get out ,run along ,take off ,say goodbye ,take leave ,take a hike ,withdraw ,quit ,push off ,fa fa logout,out,go out,logoff
Change Font Awesome Icon Sign out 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-sign-out blue-color'></i>
<i class='fa fa-sign-out green-color'></i>
<i class='fa fa-sign-out teal-color'></i>
<i class='fa fa-sign-out yellow-color'></i>
<i class='fa fa-sign-out 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