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'>
Cc Visa Icon Font Awesome - FAQs
⭐What is the Font Awesome Cc Visa Icon code?Icon Code is - fa fa-cc-visa.
⭐ What does the fa fa-cc-visa Icon mean?fa fa-cc-visa is the Icon code of Font Awesome Cc Visa.
⭐ Can we add fa fa-cc-visa Icon in different sizes?Yes, you can Icon of fa fa-cc-visa in various pixels.
⭐ How to add a Blue color Font Awesome Cc Visa Icon?Add the blue color Cc Visa icon of the font awesome by using code: fa fa-cc-visa style='color: blue;'.
⭐ How to make white color icon of a Font Awesome Cc Visa?To change the Cc Visa icon to white color use code: fa fa-cc-visa style='color: white;'.
Advertisements
Advertisements