Icon Explorer with Instant searching, powered by Iconify

[Mohammad]

I love to use icons in Tiddlywiki. It is very well known that a picture is worth a thousand words!

The below is a repo and small webpage lets you find many icons mostly from free and open source library (check licenses)

https://icones.js.org/

More Info

This repo is created by Anthony Fu a trending developer in GitHub.

https://github.com/antfu/icones 

 

Features

• Instant Fuzzy Searching - all are done locally, no web queries!
• The Bag - select your icons and pack them into a ready-to-use icon font!
  • svg-packer was born from this XD
• Copy the usage scripts
• SVGs direct download
• Mobile friendly
• Collection bookmarks
• Categories filters
• Dark mode
• Built with Vite and Vue 3
  • If you like how it's built - try 🏕 Vitesse, an opinionated starter template made from Icônes

[jtech108]

Hello there.

Oh wow Mohammad interesting indeed....I also like icons for their visual context.

Thanks for sharing!

Best regards,

Julio

[TW Tones]

Mohammad,

Update with attachment.

Nice share. For consistency I just want to remind tiddlywiki users that a wealth of icons exist in the font awesome for tiddlywiki, including in SVG form.

I have also started to look into the use of the larger Unicode Character set page down to Symbols and Punctuation.

As long as you have an appropriate font most of these will work. 

See my attached three image tiddlers, 

• one is modified combination of two core SVG's + fill=color "focus"
• Another uses plain text and could use the Unicode characters in it, text-3
• And the other adding text to another icon "box"

It seems to me we need to build some more icon sets without any complex licencing and package and share them.

Regards

Tones

[Mohammad]

Great stuff Tones. Also remember this amazing Tiddlywiki-Fontawesome   by morosanuae

http://fa5-free-svg.tiddlyspot.com/

[TiddlyTweeter]

TW Tones wrote:

I have also started to look into the use of the larger Unicode Character set page down to Symbols and Punctuation.

As long as you have an appropriate font most of these will work. 

Right. 

I totally agree that Unicode is under-utilized. And can, and should, be used, to great (economical) effect.

There are three issues I know about ...

1 - Are the investigated Unicode Glyphs SUPPORTED by common fonts available in Standard Default fonts on major OS? (i.e. they will work even IF you have not explicitly set them up in a TW's config?). 

I think that issue needs making explicit and answered explicitly for TW otherwise we'll stay stuck in the "black arts of Unicode use", which much of the web is.

We'd have to shed light on Unicode workings to use it optimally, I think. 

2 - FONT REPRESENTATIONS of a Unicode code point can massively differ. That has happened because some Unicode characters have been "hi-jacked" for purposes never anticipated, in software and in OS. (The "Play" button you see often on web-pages is an example; other than simple "Emojis" provide many more extensive examples). This is a limited issue---but significant in that some of the most used glyphs DIVERGE on looks.

3 - Anything above The Basic Plane in Unicode is actually more than one character on web (its to do with characters above Unicode FFFF which can need encoding). Not an issue per se but can make search much more complex.

Tony, I'm not trying to diss your enthusiasm, which is good, & I support using UC much more, but merely point to understandings needed for good Unicode use.

Best wishes

TT

[TiddlyTweeter]

Mohammad wrote:

I love to use icons in Tiddlywiki. It is very well known that a picture is worth a thousand words!

The below is a repo and small webpage lets you find many icons mostly from free and open source library (check licenses)

https://icones.js.org/

Right. Simple question.

Are there ANY functions in TW for which icons in libraries DO NOT exist? 

For instance "Save to Webpage", or "Import Ordered By Filter?", or "Search for Unicode Ranges?"

You get the idea?

I'm simply wondering, often, if we need a few more TW specific icons matching its evolved functions more precisely?

Just thinking out-loud :-).

Best wishes

TT

[Mohammad]

Hi TT

On Wednesday, November 11, 2020 at 3:50:11 PM UTC+3:30 TiddlyTweeter wrote:

Mohammad wrote:

I love to use icons in Tiddlywiki. It is very well known that a picture is worth a thousand words!

The below is a repo and small webpage lets you find many icons mostly from free and open source library (check licenses)

https://icones.js.org/

Right. Simple question.

Are there ANY functions in TW for which icons in libraries DO NOT exist? 

For instance "Save to Webpage", or "Import Ordered By Filter?", or "Search for Unicode Ranges?"

