Iconify Updates 2025

Iconify for Svelte update 10 Apr

Iconify icon component for Svelte has been rewritten with Svelte 5 runes.

Previous version used Svelte 4 syntax.

Version 5 of component can be installed using @next tag:

npm install --save @iconify/svelte@next

While Svelte 5 supports old syntax, it is better to update component to make it future proof.

Additionally, the following changes are included in this update:

• Previously deprecated functions disableCache() and enableCache() have been removed.
• Previously deprecated function iconExists() has been removed. Use iconLoaded() instead (functionality is identical... more on that later in upcoming release notes).

Iconify for Vue update 25 Mar

Iconify icon component for Vue has been rewritten with Vue's Composition API.

Previous version relied on Options API.

Version 5 of component can be installed using @next tag:

npm install --save @iconify/vue@next

If you prefer to use Options API, you can still use version 4 of Iconify icon component.

Why Composition API?

Many Vue developers are moving away from Options API and now there is a new option to remove Options API support from Vue bundle: "__VUE_OPTIONS_API__".

If there is a component that relies on Options API, it means new option cannot be used.

For Iconify icon component it does not make any difference which API to use, there are no advantages in using either API, so switching to Composition API makes sense.

Additional changes

Additionally, new version includes the following breaking changes:

• Functions enableStorage and disableStorage have been removed. They were deprecated in previous version.
• Removed wildcard export, which caused a Node warning when building a Nuxt app with Nuxt Icon on Windows.

Iconify API update 12 Feb

Iconify API version 3.1.1 has been released.

This update includes a critical bug fix. If you are running an API instance, please do update it as soon as possible.

API is available on:

• GitHub - you can customise it before deploying.
• NPM - can be embedded in an app without running a full server.
• Docker - for quick deployment.

See API documentation.

Iconify plugin for Tailwind CSS 4 7 Feb

Iconify plugin for Tailwind CSS 4 is now available.

This plugin can be used with new @plugin directive in Tailwind CSS 4:

css@plugin "@iconify/tailwind4";

See plugin documentation for details.

Iconify components update 4 Jan

New minor versions of all Iconify icon components have been published.

This affects only components that load icon data on demand from Iconify API.

This update removes usage of localStorage for caching icons, making all components GDPR compliant.

Why was it removed?

Caching icons in storage was a very useful strategy in early days of project, when API was not stable and there were no offline solutions.

Today there are other solutions, like various CSS solutions and Unplugin Icons.

Iconify Icon components load icons from API should only be used when internet access is guaranteed. Those components should not be used for apps that can work offline. For offline usage, see links above to alternative solutions.

Additionally, all Iconify icon components have redundancies to load icons from a backup API in case main Iconify API host is unreachable. Therefore, additional layer of caching is no longer needed.

Code changes

Code that managed localStorage cache was not just disabled, it was removed.

This reduces package size for components by about 10%.

Functions enableStorage and disableStorage are still available to avoid breaking user's code, but they do not do anything. They will be removed in new major versions of components.