Added support for Astro to Iconify Unplugin: github.com/iconify/icon... However, it is not recommended because icons are generated by splitting SVG to SVG + CSS, which all browsers support, except for Safari. Use islands with Vue, Svelte or React components instead, which have Safari fallback.

It’s been really encouraging to see tsdown adopted by companies like @vercel.com and @cloudflare.social, as well as open-source projects like OpenClaw and LobeHub. If tsdown has been useful to you or your project, please consider sponsoring my work ❤️ github.com/rolldown/tsd...

Spent last 2 full days coding in Zed... and I'm not planning to go back to VSCode. Zed is very impressive! There are minor annoyances and quirks, mostly related to syntax highlight and functionality of code autocomplete, but it is significantly faster and works perfectly in large monorepos.

I'm experiencing a huge issue with VSCode for last 2 days: import suggestions no longer work in any project. Nothing new installed recently. Disabled all extensions, VSCode is still broken. Anyone experiencing the same issue?

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:

About a week ago I got rid of infinite scroll for icons on Iconify website. Didn't realise how bad it affected SEO until I looked at search performance emails. Last month: 192k impressions, 4.43k clicks 2 years ago: 2.07m impressions, 106k clicks. Infinite scroll was such a bad idea!

Chrome shipped an LLM Prompt API to the web platform. At Mozilla, we oppose this API. Here's why:

We've just published patch releases of devalue, Svelte, and SvelteKit that fix a number of vulnerabilities. No need to panic — they're all hard to exploit or reliant on experimental features — but we recommend updating as soon as you get a chance. More details in the advisories:

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:

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

Yes! @svelte.dev goes from 🔴 -> 💚 on the Oxfmt side 🔥 You can now format your Svelte components with Oxfmt too. See oxc.rs/docs/guide/u... for more details

Wrote an article on this three and a half years ago, happy to see it finally making into browsers 😅 12daysofweb.dev/2022/css-ima...

🚀 tsdown v0.22 is out, now powered by Rolldown 1.0.0! What’s new: ✦ Upgraded to Rolldown v1.0.0 ✦ Reduced install size by 1.33 MB ✦ Auto-detects the `bin` field ✦ Dropped support for Node.js 20, 21, and 23 ✦ `dts` is now inferred from `compilerOptions.declaration` github.com/rolldown/tsd...

Fun fact: NPM has limit on how many packages you can publish consequently! Ran a script to update packages for over 200 icon sets for 4 frameworks (adding new feature), so 800+ packages. NPM started timing out after about 500 packages. Had to wait for about an hour before I could publish again.

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

A while ago I've implemented infinite scroll for icons list on Iconify website. That was a huge mistake. UX got a lot worse. I tried fixing it, but it is unfixable. So I'm reverting back to good old pagination. Long article with details: cyberalien.dev/articles/inf...

AI now writes 127% of my code. Here's what I learned.

🚨 After working on some amazing projects with 𝗩𝘂𝗲 & 𝗡𝘂𝘅𝘁, I'm ready for my 𝗻𝗲𝘅𝘁 𝗰𝗵𝗮𝗹𝗹𝗲𝗻𝗴𝗲 as a Senior Frontend Developer. If that sounds useful for your team, let's talk 👇 https://mokkapps.de/hire-me

A new version of Iconify components for SolidJS has been published. This fixes server side rendering and generation, so now components work as expected on server and in browser. Docs: iconify.design/docs/usage/s...

Anyone else got hit with massive wave of GitHub issues spam? My repo just did, over 4000 issues of spam. GitHub was fast to clean it up, only several issues remained for me to delete when I got home, but my poor mailbox is dealing with 4000+ email notifications...

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

New versions of Iconify Tools and Iconify for Tailwind have been published. These are security updates for SVGO. As far as I can see, chances of exploit are close to 0 (must use untrusted SVG) and it is harmless (it will just freeze or crash), it is still worth updating.

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

