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 x.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…
Published documentation for upcoming IconifyIcon web component: docs.iconify.design/iconify-…
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.
Slowly ripping off the band aid of node-fetch.
🌱 Node-fetch but only as fallback to native fetch, ~14x smaller install size, polyfills, ESM CJS support and conditional exports for zero-overhead worker and browser builds!
github.com/unjs/node-fetch-n…
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
ALT black background with a yellow nine-pointed star outlined with the Figma pen tool surrounded by smaller five-pointed stars. The copy says Figma Community Awards. Vote by May 10th.
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/plugin/7…
Voting for Iconify is appreciated!
IconifyIcon web component is available: npmjs.com/package/iconify-ic…
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…
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/blo… and documentation for Iconify Tools: docs.iconify.design/tools/to…
First tweet. From now I'll be using this account to publish updates for Iconify project and answer questions. Support is also available on Discord at discord.gg/Ft2pAeBH in 'iconify' channel