Free. Open source. Vector and pixel-perfect icons. The iconic font your product needs.


EOS icons offers an easily customizable icons for any company or project to use. We've created guides that are adjustable and applicable to any open source project. We appreciate your contribution to EOS icons and look forward to hearing more about how it helps your products and projects

Contribute to EOS Icons

Lots of Icons to choose from

CSS Animated Icons



EOS icons offers easily customisable animated icons. These icons use only CSS animations and nothing more, which make things a lot easier when using these icons in your own projects. Also, they run on the GPU so the frame rate is much higher than that of Javascript animations. When it comes to CSS animations they also have the advantage of not causing reflows and redraws unlike modifying elements via Javascript would.

A pixel-perfect design process

  1. Stroke terminal
  2. Corner
  3. Counter area
  4. Stroke
  5. Counter stroke
  6. Bounding area

EOS icons were made to coexist with material icons. We carefully follow material design guidelines which makes EOS icons indistinguishable from material Icons. Material Design defines the qualities that can be expressed by UI regions, surfaces, and components. Design and strategize how your app is built using foundations that address design from both a broad and detailed perspective.

Check out Extended EOS Icons

Do you already know how to put these icons better into practice? We might have some advices for you.

Check out the Cheatsheet

Are you working on an open source project and need some icons? We can design them for you and include them in EOS icons.

Try EOS Icons with EOS Design System

We are a part of EOS Design system and together we work like a charm

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