Searching....
Search Results
Font Awesome Repeat Icon (Replay, Refresh, Redo)
The Font Awesome Repeat Icon the concept of repeating an action, it’s playing a song again a playlist. This icon is also recognized by the class names fa fa-repeat for version 4 and fa-solid fa-repeat for Version 6. if You want to Customize its color, size, and animation use 'Try It' editor.
Fontawesome Version 4.X
repeat
<i class='fa fa-repeat'></i> repeat
<i class='fa fa-repeat' style='color: white'></i> repeat
<i class='fa fa-repeat' style='color: red'></i> repeat
<i class='fa fa-repeat' style='color: blue'></i> repeat
<i class='fa fa-repeat' style='color: #f3da35'></i> Fontawesome Version 6.X
repeat
Web
<i class='fa-solid fa-repeat'></i> React
<FontAwesomeIcon icon="fa-solid fa-repeat" /> Vue
<font-awesome-icon icon="fa-solid fa-repeat" /> repeat
Web
<i class='fa-solid fa-repeat' style='color: white'></i> React
<FontAwesomeIcon icon="fa-solid fa-repeat" style={{color: 'white'}} /> Vue
<font-awesome-icon icon="fa-solid fa-repeat" :style="{color: 'white'}" /> repeat
Web
<i class='fa-solid fa-repeat' style='color: red'></i> React
<FontAwesomeIcon icon="fa-solid fa-repeat" style={{color: 'red'}} /> Vue
<font-awesome-icon icon="fa-solid fa-repeat" :style="{color: 'red'}" /> repeat
Web
<i class='fa-solid fa-repeat' style='color: blue'></i> React
<FontAwesomeIcon icon="fa-solid fa-repeat" style={{color: 'blue'}} /> Vue
<font-awesome-icon icon="fa-solid fa-repeat" :style="{color: 'blue'}" /> repeat
Web
<i class='fa-solid fa-repeat' style='color: #f3da35'></i> React
<FontAwesomeIcon icon="fa-solid fa-repeat" style={{color: '#f3da35'}} /> Vue
<font-awesome-icon icon="fa-solid fa-repeat" :style="{color: '#f3da35'}" /> How to add Font Awesome repeat Icon ?
Font Awesome Icon fa fa repeat 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 repeat
<!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-repeat'></i>
</body>
</html> Tags
replay,again,endless,redo,renew
Change Font Awesome Icon Repeat 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-repeat blue-color'></i>
<i class='fa fa-repeat green-color'></i>
<i class='fa fa-repeat teal-color'></i>
<i class='fa fa-repeat yellow-color'></i>
<i class='fa fa-repeat 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