Search Results
Font Awesome Sign Out (Logout, Go Out, Exit)
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>
Output of the above example will be as below-
<link rel='stylesheet' href='https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css'>
Sign Out Icon Font Awesome - FAQs
⭐What is the Font Awesome Sign Out Icon code?Icon Code is - fa fa-sign-out.
⭐ What does the fa fa-sign-out Icon mean?fa fa-sign-out is the Icon code of Font Awesome Sign Out.
⭐ Can we add fa fa-sign-out Icon in different sizes?Yes, you can Icon of fa fa-sign-out in various pixels.
⭐ How to add a Blue color Font Awesome Sign Out Icon?Add the blue color Sign Out icon of the font awesome by using code: fa fa-sign-out style='color: blue;'.
⭐ How to make white color icon of a Font Awesome Sign Out?To change the Sign Out icon to white color use code: fa fa-sign-out style='color: white;'.
Advertisements
Advertisements