Assets / Iconography

Shared icon assets and the approved Material Symbols wrapper.

The current shared truth now includes two icon layers: the Gensudo brand icon asset in `packages/brand` and a curated Google Material Symbols-backed icon set in `packages/ui` for shared navigation, actions, and information architecture.

Brand icon asset

Gensudo icon on light surface

Brand icon on light surface.

Gensudo icon on dark surface

Brand icon on dark surface.

Approved meta icons

These icons are the current shared set for navigation, guide/app chrome, and common actions. They should be consumed through the shared `MetaIcon` primitive rather than imported directly from Google or duplicated as route-local SVGs.

Source of truth rule: app, brand, and marketing code should reference semantic names such as `home`, `edit`, `archive`, `delete`, `back`, or `save`. Only the shared mapping in `packages/ui` should import the vendor icon package directly.

Home

Home

`home`

Product app: Dashboard · `/`

Brand guide: Overview · `/`

Folder

Folder

`folder`

Product app: Projects · `/projects`

Layers

Layers

`layers`

Product app: Templates · `/templates`

Settings

Settings

`settings`

Product app: Settings · `/settings`

Book

Book

`book`

Reserved for future shared use.

Sparkles

Sparkles

`sparkles`

Brand guide: Foundations · `/foundations`

Palette

Palette

`palette`

Brand guide: Colours · `/foundations/colours`

Gradient

Gradient

`gradient`

Brand guide: Gradients · `/foundations/gradients`

Type

Type

`type`

Brand guide: Typography · `/foundations/typography`

Spacing

Spacing

`spacing`

Brand guide: Spacing · `/foundations/spacing`

Grid

Grid

`grid`

Brand guide: Grid & Layout · `/foundations/grid`

Megaphone

Megaphone

`megaphone`

Brand guide: Marketing · `/marketing`

Brand guide: Marketing Primitives · `/components/marketing`

Panel

Panel

`panel`

Brand guide: App · `/app`

Route

Route

`route`

Brand guide: Patterns · `/patterns`

Blocks

Blocks

`blocks`

Brand guide: Components · `/components`

Cursor

Cursor

`cursor`

Brand guide: Buttons · `/components/buttons`

Form

Form

`form`

Brand guide: Forms · `/components/forms`

Message

Message

`message`

Brand guide: Feedback & Overlays · `/components/feedback`

Sidebar

Sidebar

`sidebar`

Brand guide: Layout & Shells · `/components/layout`

Warning

Warning

`warning`

Brand guide: Not Yet Standardized · `/components/not-yet-standardized`

Image

Image

`image`

Brand guide: Assets · `/assets`

Badge

Badge

`badge`

Brand guide: Logo · `/assets/logo`

Stars

Stars

`stars`

Brand guide: Iconography · `/assets/icons`

Shield

Shield

`shield`

Brand guide: Governance · `/governance`

Clipboard

Clipboard

`clipboard`

Brand guide: Legacy Inventory · `/governance/legacy-inventory`

Branch

`branch`

Brand guide: Promotion Path · `/governance/promotion-path`

Add

Add

`add`

Reserved for future shared use.

Create

Create

`create`

Reserved for future shared use.

Edit

Edit

`edit`

Reserved for future shared use.

Archive

Archive

`archive`

Reserved for future shared use.

Delete

Delete

`delete`

Reserved for future shared use.

Back

Back

`back`

Reserved for future shared use.

Info

Info

`info`

Reserved for future shared use.

Menu

Menu

`menu`

Reserved for future shared use.

Close

Close

`close`

Reserved for future shared use.

Save

Save

`save`

Reserved for future shared use.

Download

Download

`download`

Reserved for future shared use.

Scope and current limits

Shared today

Navigation, reference, and core action icons now live in the shared UI layer and can be reused consistently by the app shell, the brand guide, and shared controls.

Current limit

Product-specific illustrations and any Gensudo-owned brand marks still belong in `packages/brand` rather than the Material Symbols-backed shared icon set.

Promotion rule

If the icon set expands beyond navigation/chrome, the new icons and states should land in shared code first and then be documented here as supported behavior.