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

LocalCloud Brand & Project Icons

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)

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

brand/localcloud-app-icon.svg SVG ↗

Vector App Mark

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

brand/localcloud-icon.svg SVG ↗

CLI / Terminal Icon

Developer console and terminal tooling icon for localcloud CLI commands.

brand/localcloud-cli-icon.svg SVG ↗

System Tray / Menu Bar

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

brand/localcloud-tray-icon.svg SVG ↗

Dark Canvas Mark

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

brand/localcloud-mark-dark.svg SVG ↗

Light Canvas Mark

High-contrast light background mark for documentation and papers.

brand/localcloud-mark-light.svg SVG ↗

Root Favicon

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

favicon.svg SVG ↗

2. Product Feature & Capability Icons

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

Local Runtime

Single Docker container execution core

local-runtime.svg Get SVG

Zero Cloud Bill

No cloud billing or unexpected usage costs

zero-cloud-bill.svg Get SVG

Instant Iteration

Sub-second inner feedback loop

instant-iteration.svg Get SVG

Real Google Cloud SDKs

Zero code modifications or proxy forks

real-sdks.svg Get SVG

Mock-Free Fidelity

Verified emulation instead of brittle stubs

mock-free.svg Get SVG

Web Console

Visual state inspection and management UI

web-console.svg Get SVG

Offline First

Complete airplane mode & air-gapped development

offline-first.svg Get SVG

Port Matrix

20+ services routed across predictable ports

port-matrix.svg Get SVG

State Snapshots

Disk persistence and emulator state seeding

state-snapshot.svg Get SVG

CI Pipeline

Headless automation for GitHub Actions and CI

ci-pipeline.svg Get SVG

3. Runtime Status & Health Indicators

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

Healthy / Running

Active container with healthy gRPC/REST healthcheck

status-running.svg Get SVG

Starting / Booting

Container initializing services and mapping ports

status-starting.svg Get SVG

Stopped / Idle

Container stopped or paused by developer

status-stopped.svg Get SVG

Degraded / Warning

One or more background sub-emulators slow or restarting

status-degraded.svg Get SVG

Error / Failed

Port collision, OOM, or initialization error

status-error.svg Get 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} />