# LocalCloud Brand & Project Icons

> Explore the official icon suite for LocalCloud: app icons, CLI badges, feature symbols, and runtime status indicators.
>
> Source: https://local.cloud/brand/icons/

Brand Assets v1.0 • Monoline 1.8px • Vector SVG

The official visual iconography for LocalCloud: designed for developer tooling clarity, scalable from 16px favicons to 512px app store launchers, matching the Google Cloud developer workbench aesthetic.

Preview Canvas:

## 1\. Company & Brand Identity Icons

Application launchers, menu bar monitors, CLI tooling badges, and favicons.

![App Icon (Squircle)](https://local.cloud/brand/localcloud-app-icon.svg)

### App Icon (Squircle)

Desktop launcher, Docker Desktop extension, and macOS dock icon with container core and status LEDs.

brand/localcloud-app-icon.svg [SVG ↗](https://local.cloud/brand/localcloud-app-icon.svg)

![Vector App Mark](https://local.cloud/brand/localcloud-icon.svg)

### Vector App Mark

Scalable vector mark optimized for small-canvas visibility, favicon, and app headers.

brand/localcloud-icon.svg [SVG ↗](https://local.cloud/brand/localcloud-icon.svg)

![CLI / Terminal Icon](https://local.cloud/brand/localcloud-cli-icon.svg)

### CLI / Terminal Icon

Developer console and terminal tooling icon for localcloud CLI commands.

brand/localcloud-cli-icon.svg [SVG ↗](https://local.cloud/brand/localcloud-cli-icon.svg)

![System Tray / Menu Bar](https://local.cloud/brand/localcloud-tray-icon.svg)

### System Tray / Menu Bar

Monochrome template icon for the macOS menu bar and Windows/Linux system tray.

brand/localcloud-tray-icon.svg [SVG ↗](https://local.cloud/brand/localcloud-tray-icon.svg)

![Dark Canvas Mark](https://local.cloud/brand/localcloud-mark-dark.svg)

### Dark Canvas Mark

Slate and dark terminal surface brand mark with neon edge accents.

brand/localcloud-mark-dark.svg [SVG ↗](https://local.cloud/brand/localcloud-mark-dark.svg)

![Light Canvas Mark](https://local.cloud/brand/localcloud-mark-light.svg)

### Light Canvas Mark

High-contrast light background mark for documentation and papers.

brand/localcloud-mark-light.svg [SVG ↗](https://local.cloud/brand/localcloud-mark-light.svg)

![Root Favicon](https://local.cloud/favicon.svg)

### Root Favicon

Browser tab and bookmark icon with high-contrast Google status points.

favicon.svg [SVG ↗](https://local.cloud/favicon.svg)

## 2\. Product Feature & Capability Icons

Precision 24×24 monoline vector icons matching the Developer Workbench visual style.

![local-runtime feature icon](https://local.cloud/icons/features/local-runtime.svg)

### Local Runtime

Single Docker container execution core

local-runtime.svg [Get SVG](https://local.cloud/icons/features/local-runtime.svg)

![zero-cloud-bill feature icon](https://local.cloud/icons/features/zero-cloud-bill.svg)

### Zero Cloud Bill

No cloud billing or unexpected usage costs

zero-cloud-bill.svg [Get SVG](https://local.cloud/icons/features/zero-cloud-bill.svg)

![instant-iteration feature icon](https://local.cloud/icons/features/instant-iteration.svg)

### Instant Iteration

Sub-second inner feedback loop

instant-iteration.svg [Get SVG](https://local.cloud/icons/features/instant-iteration.svg)

![real-sdks feature icon](https://local.cloud/icons/features/real-sdks.svg)

### Real Google Cloud SDKs

Zero code modifications or proxy forks

real-sdks.svg [Get SVG](https://local.cloud/icons/features/real-sdks.svg)

![mock-free feature icon](https://local.cloud/icons/features/mock-free.svg)

### Mock-Free Fidelity

Verified emulation instead of brittle stubs

mock-free.svg [Get SVG](https://local.cloud/icons/features/mock-free.svg)

![web-console feature icon](https://local.cloud/icons/features/web-console.svg)

### Web Console

Visual state inspection and management UI

web-console.svg [Get SVG](https://local.cloud/icons/features/web-console.svg)

![offline-first feature icon](https://local.cloud/icons/features/offline-first.svg)

### Offline First

Complete airplane mode & air-gapped development

offline-first.svg [Get SVG](https://local.cloud/icons/features/offline-first.svg)

![port-matrix feature icon](https://local.cloud/icons/features/port-matrix.svg)

### Port Matrix

20+ services routed across predictable ports

port-matrix.svg [Get SVG](https://local.cloud/icons/features/port-matrix.svg)

![state-snapshot feature icon](https://local.cloud/icons/features/state-snapshot.svg)

### State Snapshots

Disk persistence and emulator state seeding

state-snapshot.svg [Get SVG](https://local.cloud/icons/features/state-snapshot.svg)

![ci-pipeline feature icon](https://local.cloud/icons/features/ci-pipeline.svg)

### CI Pipeline

Headless automation for GitHub Actions and CI

ci-pipeline.svg [Get SVG](https://local.cloud/icons/features/ci-pipeline.svg)

## 3\. Runtime Status & Health Indicators

Status lights and healthcheck indicators for dashboard rows, logs, and CLI output.

![running status indicator](https://local.cloud/icons/status/status-running.svg)

### Healthy / Running

Active container with healthy gRPC/REST healthcheck

status-running.svg [Get SVG](https://local.cloud/icons/status/status-running.svg)

![starting status indicator](https://local.cloud/icons/status/status-starting.svg)

### Starting / Booting

Container initializing services and mapping ports

status-starting.svg [Get SVG](https://local.cloud/icons/status/status-starting.svg)

![stopped status indicator](https://local.cloud/icons/status/status-stopped.svg)

### Stopped / Idle

Container stopped or paused by developer

status-stopped.svg [Get SVG](https://local.cloud/icons/status/status-stopped.svg)

![degraded status indicator](https://local.cloud/icons/status/status-degraded.svg)

### Degraded / Warning

One or more background sub-emulators slow or restarting

status-degraded.svg [Get SVG](https://local.cloud/icons/status/status-degraded.svg)

![error status indicator](https://local.cloud/icons/status/status-error.svg)

### Error / Failed

Port collision, OOM, or initialization error

status-error.svg [Get SVG](https://local.cloud/icons/status/status-error.svg)

### Usage in Code

Easily include these icons in any Astro layout, MDX documentation page, or frontend component.

// Feature Icon Component

```
import FeatureIcon from '../components/FeatureIcon.astro';

<FeatureIcon name="local-runtime" size={24} />
<FeatureIcon name="zero-cloud-bill" size={24} />
<FeatureIcon name="instant-iteration" size={24} />
```

// Status Indicator Component

```
import StatusIcon from '../components/StatusIcon.astro';

<StatusIcon status="running" size={18} />
<StatusIcon status="starting" size={18} />
<StatusIcon status="error" size={18} />
```
