Accordion Icons: Which Work Best?

Curated by John Arts

•Published November 1, 2026•Source: Smashing Magazine Creative & Design Articles

Organization

smashingmagazine.com

Location

Global / Online

Factual Brief

<![CDATA[A closer look at accordion icons, why split menus are harmful, and why it’s better not to have icons and text labels link to different actions. Plus, why the caret is the safest icon choice. You’ll find more [useful guides](https://www.smashingmagazine.com/category/guides/) and [online workshops](https://smashingconf.com/online-workshops) here on Smashing Magazine, so make sure to browse and explore.]]>

Opportunity Overview & Specifications

Official Source Verification

Discovered from Smashing Magazine Creative & Design Articles. Always verify requirements on the primary provider portal.

Open Official Website

Discussion & Specialist Insights (0)

Live thread

No comments yet. Ask John a question below!

More from John Arts

resource

Ten Data-Backed Truths Of User Experience ROI

<![CDATA[Every extra second of friction has a measurable business cost. Carrie Webster shares ten data-backed UX facts that link user experience directly to revenue, retention, and long-term growth.]]>

resource

Advanced Tree Counting: Mathematical Layouts With `sibling-index()` And `sibling-count()`

<![CDATA[Meet `sibling-index()` and `sibling-count()`. Staggered cascade effect in one line of CSS without `:nth-child()` rules or JS workarounds. Works for 5 items or 5,000.]]>

resource

Four Levels Of Customer Understanding

<![CDATA[What people say, feel, think, and do are often very different things. To understand the underlying reasons for user behavior, it helps to look beyond the surface and explore hidden motivations, root causes, and the different layers of reality that shape how people act. Brought to you by <a href="https://measure-ux.com/">Measuring UX Impact</a>, **friendly video course on UX** and design patterns by Vitaly.]]>

resource

Modern CSS Might Make Your Front-End More Complex

<![CDATA[Replacing JavaScript with a modern CSS feature can simplify a piece of code while making the wider application harder to reason about. Gabriel Shoyombo explores what happens when logic is split between CSS and JavaScript, sharing practical guidance to help you keep complexity in check during migration.]]>