Searching....
Search Results
Font Awesome Greater Than Icon (More than, Bigger, Larger )
The Font Awesome Greater Than icon, also known as fa fa-greater-than, features an arrow-like shape pointing forward, suggesting progression and surpassing limits. This Greater Than icon is commonly used for comparisons, expansions, indicating more than, larger quantities, and to implement it on your website, use the class name fas fa-greater-than.
Fontawesome Version 5.X
greater than
<i class='fas fa-greater-than'></i> greater than
<i class='fas fa-greater-than' style='color: white'></i> greater than
<i class='fas fa-greater-than' style='color: red'></i> greater than
<i class='fas fa-greater-than' style='color: blue'></i> greater than
<i class='fas fa-greater-than' style='color: #f3da35'></i> Fontawesome Version 6.X
greater than
Web
<i class='fa-solid fa-greater-than'></i> React
<FontAwesomeIcon icon="fa-solid fa-greater-than" /> Vue
<font-awesome-icon icon="fa-solid fa-greater-than" /> greater than
Web
<i class='fa-solid fa-greater-than' style='color: white'></i> React
<FontAwesomeIcon icon="fa-solid fa-greater-than" style={{color: 'white'}} /> Vue
<font-awesome-icon icon="fa-solid fa-greater-than" :style="{color: 'white'}" /> greater than
Web
<i class='fa-solid fa-greater-than' style='color: red'></i> React
<FontAwesomeIcon icon="fa-solid fa-greater-than" style={{color: 'red'}} /> Vue
<font-awesome-icon icon="fa-solid fa-greater-than" :style="{color: 'red'}" /> greater than
Web
<i class='fa-solid fa-greater-than' style='color: blue'></i> React
<FontAwesomeIcon icon="fa-solid fa-greater-than" style={{color: 'blue'}} /> Vue
<font-awesome-icon icon="fa-solid fa-greater-than" :style="{color: 'blue'}" /> greater than
Web
<i class='fa-solid fa-greater-than' style='color: #f3da35'></i> React
<FontAwesomeIcon icon="fa-solid fa-greater-than" style={{color: '#f3da35'}} /> Vue
<font-awesome-icon icon="fa-solid fa-greater-than" :style="{color: '#f3da35'}" /> How to add Font Awesome greater than Icon ?
Font Awesome Icon fas fa greater than 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 greater than
<!DOCTYPE html>
<html>
<head>
<title>Page Title</title>
<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.5.0/css/all.css" integrity="sha384-B4dIYHKNBt8Bc12p+WXckhzcICo0wtJAoU8YZTY5qE0Id1GSseTk6S+L3BlXeVIU" crossorigin="anonymous">
</head>
<body>
<i class='fas fa-greater-than'></i>
</body>
</html> Tags
more than,bigger,larger,exceeds ,beyond,above
Change Font Awesome Icon Greater than 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='fas fa-greater-than blue-color'></i>
<i class='fas fa-greater-than green-color'></i>
<i class='fas fa-greater-than teal-color'></i>
<i class='fas fa-greater-than yellow-color'></i>
<i class='fas fa-greater-than red-color'></i>
Note- Make Sure You have included the below Font Awesome file in header-
<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.5.0/css/all.css" integrity="sha384-B4dIYHKNBt8Bc12p+WXckhzcICo0wtJAoU8YZTY5qE0Id1GSseTk6S+L3BlXeVIU" crossorigin="anonymous">
Advertisements
Advertisements