https://github.com/cyberalien/
https://github.com/iconify/
survey.devographics.com/en-US/survey...
survey.devographics.com/en-US/survey...
All browsers have supported this for several years. Safari Technology Preview had this for about 1.5 years, yet it is still disabled in release. Why?
This means CSS animations and transitions can't be used on SVGs yet :(
All browsers have supported this for several years. Safari Technology Preview had this for about 1.5 years, yet it is still disabled in release. Why?
This means CSS animations and transitions can't be used on SVGs yet :(
Custom icon sets can be set in "icon-sets" option with functions "from-json" to load icon set from IconifyJSON format and "from-folder" to load all SVGs from a folder.
Docs: iconify.design/docs/usage/c...
Custom icon sets can be set in "icon-sets" option with functions "from-json" to load icon set from IconifyJSON format and "from-folder" to load all SVGs from a folder.
Docs: iconify.design/docs/usage/c...
This version changes behavior slightly to avoid triggering "effect_update_depth_exceeded" when many (over 5k) icons are rendered on page.
Icons are now rendered instantly, not waiting for onMount event.
iconify.design/news/2025.ht...
This version changes behavior slightly to avoid triggering "effect_update_depth_exceeded" when many (over 5k) icons are rendered on page.
Icons are now rendered instantly, not waiting for onMount event.
iconify.design/news/2025.ht...
Difference in work flow, building icon set I've been working on:
- Old laptop: 17.8s
- New laptop: 4.7s
Massive difference! And its quiet, no fan noise!
Difference in work flow, building icon set I've been working on:
- Old laptop: 17.8s
- New laptop: 4.7s
Massive difference! And its quiet, no fan noise!
- Browser Mode is Stable
- Visual Regression Testing
- Improved Debugging
- Pool Stabilization
- New APIs
- Bug Fixes
Stay updated with our blog post:
vitest.dev/blog/vitest-4
- Browser Mode is Stable
- Visual Regression Testing
- Improved Debugging
- Pool Stabilization
- New APIs
- Bug Fixes
Stay updated with our blog post:
vitest.dev/blog/vitest-4
Usage (replace "prefix" with icon set prefix, "icon" with icon name):
import IconName from "@ iconify-svelte/prefix/icon"
Docs: iconify.design/docs/usage/s...
Usage (replace "prefix" with icon set prefix, "icon" with icon name):
import IconName from "@ iconify-svelte/prefix/icon"
Docs: iconify.design/docs/usage/s...
Components are very easy to use, not much to document.
Components are very easy to use, not much to document.
However, Safari browser does not support it yet.
So I came up with solution, which relies on Iconify API.
Currently available only for Vue, Svelte and React.
Solution, how it works and usage example: cyberalien.dev/articles/saf...
However, Safari browser does not support it yet.
So I came up with solution, which relies on Iconify API.
Currently available only for Vue, Svelte and React.
Solution, how it works and usage example: cyberalien.dev/articles/saf...
These are experimental components, rendering icons as SVG+CSS: cyberalien.dev/articles/svg...
To import an icon, import it from "@ iconify-vue/prefix/name"
Usage example:
These are experimental components, rendering icons as SVG+CSS: cyberalien.dev/articles/svg...
To import an icon, import it from "@ iconify-vue/prefix/name"
Usage example:
cyberalien.dev/articles/svg...
Unfortunately, it cannot be used in production yet. Safari does not support it.
cyberalien.dev/articles/svg...
Unfortunately, it cannot be used in production yet. Safari does not support it.
New website: cyberalien.dev
It is a very basic blog, I wrote few simple articles about SVG and animations, which will be useful for explaining new stuff I'm working on.
New website: cyberalien.dev
It is a very basic blog, I wrote few simple articles about SVG and animations, which will be useful for explaining new stuff I'm working on.
Paste SVGs right to your vector edit program thanks to this awesome plugin for Raycast!
#arcticons #Iconify #icons #iconpack #raycast
Paste SVGs right to your vector edit program thanks to this awesome plugin for Raycast!
#arcticons #Iconify #icons #iconpack #raycast
This version no longer supports CommonJS. To avoid breaking code, exports weren't changed, so no need to change your code.
If you still need CommonJS, you can install previous version by installing "@iconify/utils@cjs".
This version no longer supports CommonJS. To avoid breaking code, exports weren't changed, so no need to change your code.
If you still need CommonJS, you can install previous version by installing "@iconify/utils@cjs".
In version 5.0.0 something triggered effect_update_depth_exceeded Svelte error, but error could not be reliably reproduced, so I changed code a bit hoping it fixes error, but cannot guarantee fix.
1/2
In version 5.0.0 something triggered effect_update_depth_exceeded Svelte error, but error could not be reliably reproduced, so I changed code a bit hoping it fixes error, but cannot guarantee fix.
1/2
While I did want to keep support for as long as possible, dependencies dropping support for CommonJS make it harder and harder to do. So it is time to join.
Soon I'll release new major versions of all packages, without CommonJS
While I did want to keep support for as long as possible, dependencies dropping support for CommonJS make it harder and harder to do. So it is time to join.
Soon I'll release new major versions of all packages, without CommonJS
Huge thanks to all developers that release open source icons and maintain them. Most developers don't realise how many amazing open source icon sets exist. You can find icons for almost anything.
Huge thanks to all developers that release open source icons and maintain them. Most developers don't realise how many amazing open source icon sets exist. You can find icons for almost anything.
This function will import all icons, optionally as components, so you can easily use it as assets without having to run plugin multiple times.
Plugin page: www.figma.com/community/pl...
This function will import all icons, optionally as components, so you can easily use it as assets without having to run plugin multiple times.
Plugin page: www.figma.com/community/pl...
It is mostly a bug fix. There was a small typo that sometimes prevented custom icon set lists from being stored, so now lists work correctly.
It is mostly a bug fix. There was a small typo that sometimes prevented custom icon set lists from being stored, so now lists work correctly.
There are now 199 icon sets, only 1 short of big milestone.
There are now 199 icon sets, only 1 short of big milestone.
Project is stable, everything is working, so nothing exciting to report. It just works.
Icon sets are maintained, more open source icon sets are added when they are discovered.
Yes, this is a boring post.
Project is stable, everything is working, so nothing exciting to report. It just works.
Icon sets are maintained, more open source icon sets are added when they are discovered.
Yes, this is a boring post.
@goede.dev @zernonia.bsky.social
Recurring to projects:
@esm.sh @pnpm.io @cyberalien.dev
Join us to show appreciation for our dependencies and help them be sustainable!
opencollective.com/antfu/update...
@goede.dev @zernonia.bsky.social
Recurring to projects:
@esm.sh @pnpm.io @cyberalien.dev
Join us to show appreciation for our dependencies and help them be sustainable!
opencollective.com/antfu/update...
Changes:
- Rewritten Svelte component with runes syntax
- Rewritten Vue component with Vue's Composition API
- Removed previously deprecated functions
Migration guide: iconify.design/docs/article...
Changes:
- Rewritten Svelte component with runes syntax
- Rewritten Vue component with Vue's Composition API
- Removed previously deprecated functions
Migration guide: iconify.design/docs/article...
It is available as "@iconify/svelte@next" (beta version).
While Svelte still supports old syntax, to make component future proof it is better to rewrite it, so I did.
It is available as "@iconify/svelte@next" (beta version).
While Svelte still supports old syntax, to make component future proof it is better to rewrite it, so I did.