脱FontAwesome

[syuilo]

Summary

• FontAwesomeは無料で使えるものが少ない
• (無料だと)デザインがあまり好みではない

[Simirall]

Material iconsとか https://material.io/resources/icons/

Our icons are free for everyone to use. Available under Apache license version 2.0.

[EbiseLutica]

以前使ってみたことあるけど、Material Icons のほうが語彙が少なかった

[Simirall]

Syuilo Icon Font🧐

[syuilo]

これとか https://fonts.google.com/icons

[rinsuki]

それ中身 Material Icons だよ

[syuilo]

おっと失礼

[kazukyakayashi]

Why not https://forkaweso.me/ (License: SIL OFL 1.1, Open Font License) ?

Or :

• https://feathericons.com/ (MIT license)
• https://tablericons.com/ (MIT license)

[acid-chicken]

あと重め

これってアイコンのレンダリング負荷の話？あるいはレンダリングのみに限らないライブラリの動作コストとか、アセットサイズのことを指している？

[tamaina]

アセットサイズ

Tree Shakingしてるしほかのライブラリにしたとしても減るかしら？

[syuilo]

あと重め

これってアイコンのレンダリング負荷の話？あるいはレンダリングのみに限らないライブラリの動作コストとか、アセットサイズのことを指している？

どっちもかな ひとつひとつがVueのコンポートになっているから多少なりともレンダリングコストが発生するし、バグか知らんけどTreeShakingとかCodeSplittingが何故か効かない(DynamicImportでしか読み込まれないファイル内であるアイコンをImportしていても、アイコンだけ何故かメインのバンドルに含まれる)

[syuilo]

後これは気持ちの問題だけどできれば完全にオープンソースなもの使いたい

[syuilo]

https://css.gg/app もある

[syuilo]

MaterialIcons使う方向で進めている

[syuilo]

やっぱり https://github.com/tabler/tabler-icons が良さそう

[syuilo]

やっていくか

[ThatOneCalculator]

Thoughts on https://phosphoricons.com/ ? (+ https://github.com/phosphor-icons/phosphor-vue)

[syuilo]

Thoughts on https://phosphoricons.com/ ? (+ https://github.com/phosphor-icons/phosphor-vue)

cool

[Johann150]

I think an issue we should also consider is that it will be confusing if the look of the icons changes. In some places this might be okay because there is also text next to the icon, but in some places (e.g. Top Menu in Classic UI) there is just the icon.

I am not sure if it is really necessary (and also worth the big effort) to switch icon sets.

[ThatOneCalculator]

Phosphor has (almost) all the icons that Misskey currently uses, so I don't think it's too big of an issue

[Johann150]

My concern is more that the icons will just look different not whether the icon set has icons with the same name.

Take for example the "follow requests" button. It currently looks like this: I'm not sure what Phosphor icon you would want to replace it with, because I could not find a similar icon. Maybe user-circle-gear?

But as you can see, the icons are quite different. If I am looking in my menu bar and looking for a specific icon because I know what it used to look like, I will be confused because I can not find it.

[ThatOneCalculator]

I'm not sure what Phosphor icon you would want to replace it with, because I could not find a similar icon. Maybe user-circle-gear?

More likely user-gear or user-list, but I get where you're coming from. I still think it's a good idea to switch away from FA, but maybe polling the community about some ideas would be good

[syuilo]

I prefer tabler icons for the way the corners are represented.

[syuilo]

My concern is more that the icons will just look different not whether the icon set has icons with the same name.

Conversely, there are cases where Fontawesome does not have appropriate icons, but Tabler/Phosphor icons do. (e.g. icon for webhook)