Searching....
Search Results
Font Awesome Volume Off Icon (Unmute, Volume Muted, Audio Off)
Font Awesome Volume Off icon It use represents a speaker symbol with a diagonal line the action of muting or turning off audio. It serves as for indicating situations sound is muted, audio is turned off, or volume is set to zero. If you want edit or customize this Fa volume off Icon use try it editor to change the color , size and animation.
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>
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