Icon set design examples

Muzli collects new design work from 200+ sources every day. This collection picks the best of it and changes as new work comes in.

3 new in the last two weeksLast update:

Okta Iconography Design System

Okta Iconography Design System

Ramotion helped Okta translate its rebrand into a scalable iconography and illustration system across product, platform, and marketing experiences. The collaboration resulted in clear visual guidelines, reusable components, UX/UI improvements, and a consistent enterprise design ecosystem spanning 10 products and core platforms.

This is 1% of what Muzli shows you.

Get the rest — fresh design inspiration on every new tab, free.

Add Muzli — free

This is 1% of what Muzli shows you.

Get the rest — fresh design inspiration on every new tab, free.

Add Muzli — free
Iconography Guidelines Inspiration

Iconography Guidelines Inspiration

Iconography Guidelines Inspiration AoiroStudio Aug 28, 2018 Currently in the middle of setting things up to build a design system at a large scale, for where I am currently working. One of the starting points are the icons who are part of the foundation of a design system. I decided to surf around for UI layout inspiration and I stumbled across the work of Ramotion. A UI/UX design & branding agency based in San Francisco, California that we have featured their work before on ABDZ. I thought it would be cool to share their latest round-up of UI collection based on Iconography, check it out. More Links Studio Site Behance Iconography is a unified visual language that can be understood by people from different locations and cultures. Icons are widely used for navigation in social places such as airports, train stations, production halls, museums, etc. They let people overcome a language barrier and navigate comfortably in conditions when the time is very limited (e.g. in an airport). The same principles apply to iconography systems for digital products. The right usage of icons helps to make in-product navigation more accessible and increase business metrics (CTR, number of successful onboarding sessions, etc.). Consistency, readability, and scalability are the core parameters of any design system. Consistency influences a general trustworthiness of a product, readability increases the speed of interactions, and scalability lets your product to grow effectively. Iconography Guidelines design system icon icons iconography

This is 1% of what Muzli shows you.

Get the rest — fresh design inspiration on every new tab, free.

Add Muzli — free

This is 1% of what Muzli shows you.

Get the rest — fresh design inspiration on every new tab, free.

Add Muzli — free

This is 1% of what Muzli shows you.

Get the rest — fresh design inspiration on every new tab, free.

Add Muzli — free

Get access to thousands of freshly updated design inspiration pieces by adding Muzli to your browser.
Loved by 900k designers worldwide, Muzli is the leading go-to browser extension for creative professionals.

Get more Icon sets inspiration

What is an icon set?

An icon set is a collection of icons designed as one family. Every icon shares the same canvas size, stroke weight, corner radius and amount of detail, which is why a set looks consistent in a toolbar where mixed icons would not. Sets usually ship as SVG files and as a Figma library, often in outline and filled styles.

What makes the icons in a set consistent?

A shared grid, commonly 24 by 24 pixels with a 2 pixel stroke for interface icons. The same line endings and corner rounding throughout. Equal visual weight, so a simple icon does not look lighter than a complex one. And a small group of guide shapes, known as keylines, that every icon is fitted to.

Outline or filled icons?

Both, for different jobs. Many products use outline icons for the default state and the filled version for the selected state, as in a mobile tab bar. Pick one style for each context and keep to it. Mixing the two at random is what makes an interface look unfinished.

Where do these icon sets come from?

Most are icon sets and libraries published on Layers, with icon packs from UI8 and the Framer marketplace. Muzli follows more than 200 design sources and lists up to 60 matching pieces here, favouring recent work.

All collections

UI design

Screens & flows

Apps

Components

Kits, mockups & icons

Web design

Websites

Pages & sections

Graphic design

Posters & print

Marketing

Illustration & motion

Type & graphics

Branding

Logos & identity

Packaging & stationery

Feeds

© 2026 Muzli X ltd. · All Right Reserved. Read our Privacy policy and Terms of service
EN / 中文 / ES / FR / RU / DE / IT / PL / LT / हिन्दी / 한국어 / 日本語 / বাংলা / PT / العربية / עברית