FortAwesome / Font-Awesome

The iconic SVG, font, and CSS toolkit
https://fontawesome.com
Other
73.64k stars 12.19k forks source link

Icon request: icon-filter-times (clear filter) #650

Closed jelmqvist closed 3 years ago

jelmqvist commented 11 years ago

An icon to clear a previous filter would be much appreciated. Something like:

filter-clear

or with ban circle instead of the 'x'.

davegandy commented 11 years ago

Why not combine an icon-remove with the filter and style according to your needs?

maxwowpow commented 11 years ago

I find the icon essential for building a framework of any type! There are 4 icons for comments and it's pretty much genius to combine the icons to get new icons... in singular cases. However if the icon is actively used, especially in dom manipulations then a single icon is a must. All productive-level ui-frameworks (telerik kendo e.g.) have both, and the proposed solution doesn't work out of the box with basic combining.

<span class="icon-stack">
  <i class="icon-filter icon-stack-base"></i>
  <i class="icon-remove"></i>
</span>

I would vote for reopening the issue and considering adding the icon to the collection. regards, Max

babyG28 commented 10 years ago

I am voting to reopening this issue as well

Okewood commented 10 years ago

+1 If you Google "clear filters", Jelmqvist's suggestion above would seem to be universally acknowledged.

KaranIsCool commented 10 years ago

I am voting to reopening this issue as well. We should have separate icon for clearing the filter.

pierresh commented 9 years ago

:+1:

wandersonwhcr commented 9 years ago

:+1:

thomasbertet commented 9 years ago

:+1:

tagliala commented 9 years ago

Reopening for tracking purposes

Refers to #1181

nyon commented 9 years ago

I've added fa-filter-remove, fa-filter-times-circle and others to fontawesome-actions here: http://github.com/nyon/fontawesome-actions

EDIT: see fontawesome-actions css file for fa-filter-slash

voltechs commented 9 years ago

Was hoping for something a little more like this... filter-slash Along the lines of... eye-slash

Please excuse my terrible artistry.

kalifa17 commented 9 years ago

+1

andrekosak commented 8 years ago

+1

sedrakpc commented 8 years ago

+1

mazing commented 8 years ago

+1

kingsloi commented 8 years ago

+1

aito0077 commented 8 years ago

+1

mkalpana commented 8 years ago

+1

brandonmcconnell commented 8 years ago

+1

truetug commented 8 years ago

+1

estwanick commented 8 years ago

+1

SebastianMucke commented 8 years ago

+1

birfincankafein commented 8 years ago

+1

PonchoPowers commented 8 years ago

+1 just had to create my own version of this icon and add it to a custom glyph font.

mikeengland commented 8 years ago

+1

abartolo commented 8 years ago

+1

cassioscofield commented 7 years ago

+1

sergii-golik commented 7 years ago

+1

juncalguinea commented 7 years ago

+1

oswaldofreitas commented 7 years ago

+1

oswaldofreitas commented 7 years ago

workahound:

<span class="fa-stack">
    <i class="fa fa-filter fa-stack-1x"></i>
    <i class="fa fa-ban fa-stack-2x"></i>
</span>
nessroman commented 7 years ago

+1 Need the disable filter icon !

ManuelHaas commented 7 years ago

+1 for disable filter icon! have a look at the glyphicons-filter-remove icon it looks much better than a stacked icon IMO

also there are problems with size when using stack with multiple icons: https://github.com/FortAwesome/Font-Awesome/issues/10348

DamianoPantani commented 6 years ago

It's been almost 5 years now and nothing happened? BUMP!

IceSentry commented 6 years ago

It's now 2018 and still no new icon... It feels like such a basic icon to have.

nyon commented 6 years ago

If you desperately need it you can still use fontawesome-actions. See: https://github.com/FortAwesome/Font-Awesome/issues/650#issuecomment-87376652

rordi commented 6 years ago

+1, please

multinerd commented 5 years ago

I'm starting to feel like this will never be made.

Chellie-SC commented 5 years ago

I'd like this icon. "Filters-Off" seems more appropriate.

tagliala commented 5 years ago

Hi everyone!

Please note that you can achieve those icons with the power transforms, masking, and layering feature of the SVG Framework.

Demo: https://jsfiddle.net/tagliala/L17f528g/56/

Ref:

https://fontawesome.com/how-to-use/on-the-web/styling/power-transforms https://fontawesome.com/how-to-use/on-the-web/styling/masking https://fontawesome.com/how-to-use/on-the-web/styling/layering

gbjbaanb commented 5 years ago

As has been said, sometimes you need a single icon for DOM manipulation, and a "filter on, filter off" pair seems to be just one of those cases.

Its also the most highly up-thumbed icon request in the backlog!

gbjbaanb commented 4 years ago

7 years later... more effort has been spent telling us that we're wrong to want it than ever could have been spent adding the icon!

LQuam commented 4 years ago

+1. Advanced Search algorithms & broad marketplaces in which users can filter on many criteria make a "Clear Filter" icon more needed than ever!

rbudnar commented 4 years ago

SVGs don't seem to be a great option for mobile applications. I ended up combining the filter and the times SVGs in the way I wanted (basically what the original author posted) and then converted it to a ttf file using an online converter (icomoon has features for this).

jrdesignch commented 4 years ago

++2

Dunnenj commented 4 years ago

An icon to clear a previous filter would be much appreciated. Something like:

filter-clear

or with ban circle instead of the 'x'.

Or an icon like this. Could be easily made from the filter icon with dollar.

image

kristianharmer commented 4 years ago

+1

@sensibleworld thanks for looking into this

sensibleworld commented 3 years ago

This is now available in the v6 Alpha release: https://fontawesome.com/download