iiinova — where your digital self keeps evolving

CyberAlien @cyberalien.dev · 29/08/2026

Iconify is constantly growing, domain has passed a big milestone: 10 billion requests in last 30 days! It is a double of what it was a year ago. While project is free, servers cost money. If you are using Iconify, please consider supporting the project: iconify.design/sponsors/

Iconify website traffic for last 30 days

171

CyberAlien @cyberalien.dev · 25/08/2026

Major update to icons filter on Iconify website and in Figma plugin: AI search is now used when filtering icons in an icon set. New version shows related matches, making it easy to find icons by related words. icon-sets.iconify.design Screenshot: before (left) and after (right):

Search results on Iconify website: old and new version comparison

090

CyberAlien @cyberalien.dev · 07/08/2026

Added more open source icon sets to Iconify. There are now 218 icon sets with 317k icons! Hosting that many icons on API is expensive. Traffic is massive (attached stats). Please do consider supporting Iconify if you can, as current support barely covers hosting: iconify.design/sponsors/

020

CyberAlien @cyberalien.dev · 23/06/2026

Nice! Tested in Safari, demo works without issues.

050

CyberAlien @cyberalien.dev · 23/05/2026

New feature on Iconify icon sets website: select multiple icons, generate bundles in various formats. It can export multiple icons as bundles, SVG and CSS sprites, components for several frameworks, raw data. You can load and save selected icons. Website: icon-sets.iconify.design Demo:

030

CyberAlien @cyberalien.dev · 15/05/2026

New Iconify icon sets website no longer has infinite scrolling for icons. However, now it has more settings for icons list: - Layout: large icons with names, medium or small without names. - Size of icons. - Number of icons per page. - viewBox outline. icon-sets.iconify.design Demo below:

050

CyberAlien @cyberalien.dev · 14/05/2026

I've rebuilt Iconify icon sets website. Same UI, new UX! Check it out at icon-sets.iconify.design Changes: - Got rid of infinite scroll - No more overlapping elements - New code generator - Select multiple icons, generate bundles and sprites I'll write articles about each major change later...

New Iconify icons grid and code generator

020

CyberAlien @cyberalien.dev · 30/04/2026

There are many excellent icons with multiple colors, but hardcoded palette makes them hard to use. Now, when using Iconify icon packages, you can customise colors, opacity and stroke-width of icons using CSS variables! See documentation: iconify.design/docs/usage/s...

030

CyberAlien @cyberalien.dev · 06/03/2026

In addition to pre-made SVG+CSS components for Vue, Svelte and React, now there are components for SolidJS! Very easy to use. Almost 300k open source icons! SVG+CSS minifies SVG by moving all props to CSS, way better than SVG sprites! Docs: iconify.design/docs/usage/s...

050

CyberAlien @cyberalien.dev · 04/03/2026

I've tested it on my local Next installation, cannot get this to work. Any idea what could be wrong? Demo is from github.com/iconify/unpl... from "examples/next". (install from root dir, then build it, then check demo)

200

CyberAlien @cyberalien.dev · 04/03/2026

Iconify now offers pre-made SVG+CSS components for React. Usage: 1. Install one of "@iconify-react/" packages 2. Import icon from that package. SVG+CSS minifies SVG by moving all props to CSS, much better than SVG sprites! Documentation: iconify.design/docs/usage/s...

220

CyberAlien @cyberalien.dev · 29/11/2025

Just noticed that Cloudflare has a new option (new to me, might have been there for a while) to block AI bots. Enabled on all websites. All open source data is available in git repos, no need for bots to crawl pages

020

CyberAlien @cyberalien.dev · 20/11/2025

Iconify Unplugin now supports multiple ways of rendering CSS for icons: - Import CSS files - CSS modules - Embed CSS in SVG Importing CSS files is default - it reduces duplication and keeps small class names. CSS modules is one of options for using plugin with Next github.com/iconify/icon...

Demo of different css options for Iconify Unplugin

020

CyberAlien @cyberalien.dev · 20/11/2025

Update to Iconify Unplugin: added option to render full SVG instead of SVG+CSS. Why would you want that? - To support legacy browsers if fallback icon is not available. - Next.js - it doesn't allow css files outside of App.tsx, which sucks. Result is similar to using Unplugin Icons

010

CyberAlien @cyberalien.dev · 18/11/2025

Announcing new way of rendering icons: Iconify Unplugin. This is heavily inspired by Unplugin Icons, but with one big difference: icons are rendered as SVG + CSS. GitHub repo: github.com/iconify/icon... Currently it supports components for: Vue, Svelte, React, Preact. This is an alpha release.

4321

CyberAlien @cyberalien.dev · 04/11/2025

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...

030

CyberAlien @cyberalien.dev · 28/09/2025

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:

010

CyberAlien @cyberalien.dev · 17/09/2025

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.

010

CyberAlien @cyberalien.dev · 17/06/2025

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...

010

CyberAlien @cyberalien.dev · 13/02/2025

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...

030

CyberAlien @cyberalien.dev · 30/01/2025

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

GDPR notice on Iconify icon sets website

130

CyberAlien @cyberalien.dev · 20/01/2025

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.

061

CyberAlien @cyberalien.dev · 25/12/2024

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:

100

CyberAlien @cyberalien.dev · 16/12/2024

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

Filter icon sets by tags in Iconify plugin for Figma

040

CyberAlien @cyberalien.dev · 14/12/2024

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

Option to sort icon sets in Iconify plugin for Figma

0100

CyberAlien @cyberalien.dev · 07/12/2024

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:

010

CyberAlien @cyberalien.dev · 07/12/2024

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:

040

CyberAlien @cyberalien.dev · 02/12/2024

Working on something exciting... should be ready soon, maybe even this week.

130

CyberAlien @cyberalien.dev · 01/12/2024

Updated logo and related images on main Iconify website and GitHub organisation. New shiny Iconify logo:

070

CyberAlien @cyberalien.dev · 01/12/2024

By popular request added dark mode to new Iconify icon sets website: icon-sets.iconify.design Button to toggle it is in footer.

4524

CyberAlien @cyberalien.dev · 29/11/2024

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!

230

CyberAlien @cyberalien.dev · 28/11/2024

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?

000

CyberAlien @cyberalien.dev · 28/11/2024

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):

030

CyberAlien @cyberalien.dev · 29/10/2024

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).

010

CyberAlien @cyberalien.dev · 28/10/2024

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.

110

CyberAlien @cyberalien.dev · 26/10/2024

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):

110