Search Results
Font Awesome Volume Off Icon (Unmute, Volume Muted, Audio Off)
Fontawesome Version 4.X
volume off
<i class='fa fa-volume-off'></i>
volume off
<i class='fa fa-volume-off' style='color: white'></i>
volume off
<i class='fa fa-volume-off' style='color: red'></i>
volume off
<i class='fa fa-volume-off' style='color: blue'></i>
volume off
<i class='fa fa-volume-off' style='color: #f3da35'></i>
Fontawesome Version 5.X
volume off
<i class='fas fa-volume-off'></i>
volume off
<i class='fas fa-volume-off' style='color: white'></i>
volume off
<i class='fas fa-volume-off' style='color: red'></i>
volume off
<i class='fas fa-volume-off' style='color: blue'></i>
volume off
<i class='fas fa-volume-off' style='color: #f3da35'></i>
Fontawesome Version 6.X
volume off
Web
<i class='fa-solid fa-volume-off'></i>
React
<FontAwesomeIcon icon="fa-solid fa-volume-off" />
Vue
<font-awesome-icon icon="fa-solid fa-volume-off" />
volume off
Web
<i class='fa-solid fa-volume-off' style='color: white'></i>
React
<FontAwesomeIcon icon="fa-solid fa-volume-off" style={{color: 'white'}} />
Vue
<font-awesome-icon icon="fa-solid fa-volume-off" :style="{color: 'white'}" />
volume off
Web
<i class='fa-solid fa-volume-off' style='color: red'></i>
React
<FontAwesomeIcon icon="fa-solid fa-volume-off" style={{color: 'red'}} />
Vue
<font-awesome-icon icon="fa-solid fa-volume-off" :style="{color: 'red'}" />
volume off
Web
<i class='fa-solid fa-volume-off' style='color: blue'></i>
React
<FontAwesomeIcon icon="fa-solid fa-volume-off" style={{color: 'blue'}} />
Vue
<font-awesome-icon icon="fa-solid fa-volume-off" :style="{color: 'blue'}" />
volume off
Web
<i class='fa-solid fa-volume-off' style='color: #f3da35'></i>
React
<FontAwesomeIcon icon="fa-solid fa-volume-off" style={{color: '#f3da35'}} />
Vue
<font-awesome-icon icon="fa-solid fa-volume-off" :style="{color: '#f3da35'}" />
Silent Speaker
Font Awesome Icon fa fa volume off 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 volume off
<!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-volume-off'></i>
</body>
</html>
Tags
unmute ,volume muted,audio off,Silent Speaker
Change Font Awesome Icon Volume off 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-volume-off blue-color'></i>
<i class='fa fa-volume-off green-color'></i>
<i class='fa fa-volume-off teal-color'></i>
<i class='fa fa-volume-off yellow-color'></i>
<i class='fa fa-volume-off red-color'></i>
Output of the above example will be as below-
<link rel='stylesheet' href='https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css'>
Volume Off Icon Font Awesome - FAQs
⭐What is the Font Awesome Volume Off Icon code?Icon Code is - fa fa-volume-off.
⭐ What does the fa fa-volume-off Icon mean?fa fa-volume-off is the Icon code of Font Awesome Volume Off.
⭐ Can we add fa fa-volume-off Icon in different sizes?Yes, you can Icon of fa fa-volume-off in various pixels.
⭐ How to add a Blue color Font Awesome Volume Off Icon?Add the blue color Volume Off icon of the font awesome by using code: fa fa-volume-off style='color: blue;'.
⭐ How to make white color icon of a Font Awesome Volume Off?To change the Volume Off icon to white color use code: fa fa-volume-off style='color: white;'.
Advertisements
Advertisements