SSHEN

Incorrect password.

000%

INITIALIZING

SSHEN ← PRODUCT DESIGN WORK

MACH9 ICONOGRAPHY

  1. 00OVERVIEW
  2. 01PROBLEM
  3. 02PRINCIPLES
  4. 03ICONS
  5. 04IN APP
  6. 05TAKEAWAYS

0% READ

Mach9 Iconography

One icon system for Digital Surveyor 2, so surveyors can tell a CAD tool from a view control at a glance.

ROLE
Visual product designer
TIMELINE
2025 – 2026
TEAM
1 designer
PLATFORM
Web app
TOOLS
Figma, Storybook, Cursor

0

ICONS

0

CATEGORIES

0

SIZES

0

OPACITY TONES

PROBLEM

Icons grew tool by tool from mixed sources, so a draw tool, a view toggle and a status flag could look alike.

HOW MIGHT WE

How might we give 200 tools one visual language, so surveyors know what an icon does before they hover it?

DESIGN PRINCIPLES

Precise at every density

16 px for the command bar, 14 for panels, 12 for dense lists. Each size is redrawn, not scaled, so it stays crisp wherever it lands.

Action first

Full weight marks what the tool changes. Supporting geometry steps back to 70%, context to 40%, so the action reads first.

Fluent in CAD

Square vertices, handles and snaps borrow the visual language surveyors already read every day.

ICONS

CAD TOOLS

  • Line
  • Point
  • Polygon
  • Spline
  • Circle
  • Circle closed
  • Half circle
  • Cube
  • Construction plane
  • Grid of points
  • Grid of points width
  • Grid of points length
  • Stamp
  • Image point
  • Pencil
  • Buffer polygon
  • Offset
  • Split
  • Duplicate
  • Extend
  • Trim
  • Join
  • Insert vertex
  • Resample
  • Multiline resample
  • Rotate
  • Rotate right
  • Rotate left
  • Move
  • Copy and move
  • Copy
  • Slice
  • Slice minus
  • Scissors
  • Curve match
  • Reverse lines
  • Toggle close
  • Prune to point cloud
  • Edit
  • Undo edits
  • Drape
  • Drape to lowest
  • Drape to highest
  • Drape to middle
  • Drape to corner
  • Drape to plane
  • Select
  • Select object
  • Select line
  • Select vertex
  • Magnet
  • Snap to point cloud
  • Snap to vertex on
  • Snap to vertex off
  • Points only picking
  • Pick between points
  • Pick corner
  • Toggle show vertices on
  • Toggle show vertices off
  • Line input follow on
  • Line input follow off

VIEW & MEASURE

  • Compass
  • Road perspective
  • Road orthographic
  • Plan view
  • Perspective view
  • Top
  • Bottom
  • Left
  • Right
  • Frame
  • Frame point cloud
  • Frame pin
  • Camera undo
  • Camera redo
  • Section
  • Cross section two points
  • Cross section on line
  • Cross section depth
  • First cross section
  • Last cross section
  • Cross section reverse
  • Follow cross section on
  • Follow cross section off
  • Frame cross section
  • Stationing overlay
  • Minor step
  • Major step
  • Display
  • Opacity
  • Point size
  • Eye open
  • Eye closed
  • Eye partial
  • Occluded opacity
  • Points all
  • Points above
  • Points ground
  • Points Z slice
  • Points selected
  • Show lines
  • Hide lines
  • Ruler
  • Angle
  • Right angle
  • Width
  • Height
  • W
  • H
  • X
  • Y
  • Z
  • Number
  • Target

SURVEY DOMAIN

  • Point cloud
  • Image
  • Image overlay
  • World
  • Street view
  • Map search
  • Layer
  • No layer
  • Import OSM centerline
  • Barrel
  • TIN
  • TIN edit
  • TIN delete triangle
  • Grid
  • Grid from lines
  • Junction lanes
  • AI mode
  • AI mode gradient
  • Extract region
  • Start background suggestion
  • Suggestion control
  • Automation

SYSTEM

  • Chevron left
  • Chevron right
  • Chevron up
  • Chevron down
  • Arrow up
  • Arrow down
  • Move up
  • Move down
  • Return
  • Left panel in
  • Left panel out
  • Right panel in
  • Right panel out
  • More
  • Toolbar more
  • Plus
  • Minus
  • Close
  • Check
  • Approve
  • Trash
  • Search
  • Filter
  • No filter
  • Reset filter
  • Sort
  • Sliders
  • Gear
  • Refresh
  • Loop
  • Add label
  • Star
  • Star fill
  • Folder
  • Recent
  • Work
  • Template
  • Asset library
  • List
  • Load file template
  • Autosave
  • Page check
  • Page more
  • Page waiting
  • Bug
  • Bug report
  • Person
  • No person
  • Info
  • Play
  • Pause
  • Forward
  • Backward
  • Mouse left button
  • Mouse middle button
  • Mouse right button
  • Mouse scroll wheel
  • Trackpad left click
  • Trackpad right click
  • Trackpad scroll
  • Key ctrl
  • Key shift
  • Key alt
  • Key space

IN APP

The icons at work in the command bar, view controls and layer panel.

TAKEAWAYS

  1. 01Sorting 200 icons by what they do exposed the duplicates and gaps first.
  2. 02In a viewport full of point cloud color, opacity carries meaning that color can’t.
  3. 03Redrawing each size by hand costs more up front and saves every 12 px icon from blur.
NEXT CASE STUDY Mach9 CAD Visual System→
HOMEBACK TO TOP©SHAYNE SHEN 2019–2026 ALL RIGHTS RESERVED.