Searching....
Search Results
Font Awesome Cc Visa Icon (Credit Card, Payment, Matercard)
The Font Awesome CC Visa Icon represents credit cards, payments, and Mastercard transactions. This icon can be accessed by the class name 'fa fa-cc-visa'. Use the 'Tryit' editor to edit the CC Visa icon's color, size, and animation.
Fontawesome Version 4.X
cc visa
<i class='fa fa-cc-visa'></i> cc visa
<i class='fa fa-cc-visa' style='color: white'></i> cc visa
<i class='fa fa-cc-visa' style='color: red'></i> cc visa
<i class='fa fa-cc-visa' style='color: blue'></i> cc visa
<i class='fa fa-cc-visa' style='color: #f3da35'></i> Fontawesome Version 5.X
cc visa
<i class='fab fa-cc-visa'></i> cc visa
<i class='fab fa-cc-visa' style='color: white'></i> cc visa
<i class='fab fa-cc-visa' style='color: red'></i> cc visa
<i class='fab fa-cc-visa' style='color: blue'></i> cc visa
<i class='fab fa-cc-visa' style='color: #f3da35'></i> Fontawesome Version 6.X
cc visa
Web
<i class='fa-brands fa-cc-visa'></i> React
<FontAwesomeIcon icon="fa-brands fa-cc-visa" /> Vue
<font-awesome-icon icon="fa-brands fa-cc-visa" /> cc visa
Web
<i class='fa-brands fa-cc-visa' style='color: white'></i> React
<FontAwesomeIcon icon="fa-brands fa-cc-visa" style={{color: 'white'}} /> Vue
<font-awesome-icon icon="fa-brands fa-cc-visa" :style="{color: 'white'}" /> cc visa
Web
<i class='fa-brands fa-cc-visa' style='color: red'></i> React
<FontAwesomeIcon icon="fa-brands fa-cc-visa" style={{color: 'red'}} /> Vue
<font-awesome-icon icon="fa-brands fa-cc-visa" :style="{color: 'red'}" /> cc visa
Web
<i class='fa-brands fa-cc-visa' style='color: blue'></i> React
<FontAwesomeIcon icon="fa-brands fa-cc-visa" style={{color: 'blue'}} /> Vue
<font-awesome-icon icon="fa-brands fa-cc-visa" :style="{color: 'blue'}" /> cc visa
Web
<i class='fa-brands fa-cc-visa' style='color: #f3da35'></i> React
<FontAwesomeIcon icon="fa-brands fa-cc-visa" style={{color: '#f3da35'}} /> Vue
<font-awesome-icon icon="fa-brands fa-cc-visa" :style="{color: '#f3da35'}" /> How to add Font Awesome cc visa Icon ?
Font Awesome Icon fa fa cc visa 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 cc visa
<!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-cc-visa'></i>
</body>
</html> Tags
credit card ,payment,network,mastercard
Change Font Awesome Icon Cc visa 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-cc-visa blue-color'></i>
<i class='fa fa-cc-visa green-color'></i>
<i class='fa fa-cc-visa teal-color'></i>
<i class='fa fa-cc-visa yellow-color'></i>
<i class='fa fa-cc-visa red-color'></i>
Output of the above example will be as below- 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