Building a cohesive glyph icon set for toolbar menus

A well-designed toolbar can make or break a software interface. Icons must scale cleanly across resolutions and hold up next to system controls on Windows, macOS, and mobile. Australian designers working on SaaS products, agency dashboards, and local government portals rely on glyph-style icons because they read clearly at 16 pixels and still look composed at 48. A mismatched icon quickly looks amateur, so a disciplined set pays for itself.

Toolbars in Australian products often pack more density than consumer apps. Rostering suites used in Melbourne hospitality venues and tradie software in regional Queensland cram action buttons into compact strips. A tightly designed glyph library earns its keep, since every stroke weight has to justify itself. Local designers favour the minimalist line styles seen in banking apps and the ATO's online services.

Format matters as much as style. Most Australian design teams still rely on Photoshop for icon production because layered PSD files allow easy colour swaps and developer handoff. Transparent PNGs remain the universal export for code integration. Balancing both formats from the start saves hours once a product manager requests a darker variant.

This guide walks through scoping a toolbar, planning a grid, locking down strokes, drawing glyphs, producing duotones, and packaging files. The approach works whether you freelance from Adelaide or sit inside a product team in Sydney's Surry Hills tech corridor.

Common toolbar functions to cover

Before drawing anything, list every action that will live in the toolbar. A typical set needs file, edit, and view commands alongside app-specific actions like generate report or send invoice. Group similar actions so the visual rhythm stays consistent from left to right.

Essential glyphs to include in a baseline set:

• Save, open, and new file icons for the left cluster
• Undo, redo, cut, copy, and paste for the edit cluster
• Export, print, and share for the right cluster
• Settings, search, and account toggles for the trailing cluster

Products built around Xero, MYOB, or Square integrations often add accounting glyphs like GST, BAS, and receipt. Pull these from stakeholder interviews rather than guessing, since each tradie has a different idea of what belongs in the top bar.

Building a pixel-aligned grid

Grid choice drives everything that comes after. A 24-pixel canvas with a 2-pixel safe margin gives enough room for a recognisable glyph while leaving breathing space. Designers on Windows builds often push to 32 pixels so icons survive 125 percent scaling on Surface devices sold through Australian retailers.

Snap every anchor point to whole or half pixels. Set Photoshop's grid to 0.5-pixel subdivisions and turn on snapping before laying down a path. This prevents the blurry edges that appear when a 1.5-pixel stroke sits between pixels, and keeps stroke weights predictable across 1x, 2x, and 3x retina exports.

Locking down strokes and optical sizing

Pick a stroke weight early and never deviate. A 1.5-pixel stroke on a 24-pixel canvas feels balanced across most product families, though enterprise tools lean toward 2 pixels. Round caps read softer and suit the friendly aesthetic popular in Australian consumer apps, while square caps suit technical products.

Optical sizing matters more than geometric precision. A mathematically perfect circle will look smaller than a square of the same diameter, so nudge circular glyphs out by one or two pixels. Build a reference sheet of these tweaks before producing the full set.

Drawing and refining glyphs in Photoshop

Start in vector. Use the Pen tool to draw each shape as a Shape Layer rather than rasterising, which keeps the file editable when a client asks for a tweak months later. Name every layer clearly: cut-line, fill, knockout. A Byron Bay freelancer who built a toolbar pack for a local mining software company credits clean layer naming for her reputation, because clients could edit colours without breaking paths.

Save a master file with the full set on separate artboards inside a single PSD. Studios in Brisbane's Fortitude Valley tech hub use this single-artboard approach as a standard handoff method.

Producing duotone and monochrome variants

A monochrome set is the workhorse, but a duotone variant lifts icons onto coloured backgrounds, marketing pages, and decks. Lock down two colours, usually a primary brand colour paired with a 20 percent tint, then duplicate the monochrome layer and apply a Colour Overlay. For a deeper walkthrough of building duotones with adjustment layers, see this Photoshop adjustment layers guide.

Test duotone glyphs on light and dark surfaces. Australian financial dashboards often use navy or charcoal backgrounds, so check contrast against those before signing off. Squinting at the artboard from arm's length is a quick way to spot weak duotones; if a glyph disappears into its background, bump the tint contrast.

Packaging and delivery formats

The final delivery should feel professional. A well-organised download earns trust and cuts support emails. Local designers selling through PSD Icons typically price packs between AUD 12 and AUD 45 depending on volume, and tidy file structure often justifies the higher end.

Files to include in a finished toolbar set:

• Transparent PNGs at 1x, 2x, and 3x resolutions
• Layered PSD with named groups for each glyph
• A quick-start PDF showing recommended sizes and stroke weights
• A preview sheet for listings and social promotion

Bundle the PNGs into a zip with subfolders for each resolution so developers can drop the right assets into iOS, Android, and web builds without hunting through a flat folder. That small touch has become a quiet standard in Australian design circles, especially among freelancers who grab a flat white before finalising handoffs.

Browse the PSD Icons library for ready-made glyph sets that follow these principles, or use the workflow above to build your own pack and upload it for the design community.