Mega menu nav icons

Icons used in the desktop/mobile mega menu (mida-nav.js → navIcon()).

Style (do not mix other Icons8 families)

Property Value
Set Icons8 iOS Glyph
Size 48px source (displayed at 24–28px in CSS)
Color #6B6B6B (gray; not black #15141A)
Format PNG, self-hosted

When adding or replacing an icon:

  1. Download from Icons8 using iOS Glyph only — not Fluency, Color, Liquid Glass, etc.
  2. Use the monochrome URL pattern (for reference when exporting):
    https://img.icons8.com/ios-glyphs/48/6B6B6B/{icon-name}.png
  3. Save as {icon-name}.png in this folder (kebab-case filename matching the navIcon('…') key in mida-nav.js).
  4. Run npm run build — Eleventy copies this folder to dist/images/nav-icons/.

Current icons

Filename Used for
split.png A/B Split Testing
link.png Redirect URL Testing
touch-id.png Website Personalization
flag.png Feature Flagging
hand.png No-code Deployment
javascript.png A/B Testing for SPA
lightning-bolt.png Lightweight Script
leaf.png Low Carbon Footprint
calendar.png Book a live demo (featured)
open-book.png Blog
idea.png Test Ideas
compare.png Compare Alternatives
dictionary.png Glossary
toolbox.png Free Tools
puzzle.png Integrations
api.png REST API
github.png Server-side SDKs
gift.png Affiliate program (Partners featured)
group.png CRO Agencies (Partners featured)

Licensing

Icons are from Icons8. Free use typically requires attribution (e.g. link to Icons8 in the site footer). Confirm your Icons8 plan before removing attribution.

Related code