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 https://t.co/skqcbVZfA6 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: https://t.co/APPoeYEwYu
Published documentation for upcoming IconifyIcon web component: https://t.co/WD6oio1iss
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.
Experiments animating icons using SVG 2 animations spec: https://t.co/DrBZAHJfoE
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. ✌️
https://t.co/WgbqROO7db
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: https://t.co/9Sn9ArJQmW
Voting for Iconify is appreciated!
IconifyIcon web component is available: https://t.co/Vf0XbWWYGb
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: https://t.co/wloX8P74Gn
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: https://t.co/KIMBbLRgHH and documentation for Iconify Tools: https://t.co/3FIbYErHZG
@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...