They are used for TW functioning itself. But If I use TW for something specific like a course on CRE, I need extra icons, extra graphics!

Example: I like to have icon for questions, icon for tips, icon for computer solved problem, icon for Matlab code, icon for Python code!

icon for flow system, icon for batch system, icon for wikipedia,  ....

What I linked above is a library of icons most of them can be used freely! They can be used for content generation!

You get the idea?

I'm simply wondering, often, if we need a few more TW specific icons matching its evolved functions more precisely?

Just thinking out-loud :-).

Best wishes

TT

Best wishes

Mohammad 

[TiddlyTweeter]

Ciao Mohammad

TT: For instance "Save to Webpage", or "Import Ordered By Filter?", or "Search for Unicode Ranges?"

MO: They are used for TW functioning itself. But If I use TW for something specific like a course on CRE, I need extra icons, extra graphics!

Example: I like to have icon for questions, icon for tips, icon for computer solved problem, icon for Matlab code, icon for Python code!

icon for flow system, icon for batch system, icon for wikipedia, 

We are talking at cross-purposes :-). I fully understand your point about extra icons needed for your CRE you gatherr.

Let me restate my question another way ...

Are there standard functions in TW that currently LACK icons?

Best wishes

TT

[Mohammad]

Hi TT

They are enough for those basic functions! BUT even in this case you can use another set to meet your own taste! 

Best wishes

TT

[TW Tones]

TT,

You are right to raise these issues. I suppose I am now on the Journey to understand Unicode and make use of it.

here are a few observations;

• MS Windows has fonts to address many Unicode Characters
• There exists a "last resort font" for Unicode
• There are as many as 120,000 Unicode characters, most in different languages and of reduced value to non speakers of each language.
• Outside of English many languages make use of diacritical characters, ie marks applied to other characters.
• This facility can also be used to create compound characters, for example the common "no smoking symbol" circle with a /, can be applied to other characters
• Tiddler titles can use many of these additional characters including alternate A-Z, a-z ands 0-9 characters and others
• Tiddler fieldnames are restricted to the single a-z 0-9 character set and no Unicode Characters permitted.
• I have not tested Unicode characters with the new slugify widgets.
• I continue to learn about Unicode and their application to tiddlywiki.

Tones

[TiddlyTweeter]

Ciao TW Tones

If you want to explore this more, collectively, maybe start a new thread? So our comments are not in Mohammad's thread, which has a slightly different scope.

Unicode interests me a lot. And there are a few things you are coming across that, with a bit of exposition, are useful to know about in more detail.

Diacritical marks, as you hint, for instance, have great usefulness beyond being "combining marks". 

Best wishes,

TT

[TW Tones]

TT,

We can start another thread, but I think it relevant that others know raw Unicode characters are as usable as SVG's. they can save the same problem. 

If you look at my first reply, I show how you can embed a unicode character in a svg to get icons. It is an additional and equivalent source of "icons" without any need to load an SVG icon.

In closing however the resource Mohammad shared it excellent. I just do not know how to find out if I am breaking any licence?

Tones

[TiddlyTweeter]

Ciao TW Tones

TW Tones wrote:

I show how you can embed a unicode character in a svg to get icons. It is an additional and equivalent source of "icons" without any need to load an SVG icon.

Two points ... 

1 - You are missing something. Sure since text/fonts can be embedded in SVG it sure is right it is useful! But NOT for ICONS.

It is far less an issue with normal euro-text (a-z stuff). It is an issue with other stuff often.    

This because the the embed will be of the specific font available. SINCE fonts vary in their representation of GLYPHS this is not really a solution if you trying to make an icon via a Unicode characters as the FONT SUBSTITUTION cascade differs between platforms. 

For a CONSISTENT Icon set you'd need to enforce one font for it. BUT, then you are back to the issue of KNOWING WHICH Unicode is supported in which fonts sytlistcally consistent.

2 - I think the benefit of embedding a SINGLE GLYPH in an SVG needs justifying.

Why? Well if you have it available you can just use it as a normal character!

So I can't really see the added value of making Icons using a singular Unicode character when you can just use the character directly. 

I hope this is clear. 

Best wishes

TT

[TiddlyTweeter]

Ciao TW Tones

TW Tones wrote:

the resource Mohammad shared it excellent. I just do not know how to find out if I am breaking any licence?

FYI, the resources listed in Mohammad's link at https://icones.js.org/ provide further links to licences & terms of use for every icon set.

Best wishes

TT