Unofficial Style Guide to Windows 10 Icons

Microsoft introduced a new style with the icon font for the Windows 10 Preview.

It’s called Segoe UI Symbol and contains around 1,000 glyphs.


An example of the icons introduced in Windows 10 icon font

Microsoft didn’t publish the specifications yet. Based on experience, there is a chance they will never publish them at all; there are still no specifications for Windows 8. It often result into style inconsistence and breaking the visual weight of the icons, but that is another story.

However, we can say the following, based on how the icons look:

  • The icons have sharp corners
  • They are line style icons with 2px lines
  • The icons are based on a 32×32 grid

We’ve created a tool to compare Windows 10 with Windows 8, iOS 9, and Android side-by-side.



Other than that, these glyph icons are similar to many others. Designers who are used to drawing icons for Windows 8, iOS, and Android will have little trouble designing line icons for Windows 10.

From our experience, the more icons you create, the better they will get — no limit! We’ve been creating icons daily since 2005, and we still have room for improvement. So, we believe that our Windows 10 icon pack is way better than our Windows 8 icon pack, which is three years old. Windows 10 is the best icon pack we have at the moment.


Try free tools for creators by the Icons8 team

Icons8, a library of about 120K+ free icons and free clip art images
Lunacy, free graphic design software with built-in design resources
Photo Creator, free collage maker with AI-based technologies to make custom photos for your story
Fugue, royalty free music for videos of any kind
Pichon, the desktop app to download icons and clip art and use them offline
Icons8 Photos, the big collection of free stock photos designed to work together
Ouch!, a library of free vector illustrations

Also, get the lists of free vector software and free photo editing software.


Recent Posts

Designing a Halloween landing page with 3D illustrations

Want to stand out on Halloween? Go 3D! 3D pumpkins, ghosts, zombies, and other spooky…

2 days ago

How to make an animated illustration in After Effects

Animation adds dynamics and variety to the design. Designers often animate details in their projects,…

3 days ago

How to create a neon effect in Lunacy

Digital designers are widely using the neon effect to engage users and convey the mood.…

1 week ago

Beautiful autumn illustrations for UI, web, email, and inspiration

If seasons were brands, autumn for sure would have one of the most outstanding style…

3 weeks ago

E-commerce homepage design: the best practices

Your homepage is often the first time customers have an opportunity to judge your brand.…

3 weeks ago

Five basic composition rules for photographers

There are no hard and fast rules for how to compose a photograph. But there…

4 weeks ago

This website uses cookies.