Colored Illustrations

Generated from src/illustrations/manifest.json. Colored assets stay outside the monochrome icon API and preserve their internal palette.

Illustration Catalog

Access door entry illustration — **access-door-entry** `3188:9437`

Access door exit illustration — **access-door-exit** `3188:9468`

Access door SOS illustration — **access-door-sos** `3188:9537`

Access door user illustration — **access-door-user** `3188:8251`

Customer service illustration — **customer-service** `3188:8158`

Delivery driver illustration — **delivery-driver** `3188:8129`

Delivery driver with hand truck illustration — **delivery-driver-hand-truck** `3188:8193`

Delivery hand truck illustration — **delivery-hand-truck** `3188:8291`

Green delivery scooter illustration — **delivery-scooter-green** `3188:8936`

Yellow delivery scooter illustration — **delivery-scooter-yellow** `3188:8976`

Delivery truck with box illustration — **delivery-truck-box** `3188:9069`

Delivery truck with package illustration — **delivery-truck-package** `3188:8231`

Simple delivery truck illustration — **delivery-truck-simple** `3188:9269`

Delivery truck on teal background illustration — **delivery-truck-teal** `3188:9016`

File edit illustration — **file-edit** `3188:8389`

Locked file illustration — **file-locked** `3188:8345`

File minus filled illustration — **file-minus-filled** `3188:8323`

File minus outline illustration — **file-minus-outline** `3188:8310`

file-search-filled 3188:8335

file-search-outline 3188:8356

File view illustration — **file-view** `3188:8377`

File warning illustration — **file-warning** `3188:8366`

Globe illustration — **globe** `3188:9356`

Landscape image illustration — **image-landscape** `3188:9343`

Blocked information illustration — **info-blocked** `3188:9323`

Blocked warning information illustration — **info-blocked-warning** `3188:9313`

Information circle illustration — **info-circle** `3188:9333`

Blue muted volume illustration — **media-volume-muted-blue** `3188:9346`

Yellow muted volume illustration — **media-volume-muted-yellow** `3188:9351`

Dark seat object illustration — **object-seat-dark** `3188:8513`

Gray seat object illustration — **object-seat-gray** `3188:8530`

Blue police uniform illustration — **security-police-uniform-blue** `3188:9497`

Orange police uniform illustration — **security-police-uniform-orange** `3188:9517`

security-shield-star 3188:9365

Prohibited status accent illustration — **status-prohibited-accent** `3188:8486`

Prohibited cancel illustration — **status-prohibited-cancel** `3188:9131`

Prohibited status filled illustration — **status-prohibited-filled** `3188:8226`

Prohibited status outline illustration — **status-prohibited-outline** `3188:8184`

Toggle off illustration — **toggle-off** `3188:9574`

Toggle on illustration — **toggle-on** `3188:9558`

Tools kit illustration — **tools-kit** `3188:9294`

Repair tools illustration — **tools-repair** `3188:9122`

Tools wrench illustration — **tools-wrench** `3188:9286`

User agent illustration — **user-agent** `3188:8592`

User assistant illustration — **user-assistant** `3188:8622`

User enter illustration — **user-enter** `3188:9374`

User exit illustration — **user-exit** `3188:9405`

User group illustration — **user-group** `3188:9165`

Green user group illustration — **user-group-green** `3188:8778`

Pink user group illustration — **user-group-pink** `3188:8696`

User group screen illustration — **user-group-screen** `3188:8841`

Man illustration — **user-man** `3188:9096`

User minus illustration — **user-minus** `3188:10830`

User operator illustration — **user-operator** `3188:8449`

user-profile 3188:9139

User support illustration — **user-support** `3188:8546`

User technician illustration — **user-technician** `3188:8647`

Dark uniform user illustration — **user-uniform-dark** `3188:8496`

Blocked warning illustration — **warning-blocked** `3188:9047`

Warning triangle filled illustration — **warning-triangle-filled** `3188:9059`

Warning triangle outline illustration — **warning-triangle-outline** `3188:9040`

Usage

Use colored illustrations as regular image assets. Use meaningful alternative text when the image communicates state; use alt="" only for decorative images.

<img
  src="/src/illustrations/svg/file-locked.svg"
  alt="Locked file illustration"
  width="160"
  height="160"
>

Manifest

