AshIcon

Renders the custom Ash SVG icons (see Iconography for the full set) with theme-aware tinting. Source: ash_icon.dart.

// Local asset from the AshIcons enum
AshIcon(AshIcons.insights, size: 24)

// Brand mark keeping its own colors
AshIcon(AshIcons.brandSpotify, useOriginalColor: true)

// Remote SVG (server-driven UI)
AshIcon.network('https://…/icon.svg', size: 32)

Constructors

Constructor	Source
`AshIcon(AshIcons icon, …)`	`assets/icons/{icon.value}.svg`
`AshIcon.network(String iconUrl, …)`	Any SVG URL (via `SvgPicture.network`)

API

Parameter	Type	Default	Notes
`size`	`double?`	surrounding `IconTheme.size`	Width & height (`FittedBox` contains the SVG)
`color`	`Color?`	`IconTheme.color` → `contrastStrong`	Tint color
`useOriginalColor`	`bool`	`false`	Skip tinting — for multi-color brand marks
`semanticLabel`	`String?`	`null`	`null` = decorative, excluded from semantics

Resolution rules

Color: explicit color → IconTheme.of(context).color → context.colorTheme.contrastStrong. Tinting uses ColorFilter.mode(color, BlendMode.srcIn).
Size: explicit size → IconTheme.of(context).size. Because IconTheme is respected, AshIcon slots into IconButton, NavDestination, and StyledFloatingActionButton and picks up their icon styling automatically.
Semantics: with semanticLabel: null the SVG sets excludeFromSemantics: true. Label at the button layer (e.g. IconButton.tooltip) instead — avoids double announcements.

Real usage

Sign-in provider buttons (provider_sign_in_buttons.dart, brand icons with useOriginalColor), activity heroes (activity_hero_image.dart), linked-account platform icons (platform_icon_mapping.dart, including .network for server-driven icons).

Getting Started

Craft and Foundations

Brand

Design System

For Agents

Constructors

API

Resolution rules

Real usage