cyberalien

cyberalien, 3 days ago to random

Published @iconify/react version 5.0.0-beta.3 (you can install it as @iconify/react@next).

This version of Iconify icon component is compatible with the latest Next.js

However, it might not work correctly with older versions of React that do not support 'use client'.

cyberalien, 10 days ago to random

Iconify plugin for Figma has received a huge update.

Plugin has been completely rewritten, everything is new. New UI, new functionality, new code base.

To help users migrate, I wrote a short guide: https://iconify.design/docs/design/figma/update-2024.html

Feedback is welcome!

cyberalien, 14 days ago to random

Iconify icon sets are automatically updated, so users always get the latest icons.

Current statistics: 158 open source icon sets, 221853 unique icons.

Changes from last month (haven't posted updates for a while):

• 1 new icon set
• 4657 unique icons

https://icon-sets.iconify.design/

cyberalien, 14 days ago to random

Another update for Iconify plugin for Tailwind CSS (version 1.1.1).

Icons can be resized using width/height utility classes without any additional configuration when using new addIconSelectors() plugin:

<span class="iconify mdi-light--home h-12 w-12"></span>

cyberalien, 14 days ago to random

Big updates for Iconify plugin for Tailwind CSS.

1. Rewritten documentation: https://iconify.design/docs/usage/css/tailwind/#installation

2. New option customise icons: change stroke width, palette and so on: https://iconify.design/docs/usage/css/tailwind/dynamic/customise.html

3. New plugin that generates smallest possible CSS: https://iconify.design/docs/usage/css/tailwind/iconify/

cyberalien, 29 days ago to random

Published new major version of Iconify for Svelte: version 4.0.0.

It doesn't actually change anything, only fixes how imports are handled. However, it is not backwards compatible with very old versions of Svelte and old versions of Node, hence new major version.

cyberalien, 1 month ago to random

New Iconify icon component for React has been published.

It is now a modern functional component, which should work with Next.js and other React libraries.

You can install it using "next" tag: @iconify/react@next

This update is long overdue, but better late than never.

Docs: https://iconify.design/docs/icon-components/react/

cyberalien, 1 month ago to random

Iconify API version 3.1.0 has been published on NPM and Docker.

It fixes a bug that prevented icons named "constructor" from being displayed correctly (forgot to use null constructor for object in one place in code).

cyberalien, 1 month ago to random

New Iconify plugin for Figma is now fully functional.

All functions and pages are working properly.

Now the hardest part: creating a video tutorial to help users migrate from old plugin. Should take a week or two...

You can install it from GitHub: https://github.com/iconify/iconify-figma

cyberalien, 1 month ago to random

New version of Iconify plugin for Figma is available as preview!

This is a complete rewrite, built with Vue.

Short list of new features and installation instructions are available on GitHub: https://github.com/iconify/iconify-figma

cyberalien, 1 month ago to random

New version of Iconify icon component for Vue has been published.

This release adds "ssr" boolean property, which renders the icon immediately.

Thanks to @antfu for submitting a patch!

Rendering dynamically loaded content is tricky with SSR. When page is hydrated, content rendered on server and client must match. To avoid issues, Iconify icon components do not render anything until the component is mounted (which happens after hydration is complete).

1/2

cyberalien, 1 month ago to random

Iconify is now on Open Collective!

If you use Iconify in your projects, please consider supporting Iconify. Help is very much appreciated!

I have posted recent hosting expenses to show how much it costs to run project, without accounting for work.

https://opencollective.com/iconify

cyberalien, 1 month ago to random

Iconify Icon web component version 2.1.0 has been released.

Web component does not render icons that are not visible to improve performance. This update adds "noobserver" attribute, which can be used to disable this functionality.

Documentation: https://iconify.design/docs/iconify-icon/

cyberalien, 2 months ago to random

Now you can mark icon sets as favorite on Iconify website.

• You limit search to favorite icon sets
• Favorite icon sets are remembered in browser storage

To mark an icon set as favorite, view that icon set, click the star icon in top right corner.

See https://icon-sets.iconify.design/

cyberalien, 2 months ago to random

Iconify icon sets are automatically updated, so users always get the latest icons.

Current statistics: 153 open source icon sets, 210359 unique icons.

Changes from last week:

• 552 unique icons

cyberalien, 2 months ago to random

I'm working on a new version of Iconify plugin for Figma.

Below is a preview of new icon sets UI, also showing old UI for comparison.

New UI features:

• More compact layout, taking less space
• Advanced filters
• Detailed info shown on hover/focus
• Favorite icon sets list

Coming soon...

cyberalien, 2 months ago to random

Old icon components have been deprecated and removed from monorepo:

• Iconify for Vue 2
• Iconify for Ember
• Iconify SVG Framework

If you are using one of those components, you can still use it, but consider moving to iconify-icon package.

See https://iconify.design/news/2024.html#icon-200

cyberalien, 3 months ago to random

Iconify icon sets are automatically updated, so users always get the latest icons.

Current statistics: 153 open source icon sets, 209807 unique icons.

Changes from last week:

• 1 icon set
• 1298 unique icons

Added icon set: Mage Icons: https://icon-sets.iconify.design/mage/

cyberalien, 3 months ago to random

Want to use the latest SVGs from popular open source icon sets? Iconify got you covered.

Iconify icon sets are automatically updated 2-3 times a week, so users always get the latest icons.

Icon data: https://github.com/iconify/icon-sets
Tools for processing data: https://iconify.design/docs/libraries/
Website browse/search icons and get code samples (powered by Nuxt!): https://icon-sets.iconify.design/

Current stats: 152 icon sets, 208509 unique icons.

cyberalien, 3 months ago to random

So iconbuddy created a clone of Iconify icon sets website, which:

• Fetches data from my API on each request and on server side, flooding servers.
• Has paid tier to access data... which app gets from Iconify for free.

...and doesn't even provide credits.

Unfortunately such behavior cannot be avoided, so this got me thinking: how come a clone gets more social media exposure than source?

Because I'm bad at social media.

So I'll be posting more updates. A lot more.

cyberalien, 3 months ago to random

New features on Iconify website: customise icon's stroke width and remove animations.

Removing animations is very useful if you want to import animated icon to a design tool - they do not support animated SVGs.

Short tutorial: https://www.youtube.com/watch?v=WMTVfBCNKt0

You can customise icons at: https://icon-sets.iconify.design/

cyberalien, 3 months ago to random

Published new major version of Iconify Icon web component: 2.0.0

This major version changes behavior of icons: icons are rendered only when visible. This results in major performance boost on long pages with many icons.

As nice side effect, animations are restarting when icon is re-rendered, so when user scrolls content in view all animations restart that looks rather cool.

This behavior can be changed by adding observe="false" to icon attributes.

Iconify Icon docs: https://iconify.design/docs/iconify-icon/