I’m trying to add Phosphor Icons to WeWeb. (Phosphor’s site and Github ) What I’ve tried so far I used Statechange’s WeWeb Embed Converter to create javascript from Phosphor Icons’ script source and embedded that code into a before-app-load workflow. [1] I added an HTML embed for an icon and…

Does Phosphor icons have HTML characters for the icons? I can upload the set up the font in WeWeb using the .woff file, but I don’t see the character to copy/paste into the text field. I tried just setting the text value as the name of the icon, but it didn’t work. [CleanShot 2023-05-24 at 17.12.4…

I’m not at my desktop now. Did you have a look at this ?

We discussed this problem on the statechange community too. I made a video showing how to use the imported version via the statechange weweb embedder using standard weweb components to give more flexibility (rather than the HTML embed, which is harder to work with) [image] Adding Icons To …

I made a second video showing how we can integrate this with the weweb built-in icon element because sometimes its easier to show than tell: Adding External Icons to Weweb - Descript

Custom Icons (Phosphor Icons)

Ask us anything

dorilama (Mariano) May 24, 2023, 9:14pm 2

have you tried following this method using the font files?

Topic		Replies	Views
Adding custom icons to weweb Tutorials design	20	4151	January 11, 2024
Phosphor icons: Upgrade to v 2.1.0 How do I?	0	45	March 7, 2025
Custom Iconify icons (or any font based CSS) as Weweb icons Tutorials design , weweb	26	2957	May 28, 2025
⚡ Easier and faster way to import icons New Releases	43	910	May 22, 2025
Importing a new icons collection How do I? design	11	1205	August 9, 2024

Custom Icons (Phosphor Icons)

Related topics