Search Results
Font Awesome Virus Covid Slash Icon (Corona virus prevention, Anti-Covid)
Fontawesome Version 6.X
virus covid slash
Web
<i class='fa-solid fa-virus-covid-slash'></i>
React
<FontAwesomeIcon icon="fa-solid fa-virus-covid-slash" />
Vue
<font-awesome-icon icon="fa-solid fa-virus-covid-slash" />
virus covid slash
Web
<i class='fa-solid fa-virus-covid-slash' style='color: white'></i>
React
<FontAwesomeIcon icon="fa-solid fa-virus-covid-slash" style={{color: 'white'}} />
Vue
<font-awesome-icon icon="fa-solid fa-virus-covid-slash" :style="{color: 'white'}" />
virus covid slash
Web
<i class='fa-solid fa-virus-covid-slash' style='color: red'></i>
React
<FontAwesomeIcon icon="fa-solid fa-virus-covid-slash" style={{color: 'red'}} />
Vue
<font-awesome-icon icon="fa-solid fa-virus-covid-slash" :style="{color: 'red'}" />
virus covid slash
Web
<i class='fa-solid fa-virus-covid-slash' style='color: blue'></i>
React
<FontAwesomeIcon icon="fa-solid fa-virus-covid-slash" style={{color: 'blue'}} />
Vue
<font-awesome-icon icon="fa-solid fa-virus-covid-slash" :style="{color: 'blue'}" />
virus covid slash
Web
<i class='fa-solid fa-virus-covid-slash' style='color: #f3da35'></i>
React
<FontAwesomeIcon icon="fa-solid fa-virus-covid-slash" style={{color: '#f3da35'}} />
Vue
<font-awesome-icon icon="fa-solid fa-virus-covid-slash" :style="{color: '#f3da35'}" />
How to add Font Awesome virus covid slash Icon ?
Font Awesome Icon fa solid fa virus covid slash 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 virus covid slash
<!DOCTYPE html>
<html>
<head>
<title>Page Title</title>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.1/css/all.min.css" crossorigin="anonymous" referrerpolicy="no-referrer" />
</head>
<body>
<i class='fa-solid fa-virus-covid-slash'></i>
</body>
</html>
Tags
orona virus prevention,Anti-Covid
Change Font Awesome Icon Virus covid slash 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-solid fa-virus-covid-slash blue-color'></i>
<i class='fa-solid fa-virus-covid-slash green-color'></i>
<i class='fa-solid fa-virus-covid-slash teal-color'></i>
<i class='fa-solid fa-virus-covid-slash yellow-color'></i>
<i class='fa-solid fa-virus-covid-slash red-color'></i>
Output of the above example will be as below-
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.1/css/all.min.css" crossorigin="anonymous" referrerpolicy="no-referrer" />
Virus Covid Slash Icon Font Awesome - FAQs
⭐What is the Font Awesome Virus Covid Slash Icon code?Icon Code is - fa-solid fa-virus-covid-slash.
⭐ What does the fa-solid fa-virus-covid-slash Icon mean?fa-solid fa-virus-covid-slash is the Icon code of Font Awesome Virus Covid Slash.
⭐ Can we add fa-solid fa-virus-covid-slash Icon in different sizes?Yes, you can Icon of fa-solid fa-virus-covid-slash in various pixels.
⭐ How to add a Blue color Font Awesome Virus Covid Slash Icon?Add the blue color Virus Covid Slash icon of the font awesome by using code: fa-solid fa-virus-covid-slash style='color: blue;'.
⭐ How to make white color icon of a Font Awesome Virus Covid Slash?To change the Virus Covid Slash icon to white color use code: fa-solid fa-virus-covid-slash style='color: white;'.
Advertisements
Advertisements