Named Shape

Use the namedShape type to add GCP 2021 service and resource icons to your diagram. Refer to Common Properties for the full list of applicable properties.

{
    "id": "shape1",
    "type": "namedShape",
    "className": "GCP2021CloudStorageIcon",
    "boundingBox": { ... },
    "text": "Object Storage"
}

Named Container

Use the namedContainer type to add GCP 2021 group containers that visually enclose related shapes. Place other shapes within the container's bounding box to nest them inside. Refer to Common Properties for the full list of applicable properties.

{
    "id": "region1",
    "type": "namedContainer",
    "className": "GCP2021ContainerRegion",
    "boundingBox": { ... }
}

Container Shapes

The following class names are available for use with namedContainer:

Common Shapes

The following shapes cover the majority of typical GCP architecture diagrams. Use the className value with the namedShape type. All icon shapes default to Google Blue (#4285F4) when no fill style is specified. For container shapes (Region, Zone, etc.), see Container Shapes above and use the namedContainer type instead.

Shape Categories