Sep '24 (edited) • General Discussion 💬
Quick demo on how to import icons in WeWeb
In this video, I'm using Google Material Design icons, but you can use other icon libraries as well.
1️⃣ Download the font file from a GitHub repository.
2️⃣ Upload the font into WeWeb.
3️⃣ Choose an icon from the library and copy the code.
4️⃣ Go back to WeWeb, click on a text element in the editor, highlight the text, and paste the code.
5️⃣ In the "Font Family" section, select the icon font library you imported. The icon will then appear on the canvas, and you can edit and use any icon from the library in your project!
Link to the repo where I got the font file: https://github.com/google/material-design-icons/blob/master/variablefont/MaterialSymbolsOutlined%5BFILL%2CGRAD%2Copsz%2Cwght%5D.ttf
4
1 comment
Quick demo on how to import icons in WeWeb
skool.com/snappy
Faster than vibe coding. Private AI tools to ship real systems while others prompt. We build businesses, not demos.
Powered by