design basics, explained
Icon design trends for 2026: what’s in, what’s out
Icons got a lot more personality this year: frosted glass, tactile 3D, pixel nostalgia, Bauhaus shapes and a wave of cuteness. Here is what we are seeing, what we would skip, and how to try each look without redesigning everything.
- In for 2026: frosted glass and gloss, tactile 3D (skeuomorphism is back), pixel and 70s retro nostalgia, cute kawaii, sticker and plush looks, and bold Bauhaus geometry.
- Still strong: soft duotone, hand-drawn sketch warmth, technical blueprint lines and engraved “heritage” detail.
- Out: mixing random icon sets, using one flat style for every job, tiny detailed icons at 16px, and icons that disappear on dark backgrounds.
- Behind the scenes: adjustable stroke weights, one icon drawn once in many styles, clean dark mode and AI help. Apple’s glassy Liquid Glass design (June 2025) pushed depth back into fashion.
- You do not need to chase every trend. Keep a calm style for buttons and menus, and use the expressive looks in hero sections, slides and illustrations.
On this page 18 sections
In 2026, icons are getting more personality and more flexibility at the same time. The looks that stand out are frosted glass, tactile 3D, pixel and retro nostalgia, cute kawaii and sticker styles and bold Bauhaus shapes, alongside soft duotone, hand-drawn warmth, blueprint lines and engraved detail. Behind the scenes, icon sets now offer adjustable weights, several styles from one drawing, clean dark mode, and help from AI assistants.
What is going out is just as clear: random mixes of icon sets, one flat style for everything, and tiny detailed icons that turn to mush. Below we walk through each trend in plain English, show it with real icons from with icons, and say where it works and where it does not.
What are the biggest icon design trends for 2026?
| Trend | Best for | Good at small sizes? |
|---|---|---|
| Soft duotone | Dashboards, onboarding, friendly apps | Yes |
| Frosted glass and gloss | Hero sections, feature grids, slides | No, use 32px and up |
| Tactile 3D and skeuomorphism | Premium brands, app icons, pricing pages | No, use 32px and up |
| Hand-drawn sketch | Education, kids, creative brands | No, use 32px and up |
| Blueprint and technical | Developer tools, engineering, AI products | No, use 32px and up |
| Engraved and heritage | Finance, premium, food and drink | No, use 32px and up |
| Pixel and retro nostalgia | Games, events, music, playful tech | Pixel art, yes |
| Cute: kawaii, stickers, plush | Kids, classrooms, wellness, social posts | No, use 32px and up |
| Bauhaus geometry | Creative brands, posters, editorial | No, use 32px and up |
| Adjustable stroke weight | Matching icons to your typeface | Yes |
| One drawing, many styles | Brands that need calm and bold looks | Yes, in the simple styles |
| Dark-mode-ready icons | Every product with a dark theme | Yes |
Trend 1: Soft duotone icons
Duotone means two tones: a crisp outline plus a soft, lighter fill behind it. It feels friendlier than a plain outline and calmer than a heavy filled icon. You see it in dashboards, onboarding screens and help centres, anywhere a product wants to feel approachable without looking childish.
It is not a new idea. Font Awesome (in its paid Pro plan) and Phosphor both offer duotone versions, and Apple’s SF Symbols has a “hierarchical” mode that shows parts of a symbol in lighter shades. What is new is how often it now shows up as the default look for friendly products.
Trend 2: Frosted glass and glossy shine
Shine is back. In June 2025 Apple introduced Liquid Glass, a new look across its operating systems with see-through, reflective surfaces. Its app icons are now built from layers of this glass and come in light, dark, tinted and clear versions. When the biggest platforms add depth and highlights, the rest of the design world tends to follow.
Glass and gloss icons look great large: a row of features on a landing page, a title slide, an app store graphic. At button size the highlights blur into noise, so treat them as illustration, not interface. In with icons, the Glass style lets a vivid colour glow through a frosted pane with a crisp rim, and the Gloss style makes puffy, soft-vinyl shapes with carved highlights.
Trend 3: Tactile 3D and the return of skeuomorphism
Skeuomorphism means making something on screen look like the real object: leather, brushed metal, paper, wood. It was everywhere on early smartphones, then flat design pushed it out. Now it is creeping back in a cleaner, more grown-up form. Icons have weight, soft shadows and lit edges again, especially in app icons, pricing pages and premium brands.
Two with icons styles lean into this. The Skeuo style turns each icon into a little object in a real material, lit from above. The Luxe style goes for jewellery-box 3D: enamel, polished gold and ruby in thick slabs.
Trend 4: Hand-drawn sketch warmth
As more of the internet looks polished, uniform and machine-made, a little wobble feels human. Hand-drawn icons, with slightly loose lines and a pencil-like texture, signal “a person made this”. They suit education, kids’ products, wellness, cafés and any brand that wants to feel warm rather than corporate.
The trick is to keep the drawing simple, so the sketchy texture adds charm without hurting recognition.
Trend 5: Technical blueprint aesthetics
The opposite mood is just as popular: icons that look like engineering drawings, with fine construction lines, guide marks and a cool, precise feel. Developer tools, cloud platforms, hardware brands and AI products like it because it says “we care how things are built”.
Trend 6: Engraved and heritage looks
Engraved icons use fine parallel lines for shading, like the illustrations on banknotes, old maps or a whisky label. They feel crafted, trustworthy and a bit premium. Banks, law firms, food and drink brands and anything with “established in” on the label are using this look for marketing and packaging.
A darker cousin of this trend borrows from cathedrals: carved stone and stained glass. Our Gothic style goes there, with ruby, sapphire, gold and emerald glass set in dark lead. It suits fantasy games, book covers and Halloween campaigns.
Trend 7: Pixel art and 70s retro nostalgia
Nostalgia keeps coming back, and this year it looks like chunky pixels and warm 70s colours. Pixel art recalls the video games many of us grew up with; 70s retro recalls vintage patches, sunset stripes and record sleeves. Both feel fun and a little cheeky, which is why games, music, events and playful tech brands like them.
The Pixel style is hand-tuned 16-bit pixel art, and unlike most expressive styles it stays crisp at 16, 32 and 48px. The Retro style adds chunky outlines, sunset-striped fills and a hard offset shadow, like a vintage patch.
Trend 8: Cute everything: kawaii, stickers and plush
Cuteness is having a big moment. Chubby shapes, tiny faces, candy colours and sticker borders are all over social media, stationery, kids’ apps, wellness products and classroom slides. Cute icons lower the stakes: a bill reminder with a blushing face feels less scary.
with icons has six styles in this family. The Kawaii style gives every icon chubby pastel shapes and a tiny blushing face, and the Sticker style turns them into die-cut vinyl stickers with a puffy white border. There is also Plush style (stuffed felt toys with stitches), Pastel style (soft colour fields), Anime style (cel-shaded ink and sparkle) and Coquette style (ballet pink, bows and pearls).
Cute works best when it matches your audience. It is perfect for a class newsletter or a habit tracker, and probably wrong for a law firm.
Trend 9: Bold Bauhaus geometry
On the other side of the mood board are bold, flat shapes in primary colours. The Bauhaus was a German art school of the 1920s, famous for posters built from circles, half circles and rectangles in red, yellow, blue and black. That look keeps returning in posters, editorial design and creative brands because it is simple, confident and easy to recognise.
The Bauhaus style rebuilds each icon as a tiny composition of circles, arches, quarter discs and pills.
Trend 10: Adjustable stroke weights
Icons are starting to behave more like fonts. Google’s Material Symbols are variable fonts with adjustable fill, weight (from 100, thin, to 700, bold), grade and optical size. Apple’s SF Symbols come in nine weights and three scales, designed to sit next to Apple’s system fonts. The idea is simple: your icons should match the weight of your text.
with icons line icons use a 1.75px stroke by default, a middle ground that sits well next to most body text. In the developer components (on npm, such as @withicons/react) you can change the stroke width for the line, duo, blueprint and sketch styles, and there is a setting to keep the line thickness the same when icons are scaled up or down.
Trend 11: One drawing, many styles
Brands rarely live in one mood. The app needs calm, readable icons. The launch video needs something bolder. The sales deck needs something in between. A growing number of icon sets solve this by drawing each icon once and offering it in several styles. Phosphor, for example, ships six weights of each icon, from Thin to Bold plus Fill and Duotone.
with icons is built entirely around this idea: each of the 500 icons is drawn once on a 24 × 24 grid and rendered into 20 styles, from plain line to glass, pixel and kawaii. That is 10,000 SVGs, plus 20 to 30 hand-picked colour palettes per icon and optional motion. Because every style comes from the same drawing, you can switch moods and the icons still feel like one family. That is also the easiest way to avoid the patched-together look we describe in why mixing icon sets looks cheap.
Trend 12: Icons that are ready for dark mode
Dark mode is no longer a nice extra. Plenty of people leave it on all the time, so icons have to look right on both light and dark backgrounds. The common failures: black icons that vanish on dark grey, coloured icons that glow too brightly, and pale tints that disappear.
The fix is mostly technical but easy to ask for. Good icon files take their colour from the text around them (developers call this currentColor), so when the text turns white, the icons do too. All with icons styles work this way, and the duo tint can be recoloured separately for dark themes.
Trend 13: Picking icons with AI assistants
More people now ask ChatGPT, Claude or Gemini to “add icons to this page” or “suggest icons for my slides”. The catch: assistants often invent icon names that do not exist. Icon sets are responding with ways for AI tools to search the real list. with icons has an MCP server (a plug-in that lets AI assistants look up real icons), a public llms.txt file, and “Ask AI” buttons on the site. We cover how to get good results in how to get great icons from AI assistants.
What is going out in 2026?
Trends come and go, but some habits are clearly fading. These are the ones we would skip:
- Mixing random icon sets. A bit from here, a bit from there. It always shows, and it makes even a good design look cheap.
- One flat style for every job. The same thin outline on the menu, the hero, the slides and the packaging. Brands now pick a calm style for the interface and a richer one for storytelling.
- Detailed icons at tiny sizes. Shine, shading and sketch texture at 16px turn into smudges. Keep expressive styles at 32px or larger.
- Icons with no dark mode plan. Hard-coded black icons that disappear on dark backgrounds.
- Icon-only navigation. Pretty, minimal, and confusing. Usability research keeps showing that visible labels help.
Keep simple line or solid icons for buttons and menus, and bring in one expressive style (glass, skeuo, pixel, kawaii or Bauhaus, say) for hero sections, slides and illustrations.
Use a trendy glossy icon at 16px inside a button, or put five different trendy styles on one page. Trends work best in one place, on purpose.
How do you try a trend without redesigning everything?
Start small and keep the interface calm:
- Pick one place. A features section, a title slide or an empty state. Try Glass style, Skeuo style, Pixel style, Kawaii style or Bauhaus style there.
- Keep the shapes the same. Use a family where the trendy style and your everyday style come from the same drawings.
- Go big. Use expressive styles at 32px or more, ideally 48px and up.
- Check dark mode and phones. Look at the page in both themes and on a small screen before you ship.
Want the full tour of what each style is for? Read icon styles explained.
The bottom line
The big story of 2026 is choice. Icons can now be calm or bold, glassy or pixelated, cute or classic, without losing their familiar shapes. The smart move is not to chase every look, but to keep a quiet, readable style for everyday interface and add one expressive style where you want people to feel something. Done that way, a trend becomes part of your brand instead of something you will want to undo next year.
Frequently asked questions
What icon style is trending in 2026?
There is no single winner. The clearest movements we see are frosted glass and glossy icons, tactile 3D and skeuomorphic objects, pixel and retro nostalgia, cute styles like kawaii and stickers, Bauhaus geometry, soft duotone and hand-drawn sketch. Simple outline icons remain the default for everyday interface buttons.
Are flat icons out of style?
No. Flat outline and filled icons are still the best choice for small buttons and menus because they stay sharp and readable at 16 to 24px. What has changed is that brands now pair them with richer styles for marketing pages, slides and illustrations.
Are 3D and glossy icons a good idea for websites?
They work well at larger sizes, such as feature sections, hero areas and slides, where their detail is visible. At very small sizes the shine turns into noise, so keep simple icons for navigation and buttons.
Is skeuomorphism coming back?
In a softer form, yes. After years of flat design, icons with real materials, light and shadow are showing up again in marketing, app icons and illustrations. Most interfaces still keep flat line or filled icons for small buttons, and save the tactile look for bigger moments.
How do I keep icons up to date without redesigning everything?
Use an icon family that offers several styles from the same drawings. Then you can change the mood of a page by switching style while every icon keeps its familiar shape.
Sources and notes
- Apple Newsroom: Apple introduces a delightful and elegant new software design (June 9, 2025)
- TechCrunch: Google unveils its new Android design language, Material 3 Expressive (May 13, 2025)
- Google Fonts: Material Symbols guide (variable axes)
- Apple: SF Symbols
- Nielsen Norman Group: Icon Usability (labels)
- Phosphor Icons on GitHub (six weights)
Facts about other icon sets were checked against their official sites in October 2026. Libraries change, so check the links above for the latest numbers.