phosphor-icons / webcomponents Goto Github PK

Hi there! Love the icon set, and am already using it in a project by hacking the SVGs directly into my code. I was starting to prep component versions of them when I saw this was already in progress. Is anything in particular preventing this from being published on NPM? Anything you need a hand with to push it over the finish line?

Hello! I was wondering if you had any thoughts on reducing bundle size when using this library. We're using a relatively small number (50~) of icons, so I'd like to leverage tree shaking to only include the icons we're using. As is, the icons load in noticeably after the rest of the page, causing a flicker when they render in. I think this could be fixed if we weren't making the browser download and parse JS for thousands of icons.

I would expect this to only load a single icon when used with, for example, Vite tree shaking:

import { PhArrowBendUpRight } from '@phosphor-icons/webcomponents'

But it looks like every icon gets bundled.

Curious if you have any thoughts, ideas, workarounds, etc. Thank you!