Public name	Figma name	Node	Format	Dimensions	Size	Path
`access-door-entry`	Group 1000005383	`3188:9437`	SVG	0 0 193 194	19.8 KB	`src/illustrations/svg/access-door-entry.svg`
`access-door-exit`	Group 1000005382	`3188:9468`	SVG	0 0 194 194	19.7 KB	`src/illustrations/svg/access-door-exit.svg`
`access-door-sos`	Frame 1000005460	`3188:9537`	SVG	0 0 195 195	6.6 KB	`src/illustrations/svg/access-door-sos.svg`
`access-door-user`	Group 1000005360	`3188:8251`	SVG	0 0 194 193	6.8 KB	`src/illustrations/svg/access-door-user.svg`
`customer-service`	customer-service-svgrepo-com 1 2	`3188:8158`	SVG	0 0 194 193	4.3 KB	`src/illustrations/svg/customer-service.svg`
`delivery-driver`	delivery-man-driver-svgrepo-com 2 2	`3188:8129`	SVG	0 0 195 194	4.9 KB	`src/illustrations/svg/delivery-driver.svg`
`delivery-driver-hand-truck`	delivery-svgrepo-com (3) 1 1	`3188:8193`	SVG	0 0 194 194	8.2 KB	`src/illustrations/svg/delivery-driver-hand-truck.svg`
`delivery-hand-truck`	delivery-svgrepo-com 1 2	`3188:8291`	SVG	0 0 442.186 378	3.8 KB	`src/illustrations/svg/delivery-hand-truck.svg`
`delivery-scooter-green`	Group 7 2	`3188:8936`	SVG	0 0 194 193	8.6 KB	`src/illustrations/svg/delivery-scooter-green.svg`
`delivery-scooter-yellow`	Group 2 7	`3188:8976`	SVG	0 0 194 194	8.6 KB	`src/illustrations/svg/delivery-scooter-yellow.svg`
`delivery-truck-box`	Layer_32 2	`3188:9069`	SVG	0 0 194 193	6.5 KB	`src/illustrations/svg/delivery-truck-box.svg`
`delivery-truck-package`	delivery-svgrepo-com (4) 1 2	`3188:8231`	SVG	0 0 194 194	5.5 KB	`src/illustrations/svg/delivery-truck-package.svg`
`delivery-truck-simple`	trucking-delivery-svgrepo-com 1 2	`3188:9269`	SVG	0 0 194 194	5.0 KB	`src/illustrations/svg/delivery-truck-simple.svg`
`delivery-truck-teal`	Group 14 2	`3188:9016`	SVG	0 0 194 194	5.5 KB	`src/illustrations/svg/delivery-truck-teal.svg`
`file-edit`	edit-svgrepo-com 2	`3188:8389`	SVG	0 0 194 194	5.4 KB	`src/illustrations/svg/file-edit.svg`
`file-locked`	file-svgrepo-com (9) 1 2	`3188:8345`	SVG	0 0 512 512	4.6 KB	`src/illustrations/svg/file-locked.svg`
`file-minus-filled`	file-svgrepo-com (11) 1 2	`3188:8323`	SVG	0 0 194 194	2.9 KB	`src/illustrations/svg/file-minus-filled.svg`
`file-minus-outline`	file-svgrepo-com (10) 1 2	`3188:8310`	SVG	0 0 194 194	2.0 KB	`src/illustrations/svg/file-minus-outline.svg`
`file-search-filled`	file-svgrepo-com (12) 1 2	`3188:8335`	SVG	0 0 194 193	2.9 KB	`src/illustrations/svg/file-search-filled.svg`
`file-search-outline`	file-svgrepo-com (13) 1 2	`3188:8356`	SVG	0 0 195 194	2.9 KB	`src/illustrations/svg/file-search-outline.svg`
`file-view`	file-svgrepo-com (4) 1 2	`3188:8377`	SVG	0 0 194 193	3.7 KB	`src/illustrations/svg/file-view.svg`
`file-warning`	file-svgrepo-com (14) 1 2	`3188:8366`	SVG	0 0 195 194	3.4 KB	`src/illustrations/svg/file-warning.svg`
`globe`	Group 1000005370	`3188:9356`	SVG	0 0 194 194	3.8 KB	`src/illustrations/svg/globe.svg`
`image-landscape`	Flattened	`3188:9343`	SVG	0 0 194 193	2.3 KB	`src/illustrations/svg/image-landscape.svg`
`info-blocked`	info-fill-svgrepo-com 1 2	`3188:9323`	SVG	0 0 194 194	4.0 KB	`src/illustrations/svg/info-blocked.svg`
`info-blocked-warning`	info-svgrepo-com (1) 1 2	`3188:9313`	SVG	0 0 194 194	4.0 KB	`src/illustrations/svg/info-blocked-warning.svg`
`info-circle`	info-svgrepo-com 1 2	`3188:9333`	SVG	0 0 194 194	1.7 KB	`src/illustrations/svg/info-circle.svg`
`media-volume-muted-blue`	vol-mute 1	`3188:9346`	SVG	0 0 194 194	3.5 KB	`src/illustrations/svg/media-volume-muted-blue.svg`
`media-volume-muted-yellow`	vol-mute 2	`3188:9351`	SVG	0 0 193 194	3.5 KB	`src/illustrations/svg/media-volume-muted-yellow.svg`
`object-seat-dark`	Group 12 2	`3188:8513`	SVG	0 0 194 193	2.5 KB	`src/illustrations/svg/object-seat-dark.svg`
`object-seat-gray`	Group 11 2	`3188:8530`	SVG	0 0 194 194	2.5 KB	`src/illustrations/svg/object-seat-gray.svg`
`security-police-uniform-blue`	police-uniform-uniform 2	`3188:9497`	SVG	0 0 192 195	10.8 KB	`src/illustrations/svg/security-police-uniform-blue.svg`
`security-police-uniform-orange`	police-uniform-uniform 3	`3188:9517`	SVG	0 0 194 195	14.1 KB	`src/illustrations/svg/security-police-uniform-orange.svg`
`security-shield-star`	Group 1000005365	`3188:9365`	SVG	0 0 194 195	6.6 KB	`src/illustrations/svg/security-shield-star.svg`
`status-prohibited-accent`	Group 8 8	`3188:8486`	SVG	0 0 194 194	3.2 KB	`src/illustrations/svg/status-prohibited-accent.svg`
`status-prohibited-cancel`	prohibited-cancel-svgrepo-com 1 2	`3188:9131`	SVG	0 0 194 194	3.3 KB	`src/illustrations/svg/status-prohibited-cancel.svg`
`status-prohibited-filled`	block-svgrepo-com (2) 1 1	`3188:8226`	SVG	0 0 194 194	0.8 KB	`src/illustrations/svg/status-prohibited-filled.svg`
`status-prohibited-outline`	block-svgrepo-com (1) 1 2	`3188:8184`	SVG	0 0 194 193	13.4 KB	`src/illustrations/svg/status-prohibited-outline.svg`
`toggle-off`	Frame 1000005462	`3188:9574`	SVG	0 0 193 194	3.8 KB	`src/illustrations/svg/toggle-off.svg`
`toggle-on`	Frame 1000005461	`3188:9558`	SVG	0 0 194 194	3.8 KB	`src/illustrations/svg/toggle-on.svg`
`tools-kit`	tools-svgrepo-com 1 2	`3188:9294`	SVG	0 0 194 194	9.6 KB	`src/illustrations/svg/tools-kit.svg`
`tools-repair`	Group 19 2	`3188:9122`	SVG	0 0 194 194	4.0 KB	`src/illustrations/svg/tools-repair.svg`
`tools-wrench`	tools-wrench-svgrepo-com 1 2	`3188:9286`	SVG	0 0 194 194	5.1 KB	`src/illustrations/svg/tools-wrench.svg`
`user-agent`	Group 1 5384	`3188:8592`	SVG	0 0 194 194	4.9 KB	`src/illustrations/svg/user-agent.svg`
`user-assistant`	Group 23 2	`3188:8622`	SVG	0 0 194 194	4.3 KB	`src/illustrations/svg/user-assistant.svg`
`user-enter`	Group 1000005367	`3188:9374`	SVG	0 0 194 194	20.6 KB	`src/illustrations/svg/user-enter.svg`
`user-exit`	Group 1000005371	`3188:9405`	SVG	0 0 193 194	20.8 KB	`src/illustrations/svg/user-exit.svg`
`user-group`	user-groups-svgrepo-com 1 2	`3188:9165`	SVG	0 0 194 194	16.5 KB	`src/illustrations/svg/user-group.svg`
`user-group-green`	Group 36 2	`3188:8778`	SVG	0 0 194 194	17.0 KB	`src/illustrations/svg/user-group-green.svg`
`user-group-pink`	Group 35 2	`3188:8696`	SVG	0 0 194 194	18.8 KB	`src/illustrations/svg/user-group-pink.svg`
`user-group-screen`	Group 35-1 2	`3188:8841`	SVG	0 0 194 194	11.8 KB	`src/illustrations/svg/user-group-screen.svg`
`user-man`	man-svgrepo-com (2) 1 2	`3188:9096`	SVG	0 0 194 194	4.3 KB	`src/illustrations/svg/user-man.svg`
`user-minus`	Group 1000005384	`3188:10830`	SVG	0 0 98 165	4.7 KB	`src/illustrations/svg/user-minus.svg`
`user-operator`	Group 9 2	`3188:8449`	SVG	0 0 194 194	7.6 KB	`src/illustrations/svg/user-operator.svg`
`user-profile`	user-svgrepo-com (3) 1 2	`3188:9139`	SVG	0 0 194 194	5.0 KB	`src/illustrations/svg/user-profile.svg`
`user-support`	Group 16 2	`3188:8546`	SVG	0 0 194 194	7.3 KB	`src/illustrations/svg/user-support.svg`
`user-technician`	Group 25 3	`3188:8647`	SVG	0 0 194 194	3.8 KB	`src/illustrations/svg/user-technician.svg`
`user-uniform-dark`	Group 10 5384	`3188:8496`	SVG	0 0 194 194	2.1 KB	`src/illustrations/svg/user-uniform-dark.svg`
`warning-blocked`	warning-svgrepo-com (1) 1 2	`3188:9047`	SVG	0 0 512 512	4.1 KB	`src/illustrations/svg/warning-blocked.svg`
`warning-triangle-filled`	warning-svgrepo-com 1 2	`3188:9059`	SVG	0 0 194 193	3.0 KB	`src/illustrations/svg/warning-triangle-filled.svg`
`warning-triangle-outline`	warning-svgrepo-com (2) 1 2	`3188:9040`	SVG	0 0 194 193	2.2 KB	`src/illustrations/svg/warning-triangle-outline.svg`

The machine-readable source is src/illustrations/manifest.json. No illustration CSS is imported by default.