∞ All Icons - multi-library icon plugin


Hi Penpot community,
a few weeks ago I joined the Plugins Beta program. While testing the system, I made a multi-library icon plugin, All Icons, and I am continuing to develop it.

All Icons is a plugin that lets you quickly search through various icon libraries and easily add icons to your project. It has support for following icon libraries: Iconoir, Lucide, Material Design, Phosphor, and Bootstrap, with more to come.

Just like Penpot, All Icons is a free and open source software, with the code available in the GH repository - leave a star if you visit. In the repository, you will find installation instructions and can follow the development.

I would love to receive some feedback, and look forward to the Plugins going live.

10 Likes

Looking forward to trying it, that looks amazing :smiley:

1 Like

Thank you for creating this amazing icons plugin! It’s working flawlessly, and the selection is truly impressive.

I have a couple of suggestions that could make it even better. First, it would be great to have a configuration option or a dropdown menu to select, include, or exclude specific libraries. While it’s convenient to have all the icons in one place, some icon libraries are more or less compatible with each other. Having the ability to curate only certain libraries would be a valuable improvement.

Additionally, adding tooltips or another quick way to view the names of the icons would be a fantastic feature. It would make navigating and selecting icons even more efficient.

1 Like

More royalty free and open source icon library’s :star_struck:

1 Like

Thank you @Louis. I hope the plugin will come handy and save you time.

@thierryc , thank you for checking out the plugin, those are great suggestions. I have good news that the next release will include a feature which will be a step towards icon sets management. It will be possible to close a set and hide the grid of icons - accordion style. However, the icon set selector (to exclude an icon set entirely from the view) is also in the backlog.

I agree about the tooltip and may have a nice idea on how to solve it. Stay tuned.

Thanks @M_s, definitely, more icon sets are coming.

2 Likes

It’s been a bit over a month since the initial post about All Icons, so I thought it’s a good time for a short update.

New features:

  • Support for new icon libraries: Bootstrap, Heroicons, Remixicon, Feather.
  • Collapsible icon sections - Each library’s icon list can be collapsed, saving you a lot of scrolling.
  • Icon metadata - The bar at the bottom of the app hosts icon metadata info. Hovering over an icon shows you information about the library, style variant, and icon name.
  • Wildcard search - The search bar now supports abbreviation-style input, making it quicker to search through icons, eg “arw dn” for “arrow down”.
  • “Bug report” and “Suggest a feature” - Links to report an issue and suggest a feature are now available in the bottom bar and will take you to the repository’s Issues and Discussions accordingly.

2 Likes

34 best free open source icons pack websites

Is it possible to add iconify icons?
Its open source, thx

Hi @BDV I took a look at Iconify and it’s not an icon library, but a library of icon libraries (Bootstrap, Lucide, Heroicons etc.). All Icons does a similar thing internally, but it may make sense to migrate to Iconify. I will check it out, thanks for posting.

1 Like

Would be great here you can find more info to access Iconify data through Iconify API

Great news @BDV. @Vjacheslav_Trushkin is already working on the official Penpot plugin for Iconify.

2 Likes

Thanks.

Yes, plugin is in development and is already usable. It is almost fully functional, except for loading/saving settings and drag/drop.

1 Like

… and now loading/saving settings works too.

Penpot doesn’t have account wide storage, so settings are saved to the current file. That means favorite icon sets, recent colors and other stuff is unique to each file.

Great, don’t forget to submit it on the Penpot plugin contest

1 Like

Drag and drop now works too.

It is not precise yet, for some reason coordinates are a bit above actual, not sure why. Off by about 30px.

Icons are dropped to page only, not calculating nearby groups/boards to drop to.

Importing icons with import button behaves differently: it imports to currently selected group/board.

1 Like

@Vjacheslav_Trushkin Is it possible to add Microsoft fluent emoji? It uses MIT lisence

And maybe LottieFiles, thx

They are already available. Click “emoji” category or filter icon sets by “fluent”.

As for Lottie, no. Those are not standalone SVGs, they require third party JavaScript library to run animations, so they are unusable.

1 Like

And what about this one SVG Repo?
I only find SVG Logo in Iconify.

No, sorry, that’s a dump of SVGs found on the internet, not an icon set.

Iconify is a completely different project. First, only open source icon sets are accepted. Second, attribution is always given to authors. Third, icon sets are automatically updated, so users always get the latest icons. Fourth, icons are validated and cleaned up.

To automatically keep icon sets up to date, icon set must be available on some sort of version control: git repository, npm package or any other easy to access method.

Downloading icons from a website is not an option, even if website had open source icons with correct license (that website lists wrong licenses) and author attribution (no attribution there, in best case scenario they do put author’s name).

Please do not suggest various websites. Only open source icon sets, actively maintained and available on some sort of version control (github or similar service). No offence intended, just clearing things up.

1 Like

Am here again, don’t want to bother you have tried to take into account what you have written in the above standing text. Are Famicons and codeX eligible to be added to Iconify and at what place best do you suggest additional icon pack for Iconify? Thanks in advance.

1 Like