I've added a SVG to SVG+CSS converter to my website: cyberalien.dev/svg-to-css/ It is a very basic tool, which creates CSS for SVG, reducing HTML size by a lot. Be aware that SVG+CSS cannot be used in production yet, still waiting for Safari to support "d" attribute in CSS.

Iconify offers pre-made components for Vue and Svelte that render icons as SVG + CSS: "@iconify-vue/{prefix}" and "@iconify-svelte/{prefix}". SVGs are small, better than SVG sprites! Update for `line-md` icon set: it now uses CSS animations. That means HTML for animated icons is very small.

"Material Line Icons" now includes animated icons in multiple formats: - SVG animations - CSS animations - SVGs for each frame at 120 fps Repo: github.com/cyberalien/l... Long article: cyberalien.dev/articles/gen... Also a new icon set is coming soon, with around 5k animated icons so far.

Huge updates on the Stop Killing Games campaign and the EU Citizens' Initiative:

The quest to 1 million has been going slowly the past 2 years, but it looks like it'll finally happen!

Safari 26.3 is here... and it is yet another disappointing release. Still no full support for `path()` in CSS. Other browsers have supported this for years. Safari Technology Preview has supported this since 2024. What does this mean? No animations for SVG paths with CSS yet because of 1 browser.

In the latest version of Oxfmt (better prettier replacement): • oxfmt --migrate prettier • oxfmit --init • oxfmt --stdin-filepath for pipe usage • Node.js API • Sort package.json fields by default • Respect root .editorconfig Give it a try: • www.npmjs.com/package/oxfmt

Another Cloudflare outage? I'm receiving cloudflare error "500 Internal Server Error" for many websites right now. Not as bad as outage few weeks ago, but still many websites are down.

With everything going on, zero-trust is the only security model that makes sense. Everything is exploitable 💣 — accept it. All we can do is reduce the damage surface through separation and isolation.

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

In addition to yesterday's release of a new major version of Iconify Tools, several other Iconify packages have been updated: - Iconify Utils - Iconify plugin for Tailwind CSS - Iconify API Goal of all releases is reduction of number of dependencies. Special thanks to @benmccann.com for helping!

Thankful to the amazing unsung heroes of open source development doing great work like @cyberalien.dev Check out how much smaller `@iconify/tailwind4` has gotten with the latest release!

Published new major version of Iconify Tools. Changes: - Dropped CommonJS support - Massively reduced number of dependencies - New small XML parser Migration should be seamless, almost everything is the same. iconify.design/news/2025.ht...

Iconify icon sets are updated from multiple sources, but mostly from Git repositories and Figma documents. Unfortunately, updating from Figma documents is no longer possible. Figma has introduced heavy rate limiting for API queries, making it impossible to retrieve document with many SVGs from API

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

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

Yesterday during Cloudflare outage, all Iconify servers were down, including API. What steps will I take to fix that? None. Why? See cyberalien.dev/articles/clo... Lesson: don't rely on third party services. Host everything yourself. Iconify has many tools for bundling icons, use them.

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.

Vibe coding PRs - STOP please...

last chance to take the State of JS survey if you haven't already, it closes in a day or two survey.devographics.com/en-US/survey...

Safari 26.1 is out... and still no support for "d" attribute in path in CSS. 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 :(

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

New version of Iconify icon component for Svelte is available. 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...

Finally upgraded my laptop, from 2019 MacBook Pro (almost max spec) to M5 MacBook Pro (almost min spec). 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!

Vitest 4 is out! - 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

Following release of new Vue components, published SVG+CSS icon components for Svelte for all icon sets. Usage (replace "prefix" with icon set prefix, "icon" with icon name): import IconName from "@ iconify-svelte/prefix/icon" <IconName /> Docs: iconify.design/docs/usage/s...

Documentation is now available for new Iconify components for Vue: iconify.design/docs/usage/s... Components are very easy to use, not much to document.