Font-awesome: Icon request: icon-mute (icon-volume-mute)

[loxal]

As opponent button to icon-headphones or icon-music.

Some inspirations:

https://www.google.com/search?q=mute+button&hl=en&prmd=imvns&source=lnms&tbm=isch&sa=X&ei=sEbfT-3pEKuP4gSYo-S8Cg&ved=0CEgQ_AUoAQ&biw=1919&bih=959

[jarosenthal]

+1

[davegandy]

Adding to 3.1.0.

[davegandy]

Oversight on my part. This one already covers it:
http://fortawesome.github.io/Font-Awesome/#icon/icon-volume-off

[heff]

Not exactly. Mute has a different purpose than a volume control. How the HTML5 media element works might be a good example of this.

audio.volume = 1 --> Sound is playing
audio.volume = 0 --> Sound not playing
audio.volume = 1 --> Sound playing
audio.muted = true --> Sound not playing
audio.volume = 1 --> Sound still not playing
audio.muted = false --> Sound playing

Whether something is muted, and whether it has zero volume is different.

Youtube makes it seem like they're the same since when you drag the volume to zero it looks the same as muted, but you can still click the volume icon to mute/unmute. And they still have the extra icon with the X next to it.

[tagliala]

agreeing with @heff and reopening this one.

mute != volume off

[heff]

Thanks for reopening. Video.js 4.0 now uses font icons, and this is the last one we need (now that CC is in there) to use font awesome over a custom font.

[tagliala]

You're welcome but I'm only an issue tracker man :)

[ivan-tellez]

+1 Mute is necesary. Just like the icon-volume-off but with an X or an crossed out circle.

[tagliala]

Comparison shows that glyphicons uses the x: http://tagliala.github.io/vectoriconsroundup/#volume-off

so volume-off = volume-mute = speaker with x
and the actual volume-off should be renamed to something like volume-zero ?

[mshgna]

+1! The current volume-off that is just a speaker with no soundwaves is too generic to really represent "mute". A plain speaker such as this could mean open audio settings, volume control, etc.

For "mute", it could be speaker with x as others have suggested, but I would prefer a speaker with a slash, similar to the icons for fa-microphone-slash (http://fortawesome.github.io/Font-Awesome/icon/microphone-slash/) and fa-eye-slash (http://fortawesome.github.io/Font-Awesome/icon/eye-slash/). The icon could simply be named "volume-slash", and "volume-mute" could possibly be an alias.

[karlmikko]

+1

[mekwall]

+1

[Evanion]

+1 speaker with 'x' and a speaker with 2 waves.

[rsperberg]

+1 speaker with a slash (like fa-bell-slash)

[the-eater]

+1

[prestonmediaspike]

+1
https://www.google.com/search?q=mute+icon&tbm=isch

[Superburke]

+1
been 2 years and something suitable hasn't been added?

[MeoMix]

+1, need mute icon please

[amoghgarg]

+1, Mute button needed.

[jorge-d]

+1

[jack-guy]

+1

[plainclothes]

Such a long thread but no one has gotten to the point!
You just need a volume-slash.
That would be super handy.

[ivan-tellez]

+1

[LetsVape]

+1

[rzolin]

+1

[Prinzhorn]

+1

I'd also like to raise another issue related to this: alignment/spacing. I'm not sure if this has been discussed in regards to other icons. I personally think the current volume-off and volume-down icons need to have spacing to the right build into the glyph itself. Imagine toggling between off state. You'd use -off and -up as the two states. The icon would then jump inside of the button because of different widths (assuming they'd be centered inside of the button).

To sum it up: all three (or then four) volume icons should have the same width. When stacking them on top of each other the speakers should align.

I don't see any workaround to get this done with CSS, as the the different widths of the glyph are basically magic numbers.

Checkout this demo http://jsbin.com/dirivuseza/1

Related: https://twitter.com/wiseacre/status/558643124009205763

[tagliala]

text-align: left should do the job: http://jsbin.com/quyoqukozi/2/edit?html,output

