Skip to content

Request: add tags to options icon #1060

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Closed
Creatium opened this issue May 3, 2022 · 3 comments
Closed

Request: add tags to options icon #1060

Creatium opened this issue May 3, 2022 · 3 comments

Comments

@Creatium
Copy link

Creatium commented May 3, 2022

Hi,

There is currently a filter icon that represents funnel. However I would argue that this icon is more suitable for the action - filtering, but not for filters themselves.

An example situation: we have a feed of news. Users are allowed to toggle on and off certain types of news items, but those toggles/filters are hidden by default and one has to press a button "Filters" to show them. Now funnel does not really represent what that button is hiding. What better represents would be something like Font Awesome example below.

Font Awesome "sliders" icon: https://fontawesome.com/icons/sliders?s=solid - this is a much clearer representation of what user can do after clicking a button with this icon. It show possibilities for "tinkering with settings" to receive a wanted result.

Some usage examples:

  • Meta Creator Studio inside Inbox to "Show filters" in search
  • Youtube in search results page for opening Filters

I hope I made it quite clear what I am suggesting :)

@Senatrius
Copy link

I don't know what icon Meta Creator Studio uses, but if you're looking for something like Font Awesome sliders or youtube filter icon, the "options" <ion-icon name="options"></ion-icon> component does look pretty close.

Is that what you had in mind?

@Creatium
Copy link
Author

Oh wow, what. I swear to God, I was searching for this icon for some time and did not see it.

Suggestion then: add "sliders" and "filters" words to this icon, so that it appears when searching.

Thank you!

@averyjohnston averyjohnston changed the title Request: filter icon for filter options (toggles/sliders/inputs) Request: add tags to options icon Jun 2, 2023
christian-bromann added a commit to christian-bromann/ionicons that referenced this issue Apr 21, 2025
@christian-bromann
Copy link
Member

Fixed in #1447

christian-bromann added a commit to christian-bromann/ionicons that referenced this issue Apr 21, 2025
christian-bromann added a commit to christian-bromann/ionicons that referenced this issue Apr 25, 2025
christian-bromann added a commit that referenced this issue May 2, 2025
* chore: update project dependencies

* remove lerna

* update build

* plugin fixes

* Icons do not display when the svg is loaded from a file:// URL in Safari

fixes #1298

* Update path fill in warning-outline.svg exclamation mark

* set currentColor - fixes #1420

* add bell tag to notifications icon - fixes #1090

* add sliders and filters tags to option icon - fixes #1060

* add loveseat tag to bed icon - closes #503

* add contacts tag to people-circle
closes #779

* fix data.json

* update data.json

* set up prettier

* fix contributing link

* prettier after rebase

* add missing rimraf

* add more comments

* run prettier as part of the build

* set module resolution to bundle

* consolidate contributing guidelines and coc as part of the root directory

* fix link

* copy svg into www

* cut me some visual slack

* Update readme.md

Co-authored-by: Brandy Smith <[email protected]>

* Update package.json

Co-authored-by: Maria Hutt <[email protected]>

* Update CONTRIBUTING.md

Co-authored-by: Maria Hutt <[email protected]>

* remove generating collections

* ensure all directories exist

* only define snapshot tolerance in config

* update dependencies

* Update src/components/icon/request.ts

Co-authored-by: Brandy Smith <[email protected]>

* Update src/components/icon/request.ts

Co-authored-by: Brandy Smith <[email protected]>

* Update src/components/icon/request.ts

Co-authored-by: Brandy Smith <[email protected]>

* Update src/components/icon/request.ts

Co-authored-by: Brandy Smith <[email protected]>

* prettier

* update release pipeline

* fix exports

* recommend to use esm.sh as cdn

---------

Co-authored-by: Brandy Smith <[email protected]>
Co-authored-by: Maria Hutt <[email protected]>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Projects
None yet
Development

No branches or pull requests

4 participants