Feature Request: Search and Icon Tagging System about feather HOT 15 CLOSED

You can now search for icons on https://feathericons.com 🎉 . The search uses both the icon name and its tags. Tags are managed by src/tags.json (https://github.com/feathericons/feather/blob/master/src/tags.json). Feel free to contribute more tags!

from feather.

Perhaps a build system that reasons from a JSON file that duplicates icons for the Netlify instance only

from feather.

See conversation on #45

from feather.

If tagging system will be integrated you can move all icons to one directory. Because some icons can belong different categories.
And this will be better for automated tools which inluding icons on page only by icon name - no need to search them in subfolders.

from feather.

I've thought about that too. Are you suggesting removing the concept of categories and displaying all icons as a single group on the website? Would categories then become general tags? For example, the cloud and sun icons might both have a weather tag?

from feather.

By default you can show all icons in alphabet and show list of all tags in switcher.

from feather.

And search field too of course.

from feather.

What do you mean by "show list of all tags in a switcher"? Do you have examples of other websites that do something similar?

from feather.

Like on http://www.iconarchive.com/alphabet-list.html
Alphabet, newest, popular, random, by category (meaning icon can have some of categories)

from feather.

Another variant of catalog: https://www.iconfinder.com/search/?q=
Filtering by switcher: https://isotope.metafizzy.co/filtering.html

from feather.

See example: https://yashkin.by/feathericons/
Using plugin "MixItUp"
For example added square icon to category "media and controls".
Upd: and some icons to arrows.

from feather.

If you end up using the listjs lib (it rox btw), see #45, and you want to avoid a json file, a quick (dirty) solution would be a txt file and some javascript as shown here: https://jsfiddle.net/jampascript/cn71shgL/

from feather.

And what about symlink ? Creating an alias will be as simple as creating a symlink to the svg file, to keep module as directory convention.

And, when we will work on the bundler, alias/symlink will be compiled as a "refer to" or something like.

from feather.

@alexantr this is very nice: https://yashkin.by/feathericons/

from feather.

How about just plain search field that filters icons by label?

from feather.