iconify

So... I've decided to switch account, while it has only few followers, so not many people will notice. This account seems too formal, specific to Iconify project, but not suitable for anything else. So I'll be using my old account twitter.com/slava_trushkin from now on.

Using SVG animations is not easy. Animations can start with delay if used as inline SVG, animations can fail if used as background image. Article showing bugs (with demos in frames that you can restart) that I found so far and workarounds: docs.iconify.design/articles/svg-a…

Published documentation for upcoming IconifyIcon web component: docs.iconify.design/iconify-icon/ It is usable in all UI frameworks, works great with SSR. Also rewrote documentation website to use new web component instead of Iconify SVG framework.

Replaced @fontawesome with @iconify_design icons, much better load times #javascript #icons #getbootstrap #fontawesome #fonts devpicker.com

Please don't ship pure ESM library. It does not help ESM migration but only makes ppl stick to the old versions. 🙏 Thank you @_pi0_ for doing this!

@figma Greetings from 🇪🇪

We want know where you’re joining us from. Drop your flag in the comments! #Config2022

Experiments animating icons using SVG 2 animations spec: cyberalien.github.io/line-md/ Animations are inside icons code, no CSS, no scripts. Those icons are available with Iconify icon components, UnoCSS, Unplugin Icons and Astro Icons. Do not run SVGO, it will break animations!

Thanks for nominating your favorite files, plugins, and widgets for the #FigmaCommunityAwards. Now it’s time to vote for your favorites. ✌️ bit.ly/37608dR

Svg icon component for weapp, based on iconify and pure css. Big thanks to @antfu7 and @iconify_design 🙏 github.com/LarchLiu/weapp…

Iconify is nominated as a finalist for the "Favorite plugin for adding content into Figma" category in the 2022 Figma Community Awards! Check out Iconify plugin for Figma: figma.com/community/plug… Voting for Iconify is appreciated!

IconifyIcon web component is available: npmjs.com/package/iconif… It will eventually replace SVG framework and native components for frameworks such as React, Svelte, Vue. Performance of icons in shadow DOM is much better, especially for icons that use SVG2 animations.

If you are wondering what goes into cleaning up and validating SVG before it can be used with Iconify, I've written an article with list of steps used in parsing and validating icons, links to functions and examples: docs.iconify.design/articles/clean…

@worast @Steve8708 @yagopereiraaz If you only need to work with parameters without an entire URL, you can use URLSearchParams instead.

@Steve8708 @yagopereiraaz What about relative links ?

PSA: please stop using strings concatination to create and edit URLs in JS All major browsers have great built-in functionality for URL parsing & manipulation:

Updated all Iconify icon components. Packages are now 5-8% smaller, thanks to new function that validates icon sets, which used to be unnecessary complex. Also removed optional chaining from code, which was recently added that caused problems for devs using outdated software.

Published update for Iconify Tools. New version makes it is easy to clean up custom icons in unplugin-icons and UnoCSS. Example config file for unplugin-icons: github.com/iconify/tools/… and documentation for Iconify Tools: docs.iconify.design/tools/tools2/

@kamikaz1_k @antfu7 ...so they have massive choice of icons instead of being tied to one icon set. Currently number of available icons is about 110k. All open source.

@kamikaz1_k @antfu7 ...any developer to easily use any of those 100+ icon sets without any extra work. It is all automatically updated several times a week. That allowed Anthony to create various projects that use those icons. It allows designers to mix icons from various icon sets...

💖 I'm sponsoring cyberalien because I can't thank enough for Iconify making so many things possible in such easy ways! github.com/sponsors/cyber…

@antfu7 Thank you!