Preview image. Unlock full-res
Horizontal navigation bar with rounded black background containing 15 yellow outline icons (shield, battery, phone, clipboard, shapes, connectors, headphones) in clean line-art style.
Summary
A horizontal navigation bar with a rounded black pill background and 15 yellow outline icons representing common UI actions (security, power, communication, organization, connection, audio).
Visual description
Centered on a light gray background. Black pill-shaped container (rounded corners) holding a single row of 15 icons in thin yellow outlines: shield, battery indicator, small circle, donut, node/cluster, phone device, curved arc, clipboard, small square, tall rectangle, capsule shape, X close button, USB connector, headphones. Consistent 1px stroke weight, 32-48px icon size, 8-12px spacing between icons.
Key takeaway
Yellow line-art icons on solid black background achieve maximum contrast and scannability. Pill-shaped nav container feels modern and app-like. Consistent stroke weight and x-height across diverse icon shapes makes the system feel unified, even with semantic variety (security, media, UI controls, hardware).
Reuse notes
Strong for mobile app navigation, tool palettes, or hardware interface dashboards. The high-contrast yellow-on-black works especially well for accessibility and at small sizes. Adapt icon set to your domain (currently generic UI/hardware icons); works best when icon meanings are clear in context.
