Replace icons set with branded business outlined icons

[yangwao]

We are looking for an icon set, where we could change icons from current font awesome to new where they offer outlined icons for brands like twitter, medium, discord.

• [ ] check if their licence allows using at OSS
• [ ] check if they allow enough wide set of icons for the future use
• [ ] their bundle is lightweight

[roiLeo]

Other library proposal

• Feather icons ~286 icons
• Hero icons ~230 icons
• Ionicons ~1300 icons
• (New contender) Iconoir ~1091 icons

All of them are MIT licensed.

[yangwao]

I'm testing in a particular order, twitter, medium, discord, telegram (opt send)

Other library proposal

• Feather icons ~286 icons

missing discord

• Hero icons ~230 icons

no twitter

• Ionicons ~1300 icons

don't have outlined brand icons :|

All of them are MIT licensed.

I think either we figure out something half-through solution or wait to keep searching for proper set 👀

[roiLeo]

What about Boxicons

[yangwao]

I see [image: image.png] might be good!

On Thu, Oct 28, 2021 at 5:13 PM roiLeo @.***> wrote:

What about Boxicons https://github.com/atisawd/boxicons

— You are receiving this because you authored the thread. Reply to this email directly, view it on GitHub https://github.com/kodadot/nft-gallery/issues/796#issuecomment-953943308, or unsubscribe https://github.com/notifications/unsubscribe-auth/ABM5POJJWNNSN5XPQGQQDR3UJFZA3ANCNFSM5EXS22AQ . Triage notifications on the go with GitHub Mobile for iOS https://apps.apple.com/app/apple-store/id1477376905?ct=notification-email&mt=8&pt=524675 or Android https://play.google.com/store/apps/details?id=com.github.android&referrer=utm_campaign%3Dnotification-email%26utm_medium%3Demail%26utm_source%3Dgithub.

[vikiival]

I've just hijacked Viki's notebook and found that FortAwesome will be implementing Vue3 with FA6 which probably is off table for now.

Found that https://www.npmjs.com/package/vue-material-design-icons might work just need to tackle which icons use for what.

Let's prepare PR and I can ping point icons where which use-- @yangwao Found that Medium is missing Discord is there, right top arrow is there as well mdiArrowTopRight Let's give it a shot?

[yangwao]

Once we will have ability to use Vue3 #2692 we can check this one and go with FA6

[niklasp]

when vue3?

[vikiival]

when vue3?

Recommend to join Discord

[yangwao]

when vue3?

if you can help us with migration, that would be superior! :)

[roiLeo]

From #4788,

We might want to integrate iconify (or icones.js) for that purposes this will allow us to have easy access to multiple icon pack.

[Ikwemogena]

@yangwao Icones.js / Iconify offers this. I'd like to work on this.

[preschian]

let's go with Iconify

• https://iconify.design/getting-started/
• https://github.com/nuxt-modules/icon

Currently fontawesome kit was down

[vikiival]

Sure cc @kodadot/internal-dev

[exezbcz]

any changes for me? are switching to a different icon set?

[JustLuuuu]

@preschian can we close this?

[preschian]

This one is not done yet