search

iconoir-icons / iconoir

An open source icons library with 1500+ icons, supporting React, React Native, Flutter, Vue, Figma, and Framer.
https://iconoir.com
MIT License
3.87k stars 169 forks source link

Iconoir font #383

Open Silbad opened 11 months ago

Silbad commented 11 months ago

Hello, I made a css font with your great icons : https://github.com/Silbad/iconoir-font/ if ok ? The font you are proposing embeds all the icons, which degrades the site's performance. What's more, the style on some icons doesn't work. So. Test with my demo when i load all icons : demo I've tried to stay as close as possible to the original icons. However, I've had a few problems with certain icons for various reasons (the eyes and musical notes of emojis, the dots on dice, snapchat, etc.). In short, I'll be updating it alongside your releases ;)

Upvote & Fund

Fund with Polar

lucaburgio commented 11 months ago

Hi! Looks promising, thank you! It would be interesting to see it automatically updating, and official on this repo.

Happy to discuss this further!

Silbad commented 10 months ago

Hi! https://www.npmjs.com/package/iconoir-font 7.2.0 publish. Yes, it should be possible to integrate it into the original repo. There are a few things that need to be looked at first. Are you going to rework all the icons to change them to outlines? Ideally, I'd also like to tweak them so they're more pixel-perfect and more respectful of the safety zone. I'll also have to look into making them all square when rendered. https://m2.material.io/design/iconography/system-icons.html

lucaburgio commented 10 months ago

I'm considering offering an outline version, keeping the actual dynamic style. Icons are following guidelines, but there are cases that are of course optimized to have the right visual consistency and balance.

It would be useful to discuss this further in details. Please @Silbad join our Discord server, and DM me so we can start an appropriate channel regarding this! 🙌

hertg commented 5 months ago

Are there any updates on officially offering iconoir as a (lightweight) font? I am working in a project where I avoid npm and JS bundlers in general. I'm using AlpineJS, Htmx, and TailwindCSS. When clearing caches and doing a full refresh to my application, 2.89MB have to be downloaded. A full 2.61MB of it is just iconoir.css (related #362).