Closed mmakrzem closed 6 years ago
jarek-foksa
commented
6 years ago You can browse the icons on https://material.io/tools/icons/, just replace "_" with "-" in icon name, e.g. use <x-icon name="help-outline">, not <x-icon name="help_outline">.
mmakrzem
commented
6 years ago The new browse link (https://material.io/icons/) on the document page is great!
danyhoron
commented
3 years ago Hi @jarek-foksa, I noticed that not all the material icons work. An example is: https://material.io/resources/icons/?search=screen&icon=cancel_presentation&style=baseline
This one: https://material.io/resources/icons/?search=screen&icon=present_to_all&style=baseline works.
Do I need to do anything special to make it work ?
Thank you
jarek-foksa
commented
3 years ago Material iconset shipped with Xel 0.0.x is a bit outdated. The stable version of Xel (to be released soon) is going to contain only ~200 most commonly used Material and Fluent icons for the testing purposes.
danyhoron
commented
3 years ago Thank you for that.
Can I use other icons not shipped w/ Xel?
jarek-foksa
commented
3 years ago Yes, for best performance you should define your own iconset that contains only the icons used by your app. Then you could reference it like this: <x-icon name="zoom" iconset="/iconsets/custom.svg"></x-icon>
danyhoron
commented
3 years ago Great!
Thank you. You've done an awesome job.
@jarek-foksa is there a help page or something that illustrates all the icons which are available in xel? I opened the icons.svg file and I see that there are 964 icons defined, but what do they all look like? It would be nice to see their pictures and names side by side so that it is easy to choose what is needed.