The openSUSE Design System uses cookies to help us learn more about how we can improve the design system.
Learn more about our cookie policy

Edit preferences

EOS icons extended and animated

All the icons you will ever need, in one iconic font, one css class, one dependency.


We heard you and this article is all about celebrating a new milestone in EOS-icons V2 which now includes not only the animated icons in it, but also an extended version with Material Icons. All-in-one.

With the new version of eos-icon, that you can already upgrade to via npm, you only need eos-icons in your code base, and all eos-icons and Material Icons will be available under the eos-icons class using ligatures, as always.

On top of that, we also included 2 animated icons that use only css animations. For now they are the `installing` and `loading` icons, but we plan on continuing this work, improving the performance and variety of animated icons.

What else changed in eos-icons v2.0.1?

This new version of eos-icons also includes a bunch of new icons, specially, we focused on merging all the relevant icons created for the Spacewalk project some years ago and include them in eos-icons. We also included a few other icons requested by other developers and open source projects.

Some icons got renamed and also removed. The team behind EOS decided that we will not include any brand of any type in eos-icons, so that means no logo icons. Our goal is to keep this iconic font strictly functional and strictly not marketing related. Logos of partners or social networks the company uses should be provided by the design system rather than the eos-icons set.
Eos-icons is open source, free for everyone to use. We keep that clear.

To know more about all the new icons, changed and removed ones, please visit the release note.

Do you need an icon?

If you would like to suggest an icon design, please open an issue in Gitlab and we can either take care of it or receive your contribution as long as the icon follows the icon design guides.