[Prinzhorn]

text-align: left should do the job:

It does for this special case. I'm using this CSS for all kinds of buttons with icons and I want them to be centered. E.g. fa-times for a close-button looks stupid with text-align:left

Anyway, let's not spam this thread as we're notifying tons of people.

[carlosmacias]

+1

[majornorth]

+1

[art1351]

+1 we definitely need an fa-volume-slash or fa-volume-mute! Would be nice if it was slash to match fa-microphone-slash.

[specialorange]

+1. Any update on this?

[art1351]

I was able to make a decent muted icon by combining 'volume-off' and 'times'

[span class="alignright"][i class="fa fa-microphone-slash fa-lg"][/i][span class="fa-stack"][i class="fa fa-volume-off fa-lg"][/i][i class="fa fa-times"][/i>

.alignright {
float: right;
}

[specialorange]

I just learned you can stack icons: http://fortawesome.github.io/Font-Awesome/examples/#stacked

<div class="fa-stack">
  <i class="fa fa-volume-off fa-stack-1x"></i>
  <i class="fa fa-ban fa-stack-1x"></i>
</div>

which gives the following two examples (one is hovered as red):

[dayfv95]

+1

[rossvz]

This is still not ideal, even with the stacked ban icon. If you look at the red icon above, it's not clear that its a speaker with a line through it. Needs a slash or very thin "ban" to really be clear. Or, as others have suggested for the past two years, an "x" by the speaker

[tvirelli]

+1

[specialorange]

@davegandy I noticed you closed this a while back before it was reopened. Is there a way to get this included in the next update? I wouldn't mind helping. PM me if you would like.

[sergiolepore]

+1 :smile:

[carcharodoncarcharias511]

+1

[Evanion]

The fact that this issue have been open for >3 years ...

[Hagith]

+100

[hw-nf]

+1 (speaker with slash)

[slasktrat]

+1

[dayfv95]

Has this been created yet?

On Thu, Dec 17, 2015 at 4:39 AM, slasktrat [email protected] wrote:

+1

—
Reply to this email directly or view it on GitHub
https://github.com/FortAwesome/Font-Awesome/issues/288#issuecomment-165398214
.

[martpie]

+1

[henriquemaio]

2012, 2013, 2014, 2015...
2016!

+1

[dayfv95]

2017?

On Friday, January 29, 2016, henriquemaio [email protected] wrote:

2012, 2013, 2014, 2015...
2016!

+1

—
Reply to this email directly or view it on GitHub
https://github.com/FortAwesome/Font-Awesome/issues/288#issuecomment-176955852
.

[cherrador]

I updated my stack sample to include this icon with an X

Check my jsfiddle to see how it's done.
https://jsfiddle.net/cherrador/jomgLb2h/

[malard]

+1

[nltesown]

+1

[leothelocust]

+1

[maxnoe]

+1

[sanek4life]

+1

[codebucketdev]

+1 :+1:

[martpie]

Any chance we'll see it one day ? It's been 4 years...

[ChrGriffin]

+1 for a hard mute indicator.

[sopinon]

+1 :+1:

[dayfv95]

I think i started this thread 4 years ago. its been so long i dont even
remember actually. maybe one of us should just draw this thing and be done
:)

On Fri, Aug 5, 2016 at 5:43 AM, sopinon [email protected] wrote:

+1 👍

—
You are receiving this because you commented.
Reply to this email directly, view it on GitHub
https://github.com/FortAwesome/Font-Awesome/issues/288#issuecomment-237808457,
or mute the thread
https://github.com/notifications/unsubscribe-auth/AFKBCjutI6CYxMAzWAPgm1F9uMewDc1rks5qcwXEgaJpZM4ACMHJ
.

[manderson23]

+1

[codebucketdev]

C'mon, even Glyphicons have one in the free version bundled with
Bootstrap 3 :disappointed:

Am 17.08.2016 23:53, schrieb Mark Anderson:

+1

You are receiving this because you commented.
Reply to this email directly, view it on GitHub [1], or mute the thread [2].

