Vjacheslav Trushkin
@cyberalien.dev
Full stack open source dev from Estonia, author of Iconify.
https://github.com/cyberalien/
https://github.com/iconify/
https://github.com/cyberalien/
https://github.com/iconify/
New feature in Iconify plugin for Tailwind 4: support for custom icons.
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...
November 4, 2025 at 6:42 AM
New feature in Iconify plugin for Tailwind 4: support for custom icons.
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...
Published icon components for Vue for all icon sets: "@ iconify-vue/prefix" (where "prefix" is icon set prefix).
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:
September 28, 2025 at 8:22 PM
Published icon components for Vue for all icon sets: "@ iconify-vue/prefix" (where "prefix" is icon set prefix).
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:
A different method of rendering SVG that I think can replace SVG sprites in future: SVG + CSS:
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.
September 17, 2025 at 6:17 PM
A different method of rendering SVG that I think can replace SVG sprites in future: SVG + CSS:
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 feature in Iconify plugin for Figma: import an entire icon set!
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...
June 17, 2025 at 8:02 AM
New feature in Iconify plugin for Figma: import an entire icon set!
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...
New option in Iconify plugin for Figma: lock aspect ratio.
After today's update to Figma plugin API, it is now possible to lock aspect ratio of frames. I've immediately implemented it in Iconify plugin.
Plugin page: www.figma.com/community/pl...
After today's update to Figma plugin API, it is now possible to lock aspect ratio of frames. I've immediately implemented it in Iconify plugin.
Plugin page: www.figma.com/community/pl...
February 13, 2025 at 7:09 PM
New option in Iconify plugin for Figma: lock aspect ratio.
After today's update to Figma plugin API, it is now possible to lock aspect ratio of frames. I've immediately implemented it in Iconify plugin.
Plugin page: www.figma.com/community/pl...
After today's update to Figma plugin API, it is now possible to lock aspect ratio of frames. I've immediately implemented it in Iconify plugin.
Plugin page: www.figma.com/community/pl...
Iconify icon sets website is now GDPR compliant.
Added a cookies notice, trying to do it as clean as possible.
It appears only after changing a setting.
If user declines, website works fine, but next time you visit website it will not remember your settings.
Website: icon-sets.iconify.design
Added a cookies notice, trying to do it as clean as possible.
It appears only after changing a setting.
If user declines, website works fine, but next time you visit website it will not remember your settings.
Website: icon-sets.iconify.design
January 30, 2025 at 5:30 PM
Iconify icon sets website is now GDPR compliant.
Added a cookies notice, trying to do it as clean as possible.
It appears only after changing a setting.
If user declines, website works fine, but next time you visit website it will not remember your settings.
Website: icon-sets.iconify.design
Added a cookies notice, trying to do it as clean as possible.
It appears only after changing a setting.
If user declines, website works fine, but next time you visit website it will not remember your settings.
Website: icon-sets.iconify.design
Layout of Iconify icon sets website has been improved.
Now, when you click an icon, customisation options and code samples appear below list of icons instead of overlay, making it easy to quickly navigate icons and it follows dark/light theme.
Now, when you click an icon, customisation options and code samples appear below list of icons instead of overlay, making it easy to quickly navigate icons and it follows dark/light theme.
January 20, 2025 at 7:01 PM
Layout of Iconify icon sets website has been improved.
Now, when you click an icon, customisation options and code samples appear below list of icons instead of overlay, making it easy to quickly navigate icons and it follows dark/light theme.
Now, when you click an icon, customisation options and code samples appear below list of icons instead of overlay, making it easy to quickly navigate icons and it follows dark/light theme.
Iconify plugin for Tailwind 4 has been released, it supports "plugin" directive.
For now only one version of plugin is available, more will be published later.
Installation and usage instructions:
For now only one version of plugin is available, more will be published later.
Installation and usage instructions:
December 25, 2024 at 3:08 PM
Iconify plugin for Tailwind 4 has been released, it supports "plugin" directive.
For now only one version of plugin is available, more will be published later.
Installation and usage instructions:
For now only one version of plugin is available, more will be published later.
Installation and usage instructions:
More ways to filter icon sets in Iconify!
Now some icon sets have tags to filter icon sets that:
- Contain animations
- Have padding built in
- Have pixel perfect shapes
- Use stroke (which you can customise)
icon-sets.iconify.design
Now some icon sets have tags to filter icon sets that:
- Contain animations
- Have padding built in
- Have pixel perfect shapes
- Use stroke (which you can customise)
icon-sets.iconify.design
December 16, 2024 at 4:30 PM
More ways to filter icon sets in Iconify!
Now some icon sets have tags to filter icon sets that:
- Contain animations
- Have padding built in
- Have pixel perfect shapes
- Use stroke (which you can customise)
icon-sets.iconify.design
Now some icon sets have tags to filter icon sets that:
- Contain animations
- Have padding built in
- Have pixel perfect shapes
- Use stroke (which you can customise)
icon-sets.iconify.design
Iconify currently has 174 open source icon sets.
It might be hard to find icon set you are looking for, so to make it easier, now there is an option to sort icon sets.
It is implemented on Iconify website (powered by Nuxt), Figma and Penpot plugins: icon-sets.iconify.design
It might be hard to find icon set you are looking for, so to make it easier, now there is an option to sort icon sets.
It is implemented on Iconify website (powered by Nuxt), Figma and Penpot plugins: icon-sets.iconify.design
December 14, 2024 at 8:32 AM
Iconify currently has 174 open source icon sets.
It might be hard to find icon set you are looking for, so to make it easier, now there is an option to sort icon sets.
It is implemented on Iconify website (powered by Nuxt), Figma and Penpot plugins: icon-sets.iconify.design
It might be hard to find icon set you are looking for, so to make it easier, now there is an option to sort icon sets.
It is implemented on Iconify website (powered by Nuxt), Figma and Penpot plugins: icon-sets.iconify.design
Downloading code for icons is now much faster with 2 clicks:
- Toggle more options
- Download or copy code
You can change code options in footer, when you select any icon: change language, size, color, etc.... Those changes will apply to all code samples.
Demo:
- Toggle more options
- Download or copy code
You can change code options in footer, when you select any icon: change language, size, color, etc.... Those changes will apply to all code samples.
Demo:
December 7, 2024 at 4:09 PM
Downloading code for icons is now much faster with 2 clicks:
- Toggle more options
- Download or copy code
You can change code options in footer, when you select any icon: change language, size, color, etc.... Those changes will apply to all code samples.
Demo:
- Toggle more options
- Download or copy code
You can change code options in footer, when you select any icon: change language, size, color, etc.... Those changes will apply to all code samples.
Demo:
You can now create custom icon sets lists from filtered icon sets on Iconify website: icon-sets.iconify.design
What is it for? To filter icon sets before searching, limiting search results to only selected icon sets.
Example: searching only GPL licensed icon sets:
What is it for? To filter icon sets before searching, limiting search results to only selected icon sets.
Example: searching only GPL licensed icon sets:
December 7, 2024 at 3:04 PM
You can now create custom icon sets lists from filtered icon sets on Iconify website: icon-sets.iconify.design
What is it for? To filter icon sets before searching, limiting search results to only selected icon sets.
Example: searching only GPL licensed icon sets:
What is it for? To filter icon sets before searching, limiting search results to only selected icon sets.
Example: searching only GPL licensed icon sets:
Working on something exciting... should be ready soon, maybe even this week.
December 2, 2024 at 9:55 PM
Working on something exciting... should be ready soon, maybe even this week.
Updated logo and related images on main Iconify website and GitHub organisation.
New shiny Iconify logo:
New shiny Iconify logo:
December 1, 2024 at 4:35 PM
Updated logo and related images on main Iconify website and GitHub organisation.
New shiny Iconify logo:
New shiny Iconify logo:
By popular request added dark mode to new Iconify icon sets website: icon-sets.iconify.design
Button to toggle it is in footer.
Button to toggle it is in footer.
December 1, 2024 at 8:39 AM
By popular request added dark mode to new Iconify icon sets website: icon-sets.iconify.design
Button to toggle it is in footer.
Button to toggle it is in footer.
New Iconify icon sets website is almost ready, will deploy it this weekend.
It is a full redesign, focusing on better UX.
Many new features to make it easier to browse and customise icons!
It is a full redesign, focusing on better UX.
Many new features to make it easier to browse and customise icons!
November 29, 2024 at 6:24 PM
New Iconify icon sets website is almost ready, will deploy it this weekend.
It is a full redesign, focusing on better UX.
Many new features to make it easier to browse and customise icons!
It is a full redesign, focusing on better UX.
Many new features to make it easier to browse and customise icons!
2 versions page to customise icon:
- One has customisations inside code sample tabs
- One has customisations separate from code sample
Which one do you think is better?
- One has customisations inside code sample tabs
- One has customisations separate from code sample
Which one do you think is better?
November 28, 2024 at 6:37 PM
2 versions page to customise icon:
- One has customisations inside code sample tabs
- One has customisations separate from code sample
Which one do you think is better?
- One has customisations inside code sample tabs
- One has customisations separate from code sample
Which one do you think is better?
Last half of this year I've focused on redesigning Iconify project.
New website featuring new UX is almost complete.
This is new logo (light and dark variants):
New website featuring new UX is almost complete.
This is new logo (light and dark variants):
November 28, 2024 at 11:11 AM
Last half of this year I've focused on redesigning Iconify project.
New website featuring new UX is almost complete.
This is new logo (light and dark variants):
New website featuring new UX is almost complete.
This is new logo (light and dark variants):
New feature for Iconify plugin for Figma: ability to pin filters when viewing icon set.
This makes it easy to switch themes or categories when browsing icons without having to toggle dropdown.
Pinned filters are saved in settings (separately for each icon set).
This makes it easy to switch themes or categories when browsing icons without having to toggle dropdown.
Pinned filters are saved in settings (separately for each icon set).
October 29, 2024 at 4:59 PM
New feature for Iconify plugin for Figma: ability to pin filters when viewing icon set.
This makes it easy to switch themes or categories when browsing icons without having to toggle dropdown.
Pinned filters are saved in settings (separately for each icon set).
This makes it easy to switch themes or categories when browsing icons without having to toggle dropdown.
Pinned filters are saved in settings (separately for each icon set).
Not all open source licenses are equal. Some require attribution, some do not permit commercial use.
Iconify plugin for Figma can filter by license (and search only filtered icon sets), show detailed license information.
When viewing icon set, you can click link to read full license text.
Iconify plugin for Figma can filter by license (and search only filtered icon sets), show detailed license information.
When viewing icon set, you can click link to read full license text.
October 28, 2024 at 6:06 AM
Not all open source licenses are equal. Some require attribution, some do not permit commercial use.
Iconify plugin for Figma can filter by license (and search only filtered icon sets), show detailed license information.
When viewing icon set, you can click link to read full license text.
Iconify plugin for Figma can filter by license (and search only filtered icon sets), show detailed license information.
When viewing icon set, you can click link to read full license text.
While many developers use things like Tailwind and UnoCSS these days, which are excellent for productivity, I prefer to code the old way and still using Sass.
Vite still uses old API to parse Sass. To use a faster modern API, add this to Vite config (in Nuxt config wrap it in "vite" prop):
Vite still uses old API to parse Sass. To use a faster modern API, add this to Vite config (in Nuxt config wrap it in "vite" prop):
October 26, 2024 at 8:07 PM
While many developers use things like Tailwind and UnoCSS these days, which are excellent for productivity, I prefer to code the old way and still using Sass.
Vite still uses old API to parse Sass. To use a faster modern API, add this to Vite config (in Nuxt config wrap it in "vite" prop):
Vite still uses old API to parse Sass. To use a faster modern API, add this to Vite config (in Nuxt config wrap it in "vite" prop):