17 Icons · Duotone SVG · CSS Variables

Car Wash Icon Set

Web-ready SVG icons with a two-layer architecture. Control both colours and opacity independently via CSS custom properties.

Icon Set

Click a theme to preview different colour combinations.

Vacuum Robot icon-vacuum-robot

Car Wash Tunnel icon-car-wash-tunnel

Car Wash Portal icon-car-wash-portal

Cleaning Bucket icon-bucket

Glass Cleaning icon-glass-cleaning

Tyre Service icon-tyre

Car Interior icon-car-interior

Car Seat icon-car-seat

Self-Service Wash icon-car-wash-self-service

Vacuum Cleaner icon-vacuum-cleaner

Microfiber Cloth icon-microfiber

Car Wash Bay icon-car-wash-bay

Foam Treatment icon-foam-treatment

Car Cleaning icon-car-cleaning

Spray Gun icon-spray-gun

Car Polisher icon-polisher

Attendant icon-attendant

Scales Cleanly

Vector paths — no detail loss at any size.

16px

24px

32px

48px

64px

96px

CSS Variable API

Each icon exposes three custom properties. Default values work without any setup.

/* ── Inline SVG or <img> + CSS  ───────────────────── */

.service-card svg {
  --icon-primary:           #1e293b;   /* main icon body */
  --icon-secondary:          #3b82f6;   /* sparkle / accent layer */
  --icon-secondary-opacity:  1;         /* 0–1, default 0.35 */
}

/* ── Monochrome (single colour) ─────────────────── */
.icon-mono {
  color: #1e293b;  /* currentColor fallback — no variables needed */
}

/* ── CSS class themes ───────────────────────────── */
.theme-ocean {
  --icon-primary:          #0f172a;
  --icon-secondary:         #0ea5e9;
  --icon-secondary-opacity: 0.8;
}
.theme-forest {
  --icon-primary:          #14532d;
  --icon-secondary:         #86efac;
  --icon-secondary-opacity: 1;
}

/* ── Inline override (highest specificity) ──────── */
<svg style="--icon-primary:#7c3aed;--icon-secondary:#ddd6fe">
    

File Reference

All 17 icons, their file names, and duotone support.

Human Name	Filename	Layers
Vacuum Robot	`icon-vacuum-robot.svg`	Duotone
Car Wash Tunnel	`icon-car-wash-tunnel.svg`	Duotone
Car Wash Portal	`icon-car-wash-portal.svg`	Duotone
Cleaning Bucket	`icon-bucket.svg`	Duotone
Glass Cleaning	`icon-glass-cleaning.svg`	Duotone
Tyre Service	`icon-tyre.svg`	Single layer
Car Interior	`icon-car-interior.svg`	Duotone
Car Seat	`icon-car-seat.svg`	Duotone
Car Wash Self-Service	`icon-car-wash-self-service.svg`	Single layer
Vacuum Cleaner	`icon-vacuum-cleaner.svg`	Duotone
Microfiber Cloth	`icon-microfiber.svg`	Duotone
Car Wash Bay	`icon-car-wash-bay.svg`	Duotone
Foam Treatment	`icon-foam-treatment.svg`	Duotone
Car Cleaning	`icon-car-cleaning.svg`	Duotone
Spray Gun	`icon-spray-gun.svg`	Duotone
Car Polisher	`icon-polisher.svg`	Duotone
Attendant	`icon-attendant.svg`	Single layer