Diese E-Mail enthält vertrauliche und/oder rechtlich geschützte
Informationen. Wenn Sie nicht der richtige Adressat sind, oder diese
E-Mail irrtümlich erhalten haben, informieren Sie bitte sofort den
Absender und vernichten Sie diese E-Mail. Das unerlaubte Kopieren sowie
die unbefugte Weitergabe dieser E-Mail ist nicht gestattet.

_Diese Mail wurde über eine sichere Verbindung verschickt und wurde vor
Versand auf Viren geprüft._

Links:

[1]
https://github.com/FortAwesome/Font-Awesome/issues/288#issuecomment-240560888
[2]
https://github.com/notifications/unsubscribe-auth/AFe9Yu6nKddERyzvHGhPS_TPdzluZpc0ks5qg4LdgaJpZM4ACMHJ

[ggrillone]

+1

[Bloodyfool]

+1

[librien]

+1

[meserlian]

+1

[ror0]

+1

[reissr]

+1

[drstonebraker]

+1

[Crissov]

Unicode emoji: #222

• 🔇 U+1F507
• 🔈 U+1F508
• 🔉 U+1F509
• 🔊 U+1F50A

Non-emoji characters:

• 🕨 U+1F568 Right Speaker
• 🕩 U+1F569 Right Speaker with One Sound Wave
• 🕪 U+1F56A Right Speaker with Three Sound Waves

[oriadam]

+1

[brainkim]

JFC, all I ever wanted was the volume up speaker with a slash through it looks like this, why isn't this happening. Am I just insane? Is this impossible?

[dayfv95]

We will all die before this icon gets created

On Thu, Mar 30, 2017 at 4:06 AM Brian Kim [e-mail] wrote:

JFC, all I ever wanted was the volume up speaker with a slash through it
looks like this, why isn't this happening. Am I just insane? Is this
impossible?
[image: screen shot 2017-03-30 at 4 05 05 am]
https://cloud.githubusercontent.com/assets/2996754/24493828/2bb39242-14fe-11e7-92d4-7834dbfb6fbe.png

—
You are receiving this because you commented.
Reply to this email directly, view it on GitHub
https://github.com/FortAwesome/Font-Awesome/issues/288#issuecomment-290334229,
or mute the thread
https://github.com/notifications/unsubscribe-auth/AFKBCkgsZHJKwIquQeHpGD7Gq58nxGk8ks5rq2KGgaJpZM4ACMHJ
.

[malard]

my guess is it will be in fa-5

[vectorloft]

• 1 on mute icon

[steven7mwesigwa]

2012, 2013, 2014, 2015, 2016, ...
2017 ????

[dayfv95]

2046

On Tue, Jun 13, 2017 at 3:25 PM, steven7mwesigwa [e-mail]
wrote:

2012, 2013, 2014, 2015, 2016, ...
2017 ????

—
You are receiving this because you commented.
Reply to this email directly, view it on GitHub
https://github.com/FortAwesome/Font-Awesome/issues/288#issuecomment-308221856,
or mute the thread
https://github.com/notifications/unsubscribe-auth/AFKBCt1fBgsON8Kpaw343tQsykYbCS4Sks5sDuIQgaJpZM4ACMHJ
.

[leecollings]

I agree it would be best to follow with the fa-audio-slash idea, and use a fa-volume-slash.

I currently have three buttons to mute video, audio and microphone.

For the video i'm using the fa-eye-slash, however the angle of the slash is completely different to that of fa-bell-slash and fa-microphone-slash.... Could we have these as a set? (like a Media icon set)

[AuditeMarlow]

Please, for the love of god, +1

[ecly]

+1

[dayfv95]

+never

On Fri, Sep 22, 2017 at 5:12 PM, Emil Lynegaard [e-mail]
wrote:

+1

—
You are receiving this because you commented.
Reply to this email directly, view it on GitHub
https://github.com/FortAwesome/Font-Awesome/issues/288#issuecomment-331561899,
or mute the thread
https://github.com/notifications/unsubscribe-auth/AFKBCkIpmIge8iOvZL-ocAt4qMasvVd5ks5slCLPgaJpZM4ACMHJ
.

[tkanemoto]

This is probably futile, but +1. I wonder why there's no more reason/statements given. Maybe it because it was closed once already and the matter is considered to be closed as far as they are concerned? In that case, it's quite passive aggressive to not respond at all. Maybe it's worth raising a new ticket.

[Kommynct]

+1

[jpezninjo]

+1

[fufuninja]

+1

[thetland]

+1

[PeterShaggyNoble]

Available in FA5 Pro: https://fontawesome.com/icons/volume-mute

[1j01]

So I have to pay $60 in order to use this icon in my free and open source project? I already have a mute icon, I'd just prefer a different one...

Edit: ion-android-volume-off looks good:

[Kommynct]

Also there needs to be muted volumes for all the different volume levels.

[leecollings]

@that1communist I don't agree with you. Muting volume is more of a state than an option. When the volume is muted, no sound is outputted so there doesn't need to be any indication of what level the volume is at.

Look at most things, like TVs. The icon will always show a speaker with either a line or cross through it, with nothing referring to what the volume level was set to prior to being muted.

[Kommynct]

So if I have the half step enabled, the volume icon will show max when I mute? That looks horrible. And there's no disadvantage to allowing it. It should refer to the volume state prior to being muted.

[leecollings]

:S no it will have a speaker with a cross next to it ideally, to indicate there's no sound output. It's a pretty global thing, I don't see why it'sso complicated.

[Kommynct]

I have my percentage next to my volume icon, if I did this, i'd have to remove space between the percentage and the volume icon whenever I muted. It's just convoluted and annoying, when the various icons could just have a \ going through them.

[NightyLive]

Requested in 2012, closed numberous of time because you didn't undestood that a speaker isn't the same thing as a speaker with a cross/line that indicate that the volume is muted. You denied to everyone, saying that we are false and that we are not using it right.
Then 5 years laters you put it in paid icons, proving by evidence YOU was false, and still let us with no icons. For sure I won't pay for a single BASIC icon, and to not encourage you with this sort of acts. So I still relly on alternate packages.
Thanks budy, great case management !

PS:
Thanks to cherrador who provided a solution here : https://github.com/FortAwesome/Font-Awesome/issues/288#issuecomment-177033010
Here is a simplified version : https://jsfiddle.net/utpv8wry/ which end up with this result:

[sensibleworld]

https://fontawesome.com/icons/volume-mute?style=solid
https://fontawesome.com/icons?d=gallery&q=volume

[dayfv95]

OMG...i cant believe it !!!!! how many years was that you guys think?

On Wed, Aug 29, 2018 at 2:01 PM Jory Raphael [e-mail]
wrote:

Closed #288 https://github.com/FortAwesome/Font-Awesome/issues/288.

—
You are receiving this because you commented.
Reply to this email directly, view it on GitHub
https://github.com/FortAwesome/Font-Awesome/issues/288#event-1816329717,
or mute the thread
https://github.com/notifications/unsubscribe-auth/AFKBCnJWRASUOajeQlQ9ROk2_TyhAeBwks5uVtbjgaJpZM4ACMHJ
.

[martpie]

Make a 6 years old request a Pro icon. Well played guys, well played.

Anyway, thank you I guess?

[sensibleworld]

Hey folks! Sorry this icon didn’t make it into Font Awesome Free. We hope you’ll give Pro a try.

[leecollings]

@sensibleworld I think at the very least, you could apologise for why this has taken 6 years after the many requests from users that this is needed, and perhaps also explaining why you've decided to then not make it available to everyone?

That's actually quite a nasty thing to do...

[dayfv95]

Lmao

On Thu, Aug 30, 2018 at 10:11 AM Jory Raphael [e-mail]
wrote:

Hey folks! Sorry this icon didn’t make it into Font Awesome Free. We hope
you’ll give Pro a try.

—
You are receiving this because you commented.
Reply to this email directly, view it on GitHub
https://github.com/FortAwesome/Font-Awesome/issues/288#issuecomment-417333351,
or mute the thread
https://github.com/notifications/unsubscribe-auth/AFKBCpMOKTqfTqvZHVTdSs_O2AvyGbG7ks5uV_KLgaJpZM4ACMHJ
.

[malard]

yeah its not a good response. To offer a full set of icons for free sans one unless you buy pro is essentially trialware. But meh.

[davegandy]

We don't prioritize based on age, usually number of requests. This particular one never got as many as pops our stack. As a part of work on a new status category for the Kickstarter rewards, we made a bunch of statuses. This was one of them. After going back through old issues, we found this one and let folks know it was added.

[davegandy]

@malard We'd never have made this icon if there wasn't a Pro option. Simple as that.

[leecollings]

@davegandy How many requests did this icon accumulate?

[malard]

@davegandy is the plan now to not expand your free offering any further?

How about changing this thread to be "Icon-Request-Free: " then it can sit here and languish forever more

[malard]

oh the irony, I was about to unsubscribe from this thread and noticed that github uses the octoicon speaker mute as its icon in its free package :P

[davegandy]

@leecollings Looks like according to the icon leaderboard it had a total of about 116 interactions. Not even close to what we've had in the past for icons we've added to free.

Like I said. Nothing malicious here. Just didn't pop the stack for getting added to free icons.

@malard I'll give you the benefit of the doubt here and assume this isn't an obtuse question. We've added 66 new icons into 5.3.

[davegandy]

@malard Also, Font Awesome Free is now twice the size it was precisely because people pay for Pro. Now we can pay salaries and make more icons, both Free and Pro.

[malard]

@davegandy Sorry I was not trying to be difficult, it was more a statement of fact, if your adding icons but have perma rulled out the idea of offering this icon in free, then is your policy shifting to once its in Pro its never in Free?

[martpie]

Hey folks! Sorry this icon didn’t make it into Font Awesome Free. We hope you’ll give Pro a try.

No lifetime license option, so unfortunately, I won't (and I'd be ready to pay far more than 65$ for it). A discount for open-source project would be awesome too. :/

Also, Font Awesome Free is now twice the size it was precisely because people pay for Pro.

And this is true, we all thank you for that, the criticism comes for this icon, which is what I would consider a basic one.

[davegandy]

@KeitIG Actually, the license is perpetual. The subscription side (which you can turn off) is for updates after a year, services, and actual human tech support. Honestly, we do think it's a fair price for $60.

And fair enough on considering this a basic icon. I can see that perspective. Honestly can. :)

[davegandy]

@malard Back in the Kickstarter, we had the option for folks to commission any icon they wanted for $200. Or 6 icons, or a whole category. We could definitely re-consider that option here. So far, once things have been added to Pro we've never added them into Free. But nothing says we couldn't do that.

[malard]

@davegandy what would you want to put this icon in free? it just sucks that you have an entire set of icons to make a virtual remote control, sans the mute icon! :)

[davegandy]

@malard Couple of ways. First would be if someone sponsored the icon. Second, I'll reconsider whether this should be in Free. We've got 5.4 coming up in another month, and we could make an adjustment if we think it's the right thing. Plenty of good thoughts here and good folks letting us know they disagree. We do hear you.

But right now is NOT a good time for me to make that decision. Folks acting this way this this thread weighs on the team heavily. So it REALLY ticks me off. I'll make the decision when I have a chance to step away and consider.

[malard]

@davegandy totally understand :) my profile has my contact details reach out to me via email and we can discuss Sponsorship.

all the best

[davegandy]

all the best

You as well, @malard. I'll drop you an email.

[martpie]

Whatever the outcome is, thank you for the nice communication, much appreciated 🙌

[sensibleworld]

Just to close the loop, the volume-mute icon is now available in Font Awesome Free: https://fontawesome.com/icons/volume-mute?style=solid