Gcp2 General Icons Entities
A7 Power
- Preview
- Usage
- Definition
import { A7Power } from '@dinghy/diagrams/entitiesGcp2GeneralIcons'
<A7Power/>
// or
import { extendStyle } from "@dinghy/base-components";
import { A7_POWER } from '@dinghy/diagrams/entitiesGcp2GeneralIcons'
<Shape
{...props}
_style={extendStyle(props, A7_POWER)}
/>
{
_style: {
entity: 'sketch=0;html=1;aspect=fixed;strokeColor=none;shadow=0;fillColor=#3B8DF1;verticalAlign=top;labelPosition=center;verticalLabelPosition=bottom;shape=mxgraph.gcp2.a7_power',
},
_original_width: 100,
_original_height: 100,
}
Admin
- Preview
- Usage
- Definition
import { Admin } from '@dinghy/diagrams/entitiesGcp2GeneralIcons'
<Admin/>
// or
import { extendStyle } from "@dinghy/base-components";
import { ADMIN } from '@dinghy/diagrams/entitiesGcp2GeneralIcons'
<Shape
{...props}
_style={extendStyle(props, ADMIN)}
/>
{
_style: {
entity: 'sketch=0;html=1;aspect=fixed;strokeColor=none;shadow=0;fillColor=#3B8DF1;verticalAlign=top;labelPosition=center;verticalLabelPosition=bottom;shape=mxgraph.gcp2.connected',
},
_width: 100,
_height: 72,
}
Admin Connected
- Preview
- Usage
- Definition
import { AdminConnected } from '@dinghy/diagrams/entitiesGcp2GeneralIcons'
<AdminConnected/>
// or
import { extendStyle } from "@dinghy/base-components";
import { ADMIN_CONNECTED } from '@dinghy/diagrams/entitiesGcp2GeneralIcons'
<Shape
{...props}
_style={extendStyle(props, ADMIN_CONNECTED)}
/>
{
_style: {
entity: 'sketch=0;html=1;aspect=fixed;strokeColor=none;shadow=0;fillColor=#3B8DF1;verticalAlign=top;labelPosition=center;verticalLabelPosition=bottom;shape=mxgraph.gcp2.admin_connected',
},
_original_width: 100,
_original_height: 100,
}
Anomaly Detection
- Preview
- Usage
- Definition
import { AnomalyDetection } from '@dinghy/diagrams/entitiesGcp2GeneralIcons'
<AnomalyDetection/>
// or
import { extendStyle } from "@dinghy/base-components";
import { ANOMALY_DETECTION } from '@dinghy/diagrams/entitiesGcp2GeneralIcons'
<Shape
{...props}
_style={extendStyle(props, ANOMALY_DETECTION)}
/>
{
_style: {
entity: 'sketch=0;html=1;aspect=fixed;strokeColor=none;shadow=0;fillColor=#3B8DF1;verticalAlign=top;labelPosition=center;verticalLabelPosition=bottom;shape=mxgraph.gcp2.anomaly_detection',
},
_width: 78,
_height: 100,
}
Arrow Cycle
- Preview
- Usage
- Definition
import { ArrowCycle } from '@dinghy/diagrams/entitiesGcp2GeneralIcons'
<ArrowCycle/>
// or
import { extendStyle } from "@dinghy/base-components";
import { ARROW_CYCLE } from '@dinghy/diagrams/entitiesGcp2GeneralIcons'
<Shape
{...props}
_style={extendStyle(props, ARROW_CYCLE)}
/>
{
_style: {
entity: 'sketch=0;html=1;aspect=fixed;strokeColor=none;shadow=0;fillColor=#3B8DF1;verticalAlign=top;labelPosition=center;verticalLabelPosition=bottom;shape=mxgraph.gcp2.arrow_cycle',
},
_original_width: 100,
_original_height: 95,
}
Arrows System
- Preview
- Usage
- Definition
import { ArrowsSystem } from '@dinghy/diagrams/entitiesGcp2GeneralIcons'
<ArrowsSystem/>
// or
import { extendStyle } from "@dinghy/base-components";
import { ARROWS_SYSTEM } from '@dinghy/diagrams/entitiesGcp2GeneralIcons'
<Shape
{...props}
_style={extendStyle(props, ARROWS_SYSTEM)}
/>
{
_style: {
entity: 'sketch=0;html=1;aspect=fixed;strokeColor=none;shadow=0;fillColor=#3B8DF1;verticalAlign=top;labelPosition=center;verticalLabelPosition=bottom;shape=mxgraph.gcp2.arrows_system',
},
_original_width: 100,
_original_height: 95,
}
Aspect Ratio
- Preview
- Usage
- Definition
import { AspectRatio } from '@dinghy/diagrams/entitiesGcp2GeneralIcons'
<AspectRatio/>
// or
import { extendStyle } from "@dinghy/base-components";
import { ASPECT_RATIO } from '@dinghy/diagrams/entitiesGcp2GeneralIcons'
<Shape
{...props}
_style={extendStyle(props, ASPECT_RATIO)}
/>
{
_style: {
entity: 'sketch=0;html=1;aspect=fixed;strokeColor=none;shadow=0;fillColor=#3B8DF1;verticalAlign=top;labelPosition=center;verticalLabelPosition=bottom;shape=mxgraph.gcp2.aspect_ratio',
},
_original_width: 100,
_original_height: 92,
}
Big Query
- Preview
- Usage
- Definition
import { BigQuery } from '@dinghy/diagrams/entitiesGcp2GeneralIcons'
<BigQuery/>
// or
import { extendStyle } from "@dinghy/base-components";
import { BIG_QUERY } from '@dinghy/diagrams/entitiesGcp2GeneralIcons'
<Shape
{...props}
_style={extendStyle(props, BIG_QUERY)}
/>
{
_style: {
entity: 'sketch=0;html=1;aspect=fixed;strokeColor=none;shadow=0;fillColor=#3B8DF1;verticalAlign=top;labelPosition=center;verticalLabelPosition=bottom;shape=mxgraph.gcp2.big_query',
},
_original_width: 99,
_original_height: 100,
}
Biomedical Beaker
- Preview
- Usage
- Definition
import { BiomedicalBeaker } from '@dinghy/diagrams/entitiesGcp2GeneralIcons'
<BiomedicalBeaker/>
// or
import { extendStyle } from "@dinghy/base-components";
import { BIOMEDICAL_BEAKER } from '@dinghy/diagrams/entitiesGcp2GeneralIcons'
<Shape
{...props}
_style={extendStyle(props, BIOMEDICAL_BEAKER)}
/>
{
_style: {
entity: 'sketch=0;html=1;aspect=fixed;strokeColor=none;shadow=0;fillColor=#3B8DF1;verticalAlign=top;labelPosition=center;verticalLabelPosition=bottom;shape=mxgraph.gcp2.biomedical_beaker',
},
_width: 69,
_height: 100,
}
Biomedical Test Tube
- Preview
- Usage
- Definition
import { BiomedicalTestTube } from '@dinghy/diagrams/entitiesGcp2GeneralIcons'
<BiomedicalTestTube/>
// or
import { extendStyle } from "@dinghy/base-components";
import { BIOMEDICAL_TEST_TUBE } from '@dinghy/diagrams/entitiesGcp2GeneralIcons'
<Shape
{...props}
_style={extendStyle(props, BIOMEDICAL_TEST_TUBE)}
/>
{
_style: {
entity: 'sketch=0;html=1;aspect=fixed;strokeColor=none;shadow=0;fillColor=#3B8DF1;verticalAlign=top;labelPosition=center;verticalLabelPosition=bottom;shape=mxgraph.gcp2.biomedical_test_tube',
},
_width: 31,
_height: 100,
}
Biomedical Trio
- Preview
- Usage
- Definition
import { BiomedicalTrio } from '@dinghy/diagrams/entitiesGcp2GeneralIcons'
<BiomedicalTrio/>
// or
import { extendStyle } from "@dinghy/base-components";
import { BIOMEDICAL_TRIO } from '@dinghy/diagrams/entitiesGcp2GeneralIcons'
<Shape
{...props}
_style={extendStyle(props, BIOMEDICAL_TRIO)}
/>
{
_style: {
entity: 'sketch=0;html=1;aspect=fixed;strokeColor=none;shadow=0;fillColor=#3B8DF1;verticalAlign=top;labelPosition=center;verticalLabelPosition=bottom;shape=mxgraph.gcp2.biomedical_trio',
},
_width: 100,
_height: 68,
}
Bucket Scale
- Preview
- Usage
- Definition
import { BucketScale } from '@dinghy/diagrams/entitiesGcp2GeneralIcons'
<BucketScale/>
// or
import { extendStyle } from "@dinghy/base-components";
import { BUCKET_SCALE } from '@dinghy/diagrams/entitiesGcp2GeneralIcons'
<Shape
{...props}
_style={extendStyle(props, BUCKET_SCALE)}
/>
{
_style: {
entity: 'sketch=0;html=1;aspect=fixed;strokeColor=none;shadow=0;fillColor=#3B8DF1;verticalAlign=top;labelPosition=center;verticalLabelPosition=bottom;shape=mxgraph.gcp2.bucket_scale',
},
_original_width: 100,
_original_height: 81,
}
Calculator
- Preview
- Usage
- Definition
import { Calculator } from '@dinghy/diagrams/entitiesGcp2GeneralIcons'
<Calculator/>
// or
import { extendStyle } from "@dinghy/base-components";
import { CALCULATOR } from '@dinghy/diagrams/entitiesGcp2GeneralIcons'
<Shape
{...props}
_style={extendStyle(props, CALCULATOR)}
/>
{
_style: {
entity: 'sketch=0;html=1;aspect=fixed;strokeColor=none;shadow=0;fillColor=#3B8DF1;verticalAlign=top;labelPosition=center;verticalLabelPosition=bottom;shape=mxgraph.gcp2.calculator',
},
_width: 100,
_height: 74,
}
Capabilities
- Preview
- Usage
- Definition

import { Capabilities } from '@dinghy/diagrams/entitiesGcp2GeneralIcons'
<Capabilities/>
// or
import { extendStyle } from "@dinghy/base-components";
import { CAPABILITIES } from '@dinghy/diagrams/entitiesGcp2GeneralIcons'
<Shape
{...props}
_style={extendStyle(props, CAPABILITIES)}
/>
{
_style: {
entity: 'sketch=0;html=1;aspect=fixed;strokeColor=none;shadow=0;fillColor=#3B8DF1;verticalAlign=top;labelPosition=center;verticalLabelPosition=bottom;shape=mxgraph.gcp2.capabilities',
},
_width: 100,
_height: 76,
}
Certified Industry Standard
- Preview
- Usage
- Definition
import { CertifiedIndustryStandard } from '@dinghy/diagrams/entitiesGcp2GeneralIcons'
<CertifiedIndustryStandard/>
// or
import { extendStyle } from "@dinghy/base-components";
import { CERTIFIED_INDUSTRY_STANDARD } from '@dinghy/diagrams/entitiesGcp2GeneralIcons'
<Shape
{...props}
_style={extendStyle(props, CERTIFIED_INDUSTRY_STANDARD)}
/>
{
_style: {
entity: 'sketch=0;html=1;aspect=fixed;strokeColor=none;shadow=0;fillColor=#3B8DF1;verticalAlign=top;labelPosition=center;verticalLabelPosition=bottom;shape=mxgraph.gcp2.certified_industry_standard',
},
_width: 100,
_height: 78,
}
Check
- Preview
- Usage
- Definition
import { Check } from '@dinghy/diagrams/entitiesGcp2GeneralIcons'
<Check/>
// or
import { extendStyle } from "@dinghy/base-components";
import { CHECK } from '@dinghy/diagrams/entitiesGcp2GeneralIcons'
<Shape
{...props}
_style={extendStyle(props, CHECK)}
/>
{
_style: {
entity: 'sketch=0;html=1;aspect=fixed;strokeColor=none;shadow=0;fillColor=#3B8DF1;verticalAlign=top;labelPosition=center;verticalLabelPosition=bottom;shape=mxgraph.gcp2.check',
},
_width: 100,
_height: 80,
}
Check (green)
- Preview
- Usage
- Definition
import { CheckGreen } from '@dinghy/diagrams/entitiesGcp2GeneralIcons'
<CheckGreen/>
// or
import { extendStyle } from "@dinghy/base-components";
import { CHECK_GREEN } from '@dinghy/diagrams/entitiesGcp2GeneralIcons'
<Shape
{...props}
_style={extendStyle(props, CHECK_GREEN)}
/>
{
_style: {
entity: 'sketch=0;html=1;aspect=fixed;strokeColor=none;shadow=0;align=center;fillColor=#2D9C5E;verticalAlign=top;labelPosition=center;verticalLabelPosition=bottom;shape=mxgraph.gcp2.check',
},
_width: 100,
_height: 80,
}
Check (yellow)
- Preview
- Usage
- Definition
import { CheckYellow } from '@dinghy/diagrams/entitiesGcp2GeneralIcons'
<CheckYellow/>
// or
import { extendStyle } from "@dinghy/base-components";
import { CHECK_YELLOW } from '@dinghy/diagrams/entitiesGcp2GeneralIcons'
<Shape
{...props}
_style={extendStyle(props, CHECK_YELLOW)}
/>
{
_style: {
entity: 'sketch=0;html=1;aspect=fixed;strokeColor=none;shadow=0;align=center;fillColor=#F4AF20;verticalAlign=top;labelPosition=center;verticalLabelPosition=bottom;shape=mxgraph.gcp2.check',
},
_width: 100,
_height: 80,
}
Check 2
- Preview
- Usage
- Definition
import { Check2 } from '@dinghy/diagrams/entitiesGcp2GeneralIcons'
<Check2/>
// or
import { extendStyle } from "@dinghy/base-components";
import { CHECK_2 } from '@dinghy/diagrams/entitiesGcp2GeneralIcons'
<Shape
{...props}
_style={extendStyle(props, CHECK_2)}
/>
{
_style: {
entity: 'sketch=0;html=1;aspect=fixed;strokeColor=none;shadow=0;fillColor=#3B8DF1;verticalAlign=top;labelPosition=center;verticalLabelPosition=bottom;shape=mxgraph.gcp2.scale',
},
_original_width: 100,
_original_height: 92,
}
Check 3
- Preview
- Usage
- Definition
import { Check3 } from '@dinghy/diagrams/entitiesGcp2GeneralIcons'
<Check3/>
// or
import { extendStyle } from "@dinghy/base-components";
import { CHECK_3 } from '@dinghy/diagrams/entitiesGcp2GeneralIcons'
<Shape
{...props}
_style={extendStyle(props, CHECK_3)}
/>
{
_style: {
entity: 'sketch=0;html=1;aspect=fixed;strokeColor=none;shadow=0;fillColor=#3B8DF1;verticalAlign=top;labelPosition=center;verticalLabelPosition=bottom;shape=mxgraph.gcp2.check_2',
},
_original_width: 100,
_original_height: 100,
}
Check Available
- Preview
- Usage
- Definition
import { CheckAvailable } from '@dinghy/diagrams/entitiesGcp2GeneralIcons'
<CheckAvailable/>
// or
import { extendStyle } from "@dinghy/base-components";
import { CHECK_AVAILABLE } from '@dinghy/diagrams/entitiesGcp2GeneralIcons'
<Shape
{...props}
_style={extendStyle(props, CHECK_AVAILABLE)}
/>
{
_style: {
entity: 'sketch=0;html=1;aspect=fixed;strokeColor=none;shadow=0;fillColor=#3B8DF1;verticalAlign=top;labelPosition=center;verticalLabelPosition=bottom;shape=mxgraph.gcp2.check_available',
},
_original_width: 100,
_original_height: 87,
}
Check Scale
- Preview
- Usage
- Definition
import { CheckScale } from '@dinghy/diagrams/entitiesGcp2GeneralIcons'
<CheckScale/>
// or
import { extendStyle } from "@dinghy/base-components";
import { CHECK_SCALE } from '@dinghy/diagrams/entitiesGcp2GeneralIcons'
<Shape
{...props}
_style={extendStyle(props, CHECK_SCALE)}
/>
{
_style: {
entity: 'sketch=0;html=1;aspect=fixed;strokeColor=none;shadow=0;fillColor=#3B8DF1;verticalAlign=top;labelPosition=center;verticalLabelPosition=bottom;shape=mxgraph.gcp2.check_scale',
},
_width: 100,
_height: 75,
}
Clock
- Preview
- Usage
- Definition
import { Clock } from '@dinghy/diagrams/entitiesGcp2GeneralIcons'
<Clock/>
// or
import { extendStyle } from "@dinghy/base-components";
import { CLOCK } from '@dinghy/diagrams/entitiesGcp2GeneralIcons'
<Shape
{...props}
_style={extendStyle(props, CLOCK)}
/>
{
_style: {
entity: 'sketch=0;html=1;aspect=fixed;strokeColor=none;shadow=0;fillColor=#3B8DF1;verticalAlign=top;labelPosition=center;verticalLabelPosition=bottom;shape=mxgraph.gcp2.clock',
},
_original_width: 100,
_original_height: 100,
}
Cloud
- Preview
- Usage
- Definition
import { Cloud } from '@dinghy/diagrams/entitiesGcp2GeneralIcons'
<Cloud/>
// or
import { extendStyle } from "@dinghy/base-components";
import { CLOUD } from '@dinghy/diagrams/entitiesGcp2GeneralIcons'
<Shape
{...props}
_style={extendStyle(props, CLOUD)}
/>
{
_style: {
entity: 'sketch=0;html=1;aspect=fixed;strokeColor=none;shadow=0;fillColor=#3B8DF1;verticalAlign=top;labelPosition=center;verticalLabelPosition=bottom;shape=mxgraph.gcp2.cloud',
},
_width: 100,
_height: 69,
}
Cloud Checkmark
- Preview
- Usage
- Definition
import { CloudCheckmark } from '@dinghy/diagrams/entitiesGcp2GeneralIcons'
<CloudCheckmark/>
// or
import { extendStyle } from "@dinghy/base-components";
import { CLOUD_CHECKMARK } from '@dinghy/diagrams/entitiesGcp2GeneralIcons'
<Shape
{...props}
_style={extendStyle(props, CLOUD_CHECKMARK)}
/>
{
_style: {
entity: 'sketch=0;html=1;aspect=fixed;strokeColor=none;shadow=0;fillColor=#3B8DF1;verticalAlign=top;labelPosition=center;verticalLabelPosition=bottom;shape=mxgraph.gcp2.cloud_checkmark',
},
_width: 100,
_height: 67,
}
Cloud Computer
- Preview
- Usage
- Definition
import { CloudComputer } from '@dinghy/diagrams/entitiesGcp2GeneralIcons'
<CloudComputer/>
// or
import { extendStyle } from "@dinghy/base-components";
import { CLOUD_COMPUTER } from '@dinghy/diagrams/entitiesGcp2GeneralIcons'
<Shape
{...props}
_style={extendStyle(props, CLOUD_COMPUTER)}
/>
{
_style: {
entity: 'sketch=0;html=1;aspect=fixed;strokeColor=none;shadow=0;fillColor=#3B8DF1;verticalAlign=top;labelPosition=center;verticalLabelPosition=bottom;shape=mxgraph.gcp2.cloud_computer',
},
_original_width: 100,
_original_height: 88,
}
Cloud Connected Insight
- Preview
- Usage
- Definition
import { CloudConnectedInsight } from '@dinghy/diagrams/entitiesGcp2GeneralIcons'
<CloudConnectedInsight/>
// or
import { extendStyle } from "@dinghy/base-components";
import { CLOUD_CONNECTED_INSIGHT } from '@dinghy/diagrams/entitiesGcp2GeneralIcons'
<Shape
{...props}
_style={extendStyle(props, CLOUD_CONNECTED_INSIGHT)}
/>
{
_style: {
entity: 'sketch=0;html=1;aspect=fixed;strokeColor=none;shadow=0;fillColor=#3B8DF1;verticalAlign=top;labelPosition=center;verticalLabelPosition=bottom;shape=mxgraph.gcp2.cloud_connected_insight',
},
_original_width: 100,
_original_height: 91,
}
Cloud Information Portable
- Preview
- Usage
- Definition
import { CloudInformationPortable } from '@dinghy/diagrams/entitiesGcp2GeneralIcons'
<CloudInformationPortable/>
// or
import { extendStyle } from "@dinghy/base-components";
import { CLOUD_INFORMATION_PORTABLE } from '@dinghy/diagrams/entitiesGcp2GeneralIcons'
<Shape
{...props}
_style={extendStyle(props, CLOUD_INFORMATION_PORTABLE)}
/>
{
_style: {
entity: 'sketch=0;html=1;aspect=fixed;strokeColor=none;shadow=0;fillColor=#3B8DF1;verticalAlign=top;labelPosition=center;verticalLabelPosition=bottom;shape=mxgraph.gcp2.cloud_information',
},
_width: 100,
_height: 79,
}
Cloud Messaging
- Preview
- Usage
- Definition
import { CloudMessaging } from '@dinghy/diagrams/entitiesGcp2GeneralIcons'
<CloudMessaging/>
// or
import { extendStyle } from "@dinghy/base-components";
import { CLOUD_MESSAGING } from '@dinghy/diagrams/entitiesGcp2GeneralIcons'
<Shape
{...props}
_style={extendStyle(props, CLOUD_MESSAGING)}
/>
{
_style: {
entity: 'sketch=0;html=1;aspect=fixed;strokeColor=none;shadow=0;fillColor=#3B8DF1;verticalAlign=top;labelPosition=center;verticalLabelPosition=bottom;shape=mxgraph.gcp2.cloud_messaging',
},
_width: 100,
_height: 64,
}
Cloud Monitoring
- Preview
- Usage
- Definition
import { CloudMonitoring } from '@dinghy/diagrams/entitiesGcp2GeneralIcons'
<CloudMonitoring/>
// or
import { extendStyle } from "@dinghy/base-components";
import { CLOUD_MONITORING } from '@dinghy/diagrams/entitiesGcp2GeneralIcons'
<Shape
{...props}
_style={extendStyle(props, CLOUD_MONITORING)}
/>
{
_style: {
entity: 'sketch=0;html=1;aspect=fixed;strokeColor=none;shadow=0;fillColor=#3B8DF1;verticalAlign=top;labelPosition=center;verticalLabelPosition=bottom;shape=mxgraph.gcp2.cloud_monitoring',
},
_original_width: 90,
_original_height: 100,
}
Cloud Security
- Preview
- Usage
- Definition
import { CloudSecurity } from '@dinghy/diagrams/entitiesGcp2GeneralIcons'
<CloudSecurity/>
// or
import { extendStyle } from "@dinghy/base-components";
import { CLOUD_SECURITY } from '@dinghy/diagrams/entitiesGcp2GeneralIcons'
<Shape
{...props}
_style={extendStyle(props, CLOUD_SECURITY)}
/>
{
_style: {
entity: 'sketch=0;html=1;aspect=fixed;strokeColor=none;shadow=0;fillColor=#3B8DF1;verticalAlign=top;labelPosition=center;verticalLabelPosition=bottom;shape=mxgraph.gcp2.cloud_security',
},
_width: 100,
_height: 70,
}
Cloud Server
- Preview
- Usage
- Definition
import { CloudServer } from '@dinghy/diagrams/entitiesGcp2GeneralIcons'
<CloudServer/>
// or
import { extendStyle } from "@dinghy/base-components";
import { CLOUD_SERVER } from '@dinghy/diagrams/entitiesGcp2GeneralIcons'
<Shape
{...props}
_style={extendStyle(props, CLOUD_SERVER)}
/>
{
_style: {
entity: 'sketch=0;html=1;aspect=fixed;strokeColor=none;shadow=0;fillColor=#3B8DF1;verticalAlign=top;labelPosition=center;verticalLabelPosition=bottom;shape=mxgraph.gcp2.cloud_server',
},
_original_width: 100,
_original_height: 89,
}
Compute Engine
- Preview
- Usage
- Definition
import { ComputeEngine } from '@dinghy/diagrams/entitiesGcp2GeneralIcons'
<ComputeEngine/>
// or
import { extendStyle } from "@dinghy/base-components";
import { COMPUTE_ENGINE } from '@dinghy/diagrams/entitiesGcp2GeneralIcons'
<Shape
{...props}
_style={extendStyle(props, COMPUTE_ENGINE)}
/>
{
_style: {
entity: 'sketch=0;html=1;aspect=fixed;strokeColor=none;shadow=0;fillColor=#3B8DF1;verticalAlign=top;labelPosition=center;verticalLabelPosition=bottom;shape=mxgraph.gcp2.compute_engine_2',
},
_width: 54,
_height: 100,
}
Cost Arrows
- Preview
- Usage
- Definition
import { CostArrows } from '@dinghy/diagrams/entitiesGcp2GeneralIcons'
<CostArrows/>
// or
import { extendStyle } from "@dinghy/base-components";
import { COST_ARROWS } from '@dinghy/diagrams/entitiesGcp2GeneralIcons'
<Shape
{...props}
_style={extendStyle(props, COST_ARROWS)}
/>
{
_style: {
entity: 'sketch=0;html=1;aspect=fixed;strokeColor=none;shadow=0;fillColor=#3B8DF1;verticalAlign=top;labelPosition=center;verticalLabelPosition=bottom;shape=mxgraph.gcp2.cost_arrows',
},
_width: 76,
_height: 100,
}
Cost File
- Preview
- Usage
- Definition
import { CostFile } from '@dinghy/diagrams/entitiesGcp2GeneralIcons'
<CostFile/>
// or
import { extendStyle } from "@dinghy/base-components";
import { COST_FILE } from '@dinghy/diagrams/entitiesGcp2GeneralIcons'
<Shape
{...props}
_style={extendStyle(props, COST_FILE)}
/>
{
_style: {
entity: 'sketch=0;html=1;aspect=fixed;strokeColor=none;shadow=0;fillColor=#3B8DF1;verticalAlign=top;labelPosition=center;verticalLabelPosition=bottom;shape=mxgraph.gcp2.cost',
},
_original_width: 85,
_original_height: 100,
}
Cost Savings
- Preview
- Usage
- Definition
import { CostSavings } from '@dinghy/diagrams/entitiesGcp2GeneralIcons'
<CostSavings/>
// or
import { extendStyle } from "@dinghy/base-components";
import { COST_SAVINGS } from '@dinghy/diagrams/entitiesGcp2GeneralIcons'
<Shape
{...props}
_style={extendStyle(props, COST_SAVINGS)}
/>
{
_style: {
entity: 'sketch=0;html=1;aspect=fixed;strokeColor=none;shadow=0;fillColor=#3B8DF1;verticalAlign=top;labelPosition=center;verticalLabelPosition=bottom;shape=mxgraph.gcp2.cost_savings',
},
_width: 66,
_height: 100,
}
Data Access
- Preview
- Usage
- Definition
import { DataAccess } from '@dinghy/diagrams/entitiesGcp2GeneralIcons'
<DataAccess/>
// or
import { extendStyle } from "@dinghy/base-components";
import { DATA_ACCESS } from '@dinghy/diagrams/entitiesGcp2GeneralIcons'
<Shape
{...props}
_style={extendStyle(props, DATA_ACCESS)}
/>
{
_style: {
entity: 'sketch=0;html=1;aspect=fixed;strokeColor=none;shadow=0;fillColor=#3B8DF1;verticalAlign=top;labelPosition=center;verticalLabelPosition=bottom;shape=mxgraph.gcp2.data_access',
},
_original_width: 93,
_original_height: 100,
}
Data Increase
- Preview
- Usage
- Definition
import { DataIncrease } from '@dinghy/diagrams/entitiesGcp2GeneralIcons'
<DataIncrease/>
// or
import { extendStyle } from "@dinghy/base-components";
import { DATA_INCREASE } from '@dinghy/diagrams/entitiesGcp2GeneralIcons'
<Shape
{...props}
_style={extendStyle(props, DATA_INCREASE)}
/>
{
_style: {
entity: 'sketch=0;html=1;aspect=fixed;strokeColor=none;shadow=0;fillColor=#3B8DF1;verticalAlign=top;labelPosition=center;verticalLabelPosition=bottom;shape=mxgraph.gcp2.data_increase',
},
_width: 78,
_height: 100,
}
Data Storage Cost
- Preview
- Usage
- Definition

import { DataStorageCost } from '@dinghy/diagrams/entitiesGcp2GeneralIcons'
<DataStorageCost/>
// or
import { extendStyle } from "@dinghy/base-components";
import { DATA_STORAGE_COST } from '@dinghy/diagrams/entitiesGcp2GeneralIcons'
<Shape
{...props}
_style={extendStyle(props, DATA_STORAGE_COST)}
/>
{
_style: {
entity: 'sketch=0;html=1;aspect=fixed;strokeColor=none;shadow=0;fillColor=#3B8DF1;verticalAlign=top;labelPosition=center;verticalLabelPosition=bottom;shape=mxgraph.gcp2.data_storage_cost',
},
_width: 78,
_height: 100,
}
Database
- Preview
- Usage
- Definition
import { Database } from '@dinghy/diagrams/entitiesGcp2GeneralIcons'
<Database/>
// or
import { extendStyle } from "@dinghy/base-components";
import { DATABASE } from '@dinghy/diagrams/entitiesGcp2GeneralIcons'
<Shape
{...props}
_style={extendStyle(props, DATABASE)}
/>
{
_style: {
entity: 'sketch=0;html=1;aspect=fixed;strokeColor=none;shadow=0;fillColor=#3B8DF1;verticalAlign=top;labelPosition=center;verticalLabelPosition=bottom;shape=mxgraph.gcp2.database_3',
},
_width: 70,
_height: 100,
}
Database 2
- Preview
- Usage
- Definition
import { Database2 } from '@dinghy/diagrams/entitiesGcp2GeneralIcons'
<Database2/>
// or
import { extendStyle } from "@dinghy/base-components";
import { DATABASE_2 } from '@dinghy/diagrams/entitiesGcp2GeneralIcons'
<Shape
{...props}
_style={extendStyle(props, DATABASE_2)}
/>
{
_style: {
entity: 'sketch=0;html=1;aspect=fixed;strokeColor=none;shadow=0;fillColor=#3B8DF1;verticalAlign=top;labelPosition=center;verticalLabelPosition=bottom;shape=mxgraph.gcp2.database_2',
},
_width: 78,
_height: 100,
}
Database Cycle
- Preview
- Usage
- Definition
import { DatabaseCycle } from '@dinghy/diagrams/entitiesGcp2GeneralIcons'
<DatabaseCycle/>
// or
import { extendStyle } from "@dinghy/base-components";
import { DATABASE_CYCLE } from '@dinghy/diagrams/entitiesGcp2GeneralIcons'
<Shape
{...props}
_style={extendStyle(props, DATABASE_CYCLE)}
/>
{
_style: {
entity: 'sketch=0;html=1;aspect=fixed;strokeColor=none;shadow=0;fillColor=#3B8DF1;verticalAlign=top;labelPosition=center;verticalLabelPosition=bottom;shape=mxgraph.gcp2.database_cycle',
},
_original_width: 100,
_original_height: 98,
}
Database Speed
- Preview
- Usage
- Definition
import { DatabaseSpeed } from '@dinghy/diagrams/entitiesGcp2GeneralIcons'
<DatabaseSpeed/>
// or
import { extendStyle } from "@dinghy/base-components";
import { DATABASE_SPEED } from '@dinghy/diagrams/entitiesGcp2GeneralIcons'
<Shape
{...props}
_style={extendStyle(props, DATABASE_SPEED)}
/>
{
_style: {
entity: 'sketch=0;html=1;aspect=fixed;strokeColor=none;shadow=0;fillColor=#3B8DF1;verticalAlign=top;labelPosition=center;verticalLabelPosition=bottom;shape=mxgraph.gcp2.database_speed',
},
_width: 69,
_height: 100,
}
Database Uploading
- Preview
- Usage
- Definition
import { DatabaseUploading } from '@dinghy/diagrams/entitiesGcp2GeneralIcons'
<DatabaseUploading/>
// or
import { extendStyle } from "@dinghy/base-components";
import { DATABASE_UPLOADING } from '@dinghy/diagrams/entitiesGcp2GeneralIcons'
<Shape
{...props}
_style={extendStyle(props, DATABASE_UPLOADING)}
/>
{
_style: {
entity: 'sketch=0;html=1;aspect=fixed;strokeColor=none;shadow=0;fillColor=#3B8DF1;verticalAlign=top;labelPosition=center;verticalLabelPosition=bottom;shape=mxgraph.gcp2.database_uploading',
},
_original_width: 100,
_original_height: 84,
}
Enhance UI
- Preview
- Usage
- Definition
import { EnhanceUi } from '@dinghy/diagrams/entitiesGcp2GeneralIcons'
<EnhanceUi/>
// or
import { extendStyle } from "@dinghy/base-components";
import { ENHANCE_UI } from '@dinghy/diagrams/entitiesGcp2GeneralIcons'
<Shape
{...props}
_style={extendStyle(props, ENHANCE_UI)}
/>
{
_style: {
entity: 'sketch=0;html=1;aspect=fixed;strokeColor=none;shadow=0;fillColor=#3B8DF1;verticalAlign=top;labelPosition=center;verticalLabelPosition=bottom;shape=mxgraph.gcp2.enhance_ui',
},
_width: 76,
_height: 100,
}
Enhance UI 2
- Preview
- Usage
- Definition
import { EnhanceUi2 } from '@dinghy/diagrams/entitiesGcp2GeneralIcons'
<EnhanceUi2/>
// or
import { extendStyle } from "@dinghy/base-components";
import { ENHANCE_UI_2 } from '@dinghy/diagrams/entitiesGcp2GeneralIcons'
<Shape
{...props}
_style={extendStyle(props, ENHANCE_UI_2)}
/>
{
_style: {
entity: 'sketch=0;html=1;aspect=fixed;strokeColor=none;shadow=0;fillColor=#3B8DF1;verticalAlign=top;labelPosition=center;verticalLabelPosition=bottom;shape=mxgraph.gcp2.enhance_ui_2',
},
_original_width: 100,
_original_height: 91,
}
External Data Center
- Preview
- Usage
- Definition
import { ExternalDataCenter } from '@dinghy/diagrams/entitiesGcp2GeneralIcons'
<ExternalDataCenter/>
// or
import { extendStyle } from "@dinghy/base-components";
import { EXTERNAL_DATA_CENTER } from '@dinghy/diagrams/entitiesGcp2GeneralIcons'
<Shape
{...props}
_style={extendStyle(props, EXTERNAL_DATA_CENTER)}
/>
{
_style: {
entity: 'sketch=0;html=1;aspect=fixed;strokeColor=none;shadow=0;align=center;fillColor=#2D9C5E;verticalAlign=top;labelPosition=center;verticalLabelPosition=bottom;shape=mxgraph.gcp2.external_data_center',
},
_width: 77,
_height: 100,
}
External Data Resource
- Preview
- Usage
- Definition
import { ExternalDataResource } from '@dinghy/diagrams/entitiesGcp2GeneralIcons'
<ExternalDataResource/>
// or
import { extendStyle } from "@dinghy/base-components";
import { EXTERNAL_DATA_RESOURCE } from '@dinghy/diagrams/entitiesGcp2GeneralIcons'
<Shape
{...props}
_style={extendStyle(props, EXTERNAL_DATA_RESOURCE)}
/>
{
_style: {
entity: 'sketch=0;html=1;aspect=fixed;strokeColor=none;shadow=0;align=center;fillColor=#2D9C5E;verticalAlign=top;labelPosition=center;verticalLabelPosition=bottom;shape=mxgraph.gcp2.external_data_resource',
},
_width: 79,
_height: 100,
}
Files
- Preview
- Usage
- Definition
import { Files } from '@dinghy/diagrams/entitiesGcp2GeneralIcons'
<Files/>
// or
import { extendStyle } from "@dinghy/base-components";
import { FILES } from '@dinghy/diagrams/entitiesGcp2GeneralIcons'
<Shape
{...props}
_style={extendStyle(props, FILES)}
/>
{
_style: {
entity: 'sketch=0;html=1;aspect=fixed;strokeColor=none;shadow=0;fillColor=#3B8DF1;verticalAlign=top;labelPosition=center;verticalLabelPosition=bottom;shape=mxgraph.gcp2.files',
},
_original_width: 100,
_original_height: 97,
}
Folders
- Preview
- Usage
- Definition
import { Folders } from '@dinghy/diagrams/entitiesGcp2GeneralIcons'
<Folders/>
// or
import { extendStyle } from "@dinghy/base-components";
import { FOLDERS } from '@dinghy/diagrams/entitiesGcp2GeneralIcons'
<Shape
{...props}
_style={extendStyle(props, FOLDERS)}
/>
{
_style: {
entity: 'sketch=0;html=1;aspect=fixed;strokeColor=none;shadow=0;fillColor=#3B8DF1;verticalAlign=top;labelPosition=center;verticalLabelPosition=bottom;shape=mxgraph.gcp2.folders',
},
_original_width: 100,
_original_height: 85,
}
Gear
- Preview
- Usage
- Definition
import { Gear } from '@dinghy/diagrams/entitiesGcp2GeneralIcons'
<Gear/>
// or
import { extendStyle } from "@dinghy/base-components";
import { GEAR } from '@dinghy/diagrams/entitiesGcp2GeneralIcons'
<Shape
{...props}
_style={extendStyle(props, GEAR)}
/>
{
_style: {
entity: 'sketch=0;html=1;aspect=fixed;strokeColor=none;shadow=0;fillColor=#3B8DF1;verticalAlign=top;labelPosition=center;verticalLabelPosition=bottom;shape=mxgraph.gcp2.gear',
},
_original_width: 100,
_original_height: 100,
}
Gear Arrow
- Preview
- Usage
- Definition
import { GearArrow } from '@dinghy/diagrams/entitiesGcp2GeneralIcons'
<GearArrow/>
// or
import { extendStyle } from "@dinghy/base-components";
import { GEAR_ARROW } from '@dinghy/diagrams/entitiesGcp2GeneralIcons'
<Shape
{...props}
_style={extendStyle(props, GEAR_ARROW)}
/>
{
_style: {
entity: 'sketch=0;html=1;aspect=fixed;strokeColor=none;shadow=0;fillColor=#3B8DF1;verticalAlign=top;labelPosition=center;verticalLabelPosition=bottom;shape=mxgraph.gcp2.gear_arrow',
},
_width: 100,
_height: 61,
}
Gear Chain
- Preview
- Usage
- Definition
import { GearChain } from '@dinghy/diagrams/entitiesGcp2GeneralIcons'
<GearChain/>
// or
import { extendStyle } from "@dinghy/base-components";
import { GEAR_CHAIN } from '@dinghy/diagrams/entitiesGcp2GeneralIcons'
<Shape
{...props}
_style={extendStyle(props, GEAR_CHAIN)}
/>
{
_style: {
entity: 'sketch=0;html=1;aspect=fixed;strokeColor=none;shadow=0;fillColor=#3B8DF1;verticalAlign=top;labelPosition=center;verticalLabelPosition=bottom;shape=mxgraph.gcp2.gear_chain',
},
_original_width: 100,
_original_height: 100,
}
Gear Load
- Preview
- Usage
- Definition
import { GearLoad } from '@dinghy/diagrams/entitiesGcp2GeneralIcons'
<GearLoad/>
// or
import { extendStyle } from "@dinghy/base-components";
import { GEAR_LOAD } from '@dinghy/diagrams/entitiesGcp2GeneralIcons'
<Shape
{...props}
_style={extendStyle(props, GEAR_LOAD)}
/>
{
_style: {
entity: 'sketch=0;html=1;aspect=fixed;strokeColor=none;shadow=0;fillColor=#3B8DF1;verticalAlign=top;labelPosition=center;verticalLabelPosition=bottom;shape=mxgraph.gcp2.gear_load',
},
_original_width: 100,
_original_height: 92,
}
Google Network
- Preview
- Usage
- Definition
import { GoogleNetwork } from '@dinghy/diagrams/entitiesGcp2GeneralIcons'
<GoogleNetwork/>
// or
import { extendStyle } from "@dinghy/base-components";
import { GOOGLE_NETWORK } from '@dinghy/diagrams/entitiesGcp2GeneralIcons'
<Shape
{...props}
_style={extendStyle(props, GOOGLE_NETWORK)}
/>
{
_style: {
entity: 'sketch=0;html=1;aspect=fixed;strokeColor=none;shadow=0;fillColor=#3B8DF1;verticalAlign=top;labelPosition=center;verticalLabelPosition=bottom;shape=mxgraph.gcp2.google_network',
},
_original_width: 100,
_original_height: 100,
}
Half Cloud
- Preview
- Usage
- Definition
import { HalfCloud } from '@dinghy/diagrams/entitiesGcp2GeneralIcons'
<HalfCloud/>
// or
import { extendStyle } from "@dinghy/base-components";
import { HALF_CLOUD } from '@dinghy/diagrams/entitiesGcp2GeneralIcons'
<Shape
{...props}
_style={extendStyle(props, HALF_CLOUD)}
/>
{
_style: {
entity: 'sketch=0;html=1;aspect=fixed;strokeColor=none;shadow=0;fillColor=#3B8DF1;verticalAlign=top;labelPosition=center;verticalLabelPosition=bottom;shape=mxgraph.gcp2.half_cloud',
},
_width: 100,
_height: 50,
}
Images Service
- Preview
- Usage
- Definition
import { ImagesService } from '@dinghy/diagrams/entitiesGcp2GeneralIcons'
<ImagesService/>
// or
import { extendStyle } from "@dinghy/base-components";
import { IMAGES_SERVICE } from '@dinghy/diagrams/entitiesGcp2GeneralIcons'
<Shape
{...props}
_style={extendStyle(props, IMAGES_SERVICE)}
/>
{
_style: {
entity: 'sketch=0;html=1;aspect=fixed;strokeColor=none;shadow=0;align=center;fillColor=#3B8DF1;verticalAlign=top;labelPosition=center;verticalLabelPosition=bottom;shape=ellipse',
},
_original_width: 100,
_original_height: 100,
}
Increase Cost Arrows
- Preview
- Usage
- Definition
import { IncreaseCostArrows } from '@dinghy/diagrams/entitiesGcp2GeneralIcons'
<IncreaseCostArrows/>
// or
import { extendStyle } from "@dinghy/base-components";
import { INCREASE_COST_ARROWS } from '@dinghy/diagrams/entitiesGcp2GeneralIcons'
<Shape
{...props}
_style={extendStyle(props, INCREASE_COST_ARROWS)}
/>
{
_style: {
entity: 'sketch=0;html=1;aspect=fixed;strokeColor=none;shadow=0;fillColor=#3B8DF1;verticalAlign=top;labelPosition=center;verticalLabelPosition=bottom;shape=mxgraph.gcp2.increase_cost_arrows',
},
_original_width: 100,
_original_height: 92,
}
Internet Connection
- Preview
- Usage
- Definition
import { InternetConnection } from '@dinghy/diagrams/entitiesGcp2GeneralIcons'
<InternetConnection/>
// or
import { extendStyle } from "@dinghy/base-components";
import { INTERNET_CONNECTION } from '@dinghy/diagrams/entitiesGcp2GeneralIcons'
<Shape
{...props}
_style={extendStyle(props, INTERNET_CONNECTION)}
/>
{
_style: {
entity: 'sketch=0;html=1;aspect=fixed;strokeColor=none;shadow=0;fillColor=#3B8DF1;verticalAlign=top;labelPosition=center;verticalLabelPosition=bottom;shape=mxgraph.gcp2.internet_connection',
},
_original_width: 100,
_original_height: 83,
}
Key
- Preview
- Usage
- Definition
import { Key } from '@dinghy/diagrams/entitiesGcp2GeneralIcons'
<Key/>
// or
import { extendStyle } from "@dinghy/base-components";
import { KEY } from '@dinghy/diagrams/entitiesGcp2GeneralIcons'
<Shape
{...props}
_style={extendStyle(props, KEY)}
/>
{
_style: {
entity: 'sketch=0;html=1;aspect=fixed;strokeColor=none;shadow=0;fillColor=#3B8DF1;verticalAlign=top;labelPosition=center;verticalLabelPosition=bottom;shape=mxgraph.gcp2.key',
},
_width: 100,
_height: 47,
}
Legacy Cloud
- Preview
- Usage
- Definition
import { LegacyCloud } from '@dinghy/diagrams/entitiesGcp2GeneralIcons'
<LegacyCloud/>
// or
import { extendStyle } from "@dinghy/base-components";
import { LEGACY_CLOUD } from '@dinghy/diagrams/entitiesGcp2GeneralIcons'
<Shape
{...props}
_style={extendStyle(props, LEGACY_CLOUD)}
/>
{
_style: {
entity: 'sketch=0;html=1;aspect=fixed;strokeColor=none;shadow=0;align=center;fillColor=#2D9C5E;verticalAlign=top;labelPosition=center;verticalLabelPosition=bottom;shape=mxgraph.gcp2.legacy_cloud',
},
_width: 100,
_height: 69,
}
Legacy Cloud 2
- Preview
- Usage
- Definition
import { LegacyCloud2 } from '@dinghy/diagrams/entitiesGcp2GeneralIcons'
<LegacyCloud2/>
// or
import { extendStyle } from "@dinghy/base-components";
import { LEGACY_CLOUD_2 } from '@dinghy/diagrams/entitiesGcp2GeneralIcons'
<Shape
{...props}
_style={extendStyle(props, LEGACY_CLOUD_2)}
/>
{
_style: {
entity: 'sketch=0;html=1;aspect=fixed;strokeColor=none;shadow=0;align=center;fillColor=#2D9C5E;verticalAlign=top;labelPosition=center;verticalLabelPosition=bottom;shape=mxgraph.gcp2.legacy_cloud_2',
},
_width: 100,
_height: 69,
}
Lifecycle
- Preview
- Usage
- Definition
import { Lifecycle } from '@dinghy/diagrams/entitiesGcp2GeneralIcons'
<Lifecycle/>
// or
import { extendStyle } from "@dinghy/base-components";
import { LIFECYCLE } from '@dinghy/diagrams/entitiesGcp2GeneralIcons'
<Shape
{...props}
_style={extendStyle(props, LIFECYCLE)}
/>
{
_style: {
entity: 'sketch=0;html=1;aspect=fixed;strokeColor=none;shadow=0;fillColor=#3B8DF1;verticalAlign=top;labelPosition=center;verticalLabelPosition=bottom;shape=mxgraph.gcp2.lifecycle',
},
_original_width: 100,
_original_height: 100,
}
Load Balancing
- Preview
- Usage
- Definition
import { LoadBalancing } from '@dinghy/diagrams/entitiesGcp2GeneralIcons'
<LoadBalancing/>
// or
import { extendStyle } from "@dinghy/base-components";
import { LOAD_BALANCING } from '@dinghy/diagrams/entitiesGcp2GeneralIcons'
<Shape
{...props}
_style={extendStyle(props, LOAD_BALANCING)}
/>
{
_style: {
entity: 'sketch=0;html=1;aspect=fixed;strokeColor=none;shadow=0;fillColor=#3B8DF1;verticalAlign=top;labelPosition=center;verticalLabelPosition=bottom;shape=mxgraph.gcp2.load_balancing',
},
_width: 100,
_height: 26,
}
Loading
- Preview
- Usage
- Definition
import { Loading } from '@dinghy/diagrams/entitiesGcp2GeneralIcons'
<Loading/>
// or
import { extendStyle } from "@dinghy/base-components";
import { LOADING } from '@dinghy/diagrams/entitiesGcp2GeneralIcons'
<Shape
{...props}
_style={extendStyle(props, LOADING)}
/>
{
_style: {
entity: 'sketch=0;html=1;aspect=fixed;strokeColor=none;shadow=0;fillColor=#3B8DF1;verticalAlign=top;labelPosition=center;verticalLabelPosition=bottom;shape=mxgraph.gcp2.loading',
},
_original_width: 100,
_original_height: 100,
}
Loading 2
- Preview
- Usage
- Definition
import { Loading2 } from '@dinghy/diagrams/entitiesGcp2GeneralIcons'
<Loading2/>
// or
import { extendStyle } from "@dinghy/base-components";
import { LOADING_2 } from '@dinghy/diagrams/entitiesGcp2GeneralIcons'
<Shape
{...props}
_style={extendStyle(props, LOADING_2)}
/>
{
_style: {
entity: 'sketch=0;html=1;aspect=fixed;strokeColor=none;shadow=0;fillColor=#3B8DF1;verticalAlign=top;labelPosition=center;verticalLabelPosition=bottom;shape=mxgraph.gcp2.loading_2',
},
_original_width: 93,
_original_height: 100,
}
Loading 3
- Preview
- Usage
- Definition
import { Loading3 } from '@dinghy/diagrams/entitiesGcp2GeneralIcons'
<Loading3/>
// or
import { extendStyle } from "@dinghy/base-components";
import { LOADING_3 } from '@dinghy/diagrams/entitiesGcp2GeneralIcons'
<Shape
{...props}
_style={extendStyle(props, LOADING_3)}
/>
{
_style: {
entity: 'sketch=0;html=1;aspect=fixed;strokeColor=none;shadow=0;fillColor=#3B8DF1;verticalAlign=top;labelPosition=center;verticalLabelPosition=bottom;shape=mxgraph.gcp2.loading_3',
},
_original_width: 100,
_original_height: 100,
}
Lock
- Preview
- Usage
- Definition
import { Lock } from '@dinghy/diagrams/entitiesGcp2GeneralIcons'
<Lock/>
// or
import { extendStyle } from "@dinghy/base-components";
import { LOCK } from '@dinghy/diagrams/entitiesGcp2GeneralIcons'
<Shape
{...props}
_style={extendStyle(props, LOCK)}
/>
{
_style: {
entity: 'sketch=0;html=1;aspect=fixed;strokeColor=none;shadow=0;fillColor=#3B8DF1;verticalAlign=top;labelPosition=center;verticalLabelPosition=bottom;shape=mxgraph.gcp2.lock',
},
_width: 78,
_height: 100,
}
Management Security
- Preview
- Usage
- Definition
import { ManagementSecurity } from '@dinghy/diagrams/entitiesGcp2GeneralIcons'
<ManagementSecurity/>
// or
import { extendStyle } from "@dinghy/base-components";
import { MANAGEMENT_SECURITY } from '@dinghy/diagrams/entitiesGcp2GeneralIcons'
<Shape
{...props}
_style={extendStyle(props, MANAGEMENT_SECURITY)}
/>
{
_style: {
entity: 'sketch=0;html=1;aspect=fixed;strokeColor=none;shadow=0;fillColor=#3B8DF1;verticalAlign=top;labelPosition=center;verticalLabelPosition=bottom;shape=mxgraph.gcp2.management_security',
},
_original_width: 100,
_original_height: 100,
}
Maps API
- Preview
- Usage
- Definition
import { MapsApi } from '@dinghy/diagrams/entitiesGcp2GeneralIcons'
<MapsApi/>
// or
import { extendStyle } from "@dinghy/base-components";
import { MAPS_API } from '@dinghy/diagrams/entitiesGcp2GeneralIcons'
<Shape
{...props}
_style={extendStyle(props, MAPS_API)}
/>
{
_style: {
entity: 'sketch=0;html=1;aspect=fixed;strokeColor=none;shadow=0;fillColor=#3B8DF1;verticalAlign=top;labelPosition=center;verticalLabelPosition=bottom;shape=mxgraph.gcp2.maps_api',
},
_width: 61,
_height: 100,
}
Mem Instances
- Preview
- Usage
- Definition
import { MemInstances } from '@dinghy/diagrams/entitiesGcp2GeneralIcons'
<MemInstances/>
// or
import { extendStyle } from "@dinghy/base-components";
import { MEM_INSTANCES } from '@dinghy/diagrams/entitiesGcp2GeneralIcons'
<Shape
{...props}
_style={extendStyle(props, MEM_INSTANCES)}
/>
{
_style: {
entity: 'sketch=0;html=1;aspect=fixed;strokeColor=none;shadow=0;fillColor=#3B8DF1;verticalAlign=top;labelPosition=center;verticalLabelPosition=bottom;shape=mxgraph.gcp2.mem_instances',
},
_original_width: 100,
_original_height: 87,
}
Memory Card
- Preview
- Usage
- Definition
import { MemoryCard } from '@dinghy/diagrams/entitiesGcp2GeneralIcons'
<MemoryCard/>
// or
import { extendStyle } from "@dinghy/base-components";
import { MEMORY_CARD } from '@dinghy/diagrams/entitiesGcp2GeneralIcons'
<Shape
{...props}
_style={extendStyle(props, MEMORY_CARD)}
/>
{
_style: {
entity: 'sketch=0;html=1;aspect=fixed;strokeColor=none;shadow=0;fillColor=#3B8DF1;verticalAlign=top;labelPosition=center;verticalLabelPosition=bottom;shape=mxgraph.gcp2.memory_card',
},
_original_width: 93,
_original_height: 100,
}
Monitor
- Preview
- Usage
- Definition
import { Monitor } from '@dinghy/diagrams/entitiesGcp2GeneralIcons'
<Monitor/>
// or
import { extendStyle } from "@dinghy/base-components";
import { MONITOR } from '@dinghy/diagrams/entitiesGcp2GeneralIcons'
<Shape
{...props}
_style={extendStyle(props, MONITOR)}
/>
{
_style: {
entity: 'sketch=0;html=1;aspect=fixed;strokeColor=none;shadow=0;fillColor=#3B8DF1;verticalAlign=top;labelPosition=center;verticalLabelPosition=bottom;shape=mxgraph.gcp2.monitor',
},
_original_width: 100,
_original_height: 85,
}
Monitor 2
- Preview
- Usage
- Definition
import { Monitor2 } from '@dinghy/diagrams/entitiesGcp2GeneralIcons'
<Monitor2/>
// or
import { extendStyle } from "@dinghy/base-components";
import { MONITOR_2 } from '@dinghy/diagrams/entitiesGcp2GeneralIcons'
<Shape
{...props}
_style={extendStyle(props, MONITOR_2)}
/>
{
_style: {
entity: 'sketch=0;html=1;aspect=fixed;strokeColor=none;shadow=0;fillColor=#3B8DF1;verticalAlign=top;labelPosition=center;verticalLabelPosition=bottom;shape=mxgraph.gcp2.monitor_2',
},
_original_width: 100,
_original_height: 85,
}
Network
- Preview
- Usage
- Definition

import { Network } from '@dinghy/diagrams/entitiesGcp2GeneralIcons'
<Network/>
// or
import { extendStyle } from "@dinghy/base-components";
import { NETWORK } from '@dinghy/diagrams/entitiesGcp2GeneralIcons'
<Shape
{...props}
_style={extendStyle(props, NETWORK)}
/>
{
_style: {
entity: 'sketch=0;html=1;aspect=fixed;strokeColor=none;shadow=0;fillColor=#3B8DF1;verticalAlign=top;labelPosition=center;verticalLabelPosition=bottom;shape=mxgraph.gcp2.network',
},
_original_width: 100,
_original_height: 100,
}
Node
- Preview
- Usage
- Definition
import { Node } from '@dinghy/diagrams/entitiesGcp2GeneralIcons'
<Node/>
// or
import { extendStyle } from "@dinghy/base-components";
import { NODE } from '@dinghy/diagrams/entitiesGcp2GeneralIcons'
<Shape
{...props}
_style={extendStyle(props, NODE)}
/>
{
_style: {
entity: 'sketch=0;html=1;aspect=fixed;strokeColor=none;shadow=0;fillColor=#3B8DF1;verticalAlign=top;labelPosition=center;verticalLabelPosition=bottom;shape=mxgraph.gcp2.node',
},
_width: 80,
_height: 100,
}
Overtime
- Preview
- Usage
- Definition
import { Overtime } from '@dinghy/diagrams/entitiesGcp2GeneralIcons'
<Overtime/>
// or
import { extendStyle } from "@dinghy/base-components";
import { OVERTIME } from '@dinghy/diagrams/entitiesGcp2GeneralIcons'
<Shape
{...props}
_style={extendStyle(props, OVERTIME)}
/>
{
_style: {
entity: 'sketch=0;html=1;aspect=fixed;strokeColor=none;shadow=0;fillColor=#3B8DF1;verticalAlign=top;labelPosition=center;verticalLabelPosition=bottom;shape=mxgraph.gcp2.time_clock',
},
_original_width: 86,
_original_height: 100,
}
People Security Management
- Preview
- Usage
- Definition
import { PeopleSecurityManagement } from '@dinghy/diagrams/entitiesGcp2GeneralIcons'
<PeopleSecurityManagement/>
// or
import { extendStyle } from "@dinghy/base-components";
import { PEOPLE_SECURITY_MANAGEMENT } from '@dinghy/diagrams/entitiesGcp2GeneralIcons'
<Shape
{...props}
_style={extendStyle(props, PEOPLE_SECURITY_MANAGEMENT)}
/>
{
_style: {
entity: 'sketch=0;html=1;aspect=fixed;strokeColor=none;shadow=0;fillColor=#3B8DF1;verticalAlign=top;labelPosition=center;verticalLabelPosition=bottom;shape=mxgraph.gcp2.people_security_management',
},
_original_width: 100,
_original_height: 100,
}
Phone
- Preview
- Usage
- Definition
import { Phone } from '@dinghy/diagrams/entitiesGcp2GeneralIcons'
<Phone/>
// or
import { extendStyle } from "@dinghy/base-components";
import { PHONE } from '@dinghy/diagrams/entitiesGcp2GeneralIcons'
<Shape
{...props}
_style={extendStyle(props, PHONE)}
/>
{
_style: {
entity: 'sketch=0;html=1;aspect=fixed;strokeColor=none;shadow=0;fillColor=#3B8DF1;verticalAlign=top;labelPosition=center;verticalLabelPosition=bottom;shape=mxgraph.gcp2.phone_android',
},
_width: 56,
_height: 100,
}
Play Gear
- Preview
- Usage
- Definition
import { PlayGear } from '@dinghy/diagrams/entitiesGcp2GeneralIcons'
<PlayGear/>
// or
import { extendStyle } from "@dinghy/base-components";
import { PLAY_GEAR } from '@dinghy/diagrams/entitiesGcp2GeneralIcons'
<Shape
{...props}
_style={extendStyle(props, PLAY_GEAR)}
/>
{
_style: {
entity: 'sketch=0;html=1;aspect=fixed;strokeColor=none;shadow=0;fillColor=#3B8DF1;verticalAlign=top;labelPosition=center;verticalLabelPosition=bottom;shape=mxgraph.gcp2.play_gear',
},
_original_width: 100,
_original_height: 100,
}
Play Start
- Preview
- Usage
- Definition
import { PlayStart } from '@dinghy/diagrams/entitiesGcp2GeneralIcons'
<PlayStart/>
// or
import { extendStyle } from "@dinghy/base-components";
import { PLAY_START } from '@dinghy/diagrams/entitiesGcp2GeneralIcons'
<Shape
{...props}
_style={extendStyle(props, PLAY_START)}
/>
{
_style: {
entity: 'sketch=0;html=1;aspect=fixed;strokeColor=none;shadow=0;fillColor=#3B8DF1;verticalAlign=top;labelPosition=center;verticalLabelPosition=bottom;shape=mxgraph.gcp2.play_start',
},
_original_width: 100,
_original_height: 100,
}
Primary
- Preview
- Usage
- Definition
import { Primary } from '@dinghy/diagrams/entitiesGcp2GeneralIcons'
<Primary/>
// or
import { extendStyle } from "@dinghy/base-components";
import { PRIMARY } from '@dinghy/diagrams/entitiesGcp2GeneralIcons'
<Shape
{...props}
_style={extendStyle(props, PRIMARY)}
/>
{
_style: {
entity: 'sketch=0;html=1;aspect=fixed;strokeColor=none;shadow=0;fillColor=#3B8DF1;verticalAlign=top;labelPosition=center;verticalLabelPosition=bottom;shape=mxgraph.gcp2.primary',
},
_width: 100,
_height: 15,
}
Process
- Preview
- Usage
- Definition
import { Process } from '@dinghy/diagrams/entitiesGcp2GeneralIcons'
<Process/>
// or
import { extendStyle } from "@dinghy/base-components";
import { PROCESS } from '@dinghy/diagrams/entitiesGcp2GeneralIcons'
<Shape
{...props}
_style={extendStyle(props, PROCESS)}
/>
{
_style: {
entity: 'sketch=0;html=1;aspect=fixed;strokeColor=none;shadow=0;fillColor=#3B8DF1;verticalAlign=top;labelPosition=center;verticalLabelPosition=bottom;shape=mxgraph.gcp2.process',
},
_original_width: 84,
_original_height: 100,
}
Replication Controller
- Preview
- Usage
- Definition
import { ReplicationController } from '@dinghy/diagrams/entitiesGcp2GeneralIcons'
<ReplicationController/>
// or
import { extendStyle } from "@dinghy/base-components";
import { REPLICATION_CONTROLLER } from '@dinghy/diagrams/entitiesGcp2GeneralIcons'
<Shape
{...props}
_style={extendStyle(props, REPLICATION_CONTROLLER)}
/>
{
_style: {
entity: 'sketch=0;html=1;aspect=fixed;strokeColor=none;shadow=0;fillColor=#3B8DF1;verticalAlign=top;labelPosition=center;verticalLabelPosition=bottom;shape=mxgraph.gcp2.replication_controller',
},
_original_width: 100,
_original_height: 91,
}
Replication Controller 2
- Preview
- Usage
- Definition
import { ReplicationController2 } from '@dinghy/diagrams/entitiesGcp2GeneralIcons'
<ReplicationController2/>
// or
import { extendStyle } from "@dinghy/base-components";
import { REPLICATION_CONTROLLER_2 } from '@dinghy/diagrams/entitiesGcp2GeneralIcons'
<Shape
{...props}
_style={extendStyle(props, REPLICATION_CONTROLLER_2)}
/>
{
_style: {
entity: 'sketch=0;html=1;aspect=fixed;strokeColor=none;shadow=0;fillColor=#3B8DF1;verticalAlign=top;labelPosition=center;verticalLabelPosition=bottom;shape=mxgraph.gcp2.replication_controller_2',
},
_original_width: 100,
_original_height: 91,
}
Replication Controller 3
- Preview
- Usage
- Definition

import { ReplicationController3 } from '@dinghy/diagrams/entitiesGcp2GeneralIcons'
<ReplicationController3/>
// or
import { extendStyle } from "@dinghy/base-components";
import { REPLICATION_CONTROLLER_3 } from '@dinghy/diagrams/entitiesGcp2GeneralIcons'
<Shape
{...props}
_style={extendStyle(props, REPLICATION_CONTROLLER_3)}
/>
{
_style: {
entity: 'sketch=0;html=1;aspect=fixed;strokeColor=none;shadow=0;fillColor=#3B8DF1;verticalAlign=top;labelPosition=center;verticalLabelPosition=bottom;shape=mxgraph.gcp2.replication_controller_3',
},
_width: 100,
_height: 66,
}
Repository
- Preview
- Usage
- Definition
import { Repository } from '@dinghy/diagrams/entitiesGcp2GeneralIcons'
<Repository/>
// or
import { extendStyle } from "@dinghy/base-components";
import { REPOSITORY } from '@dinghy/diagrams/entitiesGcp2GeneralIcons'
<Shape
{...props}
_style={extendStyle(props, REPOSITORY)}
/>
{
_style: {
entity: 'sketch=0;html=1;aspect=fixed;strokeColor=none;shadow=0;fillColor=#3B8DF1;verticalAlign=top;labelPosition=center;verticalLabelPosition=bottom;shape=mxgraph.gcp2.repository',
},
_width: 60,
_height: 100,
}
Repository 2
- Preview
- Usage
- Definition
import { Repository2 } from '@dinghy/diagrams/entitiesGcp2GeneralIcons'
<Repository2/>
// or
import { extendStyle } from "@dinghy/base-components";
import { REPOSITORY_2 } from '@dinghy/diagrams/entitiesGcp2GeneralIcons'
<Shape
{...props}
_style={extendStyle(props, REPOSITORY_2)}
/>
{
_style: {
entity: 'sketch=0;html=1;aspect=fixed;strokeColor=none;shadow=0;fillColor=#3B8DF1;verticalAlign=top;labelPosition=center;verticalLabelPosition=bottom;shape=mxgraph.gcp2.repository_2',
},
_original_width: 94,
_original_height: 100,
}
Repository 3
- Preview
- Usage
- Definition
import { Repository3 } from '@dinghy/diagrams/entitiesGcp2GeneralIcons'
<Repository3/>
// or
import { extendStyle } from "@dinghy/base-components";
import { REPOSITORY_3 } from '@dinghy/diagrams/entitiesGcp2GeneralIcons'
<Shape
{...props}
_style={extendStyle(props, REPOSITORY_3)}
/>
{
_style: {
entity: 'sketch=0;html=1;aspect=fixed;strokeColor=none;shadow=0;fillColor=#3B8DF1;verticalAlign=top;labelPosition=center;verticalLabelPosition=bottom;shape=mxgraph.gcp2.repository_3',
},
_original_width: 100,
_original_height: 100,
}
Repository 4
- Preview
- Usage
- Definition
import { Repository4 } from '@dinghy/diagrams/entitiesGcp2GeneralIcons'
<Repository4/>
// or
import { extendStyle } from "@dinghy/base-components";
import { REPOSITORY_4 } from '@dinghy/diagrams/entitiesGcp2GeneralIcons'
<Shape
{...props}
_style={extendStyle(props, REPOSITORY_4)}
/>
{
_style: {
entity: 'sketch=0;html=1;aspect=fixed;strokeColor=none;shadow=0;fillColor=#3B8DF1;verticalAlign=top;labelPosition=center;verticalLabelPosition=bottom;shape=mxgraph.gcp2.repository_primary',
},
_original_width: 100,
_original_height: 100,
}
Safety
- Preview
- Usage
- Definition
import { Safety } from '@dinghy/diagrams/entitiesGcp2GeneralIcons'
<Safety/>
// or
import { extendStyle } from "@dinghy/base-components";
import { SAFETY } from '@dinghy/diagrams/entitiesGcp2GeneralIcons'
<Shape
{...props}
_style={extendStyle(props, SAFETY)}
/>
{
_style: {
entity: 'sketch=0;html=1;aspect=fixed;strokeColor=none;shadow=0;fillColor=#3B8DF1;verticalAlign=top;labelPosition=center;verticalLabelPosition=bottom;shape=mxgraph.gcp2.safety',
},
_original_width: 100,
_original_height: 96,
}
Save
- Preview
- Usage
- Definition
import { Save } from '@dinghy/diagrams/entitiesGcp2GeneralIcons'
<Save/>
// or
import { extendStyle } from "@dinghy/base-components";
import { SAVE } from '@dinghy/diagrams/entitiesGcp2GeneralIcons'
<Shape
{...props}
_style={extendStyle(props, SAVE)}
/>
{
_style: {
entity: 'sketch=0;html=1;aspect=fixed;strokeColor=none;shadow=0;fillColor=#3B8DF1;verticalAlign=top;labelPosition=center;verticalLabelPosition=bottom;shape=mxgraph.gcp2.save',
},
_original_width: 100,
_original_height: 84,
}
Search
- Preview
- Usage
- Definition
import { Search } from '@dinghy/diagrams/entitiesGcp2GeneralIcons'
<Search/>
// or
import { extendStyle } from "@dinghy/base-components";
import { SEARCH } from '@dinghy/diagrams/entitiesGcp2GeneralIcons'
<Shape
{...props}
_style={extendStyle(props, SEARCH)}
/>
{
_style: {
entity: 'sketch=0;html=1;aspect=fixed;strokeColor=none;shadow=0;fillColor=#3B8DF1;verticalAlign=top;labelPosition=center;verticalLabelPosition=bottom;shape=mxgraph.gcp2.search',
},
_original_width: 99,
_original_height: 100,
}
Search (green)
- Preview
- Usage
- Definition
import { SearchGreen } from '@dinghy/diagrams/entitiesGcp2GeneralIcons'
<SearchGreen/>
// or
import { extendStyle } from "@dinghy/base-components";
import { SEARCH_GREEN } from '@dinghy/diagrams/entitiesGcp2GeneralIcons'
<Shape
{...props}
_style={extendStyle(props, SEARCH_GREEN)}
/>
{
_style: {
entity: 'sketch=0;html=1;aspect=fixed;strokeColor=none;shadow=0;align=center;fillColor=#2D9C5E;verticalAlign=top;labelPosition=center;verticalLabelPosition=bottom;shape=mxgraph.gcp2.search',
},
_original_width: 99,
_original_height: 100,
}
Search API
- Preview
- Usage
- Definition
import { SearchApi } from '@dinghy/diagrams/entitiesGcp2GeneralIcons'
<SearchApi/>
// or
import { extendStyle } from "@dinghy/base-components";
import { SEARCH_API } from '@dinghy/diagrams/entitiesGcp2GeneralIcons'
<Shape
{...props}
_style={extendStyle(props, SEARCH_API)}
/>
{
_style: {
entity: 'sketch=0;html=1;aspect=fixed;strokeColor=none;shadow=0;fillColor=#3B8DF1;verticalAlign=top;labelPosition=center;verticalLabelPosition=bottom;shape=mxgraph.gcp2.search_api',
},
_original_width: 100,
_original_height: 100,
}
Segments
- Preview
- Usage
- Definition
import { Segments } from '@dinghy/diagrams/entitiesGcp2GeneralIcons'
<Segments/>
// or
import { extendStyle } from "@dinghy/base-components";
import { SEGMENTS } from '@dinghy/diagrams/entitiesGcp2GeneralIcons'
<Shape
{...props}
_style={extendStyle(props, SEGMENTS)}
/>
{
_style: {
entity: 'sketch=0;html=1;aspect=fixed;strokeColor=none;shadow=0;fillColor=#3B8DF1;verticalAlign=top;labelPosition=center;verticalLabelPosition=bottom;shape=mxgraph.gcp2.segments',
},
_original_width: 100,
_original_height: 100,
}
Segments 2
- Preview
- Usage
- Definition
import { Segments2 } from '@dinghy/diagrams/entitiesGcp2GeneralIcons'
<Segments2/>
// or
import { extendStyle } from "@dinghy/base-components";
import { SEGMENTS_2 } from '@dinghy/diagrams/entitiesGcp2GeneralIcons'
<Shape
{...props}
_style={extendStyle(props, SEGMENTS_2)}
/>
{
_style: {
entity: 'sketch=0;html=1;aspect=fixed;strokeColor=none;shadow=0;fillColor=#3B8DF1;verticalAlign=top;labelPosition=center;verticalLabelPosition=bottom;shape=mxgraph.gcp2.segments_2',
},
_original_width: 100,
_original_height: 92,
}
Segments Overlap
- Preview
- Usage
- Definition
import { SegmentsOverlap } from '@dinghy/diagrams/entitiesGcp2GeneralIcons'
<SegmentsOverlap/>
// or
import { extendStyle } from "@dinghy/base-components";
import { SEGMENTS_OVERLAP } from '@dinghy/diagrams/entitiesGcp2GeneralIcons'
<Shape
{...props}
_style={extendStyle(props, SEGMENTS_OVERLAP)}
/>
{
_style: {
entity: 'sketch=0;html=1;aspect=fixed;strokeColor=none;shadow=0;fillColor=#3B8DF1;verticalAlign=top;labelPosition=center;verticalLabelPosition=bottom;shape=mxgraph.gcp2.segments_overlap',
},
_original_width: 100,
_original_height: 100,
}
Servers Stacked
- Preview
- Usage
- Definition
import { ServersStacked } from '@dinghy/diagrams/entitiesGcp2GeneralIcons'
<ServersStacked/>
// or
import { extendStyle } from "@dinghy/base-components";
import { SERVERS_STACKED } from '@dinghy/diagrams/entitiesGcp2GeneralIcons'
<Shape
{...props}
_style={extendStyle(props, SERVERS_STACKED)}
/>
{
_style: {
entity: 'sketch=0;html=1;aspect=fixed;strokeColor=none;shadow=0;fillColor=#3B8DF1;verticalAlign=top;labelPosition=center;verticalLabelPosition=bottom;shape=mxgraph.gcp2.servers_stacked',
},
_original_width: 100,
_original_height: 100,
}
Service
- Preview
- Usage
- Definition

import { Service } from '@dinghy/diagrams/entitiesGcp2GeneralIcons'
<Service/>
// or
import { extendStyle } from "@dinghy/base-components";
import { SERVICE } from '@dinghy/diagrams/entitiesGcp2GeneralIcons'
<Shape
{...props}
_style={extendStyle(props, SERVICE)}
/>
{
_style: {
entity: 'sketch=0;html=1;aspect=fixed;strokeColor=none;shadow=0;fillColor=#3B8DF1;verticalAlign=top;labelPosition=center;verticalLabelPosition=bottom;shape=mxgraph.gcp2.service',
},
_width: 70,
_height: 100,
}
Social Media Time
- Preview
- Usage
- Definition
import { SocialMediaTime } from '@dinghy/diagrams/entitiesGcp2GeneralIcons'
<SocialMediaTime/>
// or
import { extendStyle } from "@dinghy/base-components";
import { SOCIAL_MEDIA_TIME } from '@dinghy/diagrams/entitiesGcp2GeneralIcons'
<Shape
{...props}
_style={extendStyle(props, SOCIAL_MEDIA_TIME)}
/>
{
_style: {
entity: 'sketch=0;html=1;aspect=fixed;strokeColor=none;shadow=0;fillColor=#3B8DF1;verticalAlign=top;labelPosition=center;verticalLabelPosition=bottom;shape=mxgraph.gcp2.social_media_time',
},
_original_width: 97,
_original_height: 100,
}
Solution
- Preview
- Usage
- Definition
import { Solution } from '@dinghy/diagrams/entitiesGcp2GeneralIcons'
<Solution/>
// or
import { extendStyle } from "@dinghy/base-components";
import { SOLUTION } from '@dinghy/diagrams/entitiesGcp2GeneralIcons'
<Shape
{...props}
_style={extendStyle(props, SOLUTION)}
/>
{
_style: {
entity: 'sketch=0;html=1;aspect=fixed;strokeColor=none;shadow=0;fillColor=#3B8DF1;verticalAlign=top;labelPosition=center;verticalLabelPosition=bottom;shape=mxgraph.gcp2.solution',
},
_original_width: 99,
_original_height: 100,
}
Speed
- Preview
- Usage
- Definition
import { Speed } from '@dinghy/diagrams/entitiesGcp2GeneralIcons'
<Speed/>
// or
import { extendStyle } from "@dinghy/base-components";
import { SPEED } from '@dinghy/diagrams/entitiesGcp2GeneralIcons'
<Shape
{...props}
_style={extendStyle(props, SPEED)}
/>
{
_style: {
entity: 'sketch=0;html=1;aspect=fixed;strokeColor=none;shadow=0;fillColor=#3B8DF1;verticalAlign=top;labelPosition=center;verticalLabelPosition=bottom;shape=mxgraph.gcp2.speed',
},
_width: 100,
_height: 57,
}
Stacked Ownership
- Preview
- Usage
- Definition
import { StackedOwnership } from '@dinghy/diagrams/entitiesGcp2GeneralIcons'
<StackedOwnership/>
// or
import { extendStyle } from "@dinghy/base-components";
import { STACKED_OWNERSHIP } from '@dinghy/diagrams/entitiesGcp2GeneralIcons'
<Shape
{...props}
_style={extendStyle(props, STACKED_OWNERSHIP)}
/>
{
_style: {
entity: 'sketch=0;html=1;aspect=fixed;strokeColor=none;shadow=0;fillColor=#3B8DF1;verticalAlign=top;labelPosition=center;verticalLabelPosition=bottom;shape=mxgraph.gcp2.stacked_ownership',
},
_original_width: 100,
_original_height: 100,
}
Swap
- Preview
- Usage
- Definition
import { Swap } from '@dinghy/diagrams/entitiesGcp2GeneralIcons'
<Swap/>
// or
import { extendStyle } from "@dinghy/base-components";
import { SWAP } from '@dinghy/diagrams/entitiesGcp2GeneralIcons'
<Shape
{...props}
_style={extendStyle(props, SWAP)}
/>
{
_style: {
entity: 'sketch=0;html=1;aspect=fixed;strokeColor=none;shadow=0;fillColor=#3B8DF1;verticalAlign=top;labelPosition=center;verticalLabelPosition=bottom;shape=mxgraph.gcp2.swap',
},
_width: 100,
_height: 51,
}
Systems Check
- Preview
- Usage
- Definition
import { SystemsCheck } from '@dinghy/diagrams/entitiesGcp2GeneralIcons'
<SystemsCheck/>
// or
import { extendStyle } from "@dinghy/base-components";
import { SYSTEMS_CHECK } from '@dinghy/diagrams/entitiesGcp2GeneralIcons'
<Shape
{...props}
_style={extendStyle(props, SYSTEMS_CHECK)}
/>
{
_style: {
entity: 'sketch=0;html=1;aspect=fixed;strokeColor=none;shadow=0;fillColor=#3B8DF1;verticalAlign=top;labelPosition=center;verticalLabelPosition=bottom;shape=mxgraph.gcp2.systems_check',
},
_original_width: 99,
_original_height: 100,
}
Tape Record
- Preview
- Usage
- Definition
import { TapeRecord } from '@dinghy/diagrams/entitiesGcp2GeneralIcons'
<TapeRecord/>
// or
import { extendStyle } from "@dinghy/base-components";
import { TAPE_RECORD } from '@dinghy/diagrams/entitiesGcp2GeneralIcons'
<Shape
{...props}
_style={extendStyle(props, TAPE_RECORD)}
/>
{
_style: {
entity: 'sketch=0;html=1;aspect=fixed;strokeColor=none;shadow=0;fillColor=#3B8DF1;verticalAlign=top;labelPosition=center;verticalLabelPosition=bottom;shape=mxgraph.gcp2.tape_record',
},
_width: 100,
_height: 71,
}
Task Queues
- Preview
- Usage
- Definition
import { TaskQueues } from '@dinghy/diagrams/entitiesGcp2GeneralIcons'
<TaskQueues/>
// or
import { extendStyle } from "@dinghy/base-components";
import { TASK_QUEUES } from '@dinghy/diagrams/entitiesGcp2GeneralIcons'
<Shape
{...props}
_style={extendStyle(props, TASK_QUEUES)}
/>
{
_style: {
entity: 'sketch=0;html=1;aspect=fixed;strokeColor=none;shadow=0;fillColor=#3B8DF1;verticalAlign=top;labelPosition=center;verticalLabelPosition=bottom;shape=mxgraph.gcp2.task_queues_2',
},
_width: 100,
_height: 61,
}
Thumbs Up
- Preview
- Usage
- Definition
import { ThumbsUp } from '@dinghy/diagrams/entitiesGcp2GeneralIcons'
<ThumbsUp/>
// or
import { extendStyle } from "@dinghy/base-components";
import { THUMBS_UP } from '@dinghy/diagrams/entitiesGcp2GeneralIcons'
<Shape
{...props}
_style={extendStyle(props, THUMBS_UP)}
/>
{
_style: {
entity: 'sketch=0;html=1;aspect=fixed;strokeColor=none;shadow=0;fillColor=#3B8DF1;verticalAlign=top;labelPosition=center;verticalLabelPosition=bottom;shape=mxgraph.gcp2.thumbs_up',
},
_original_width: 100,
_original_height: 100,
}
View List
- Preview
- Usage
- Definition
import { ViewList } from '@dinghy/diagrams/entitiesGcp2GeneralIcons'
<ViewList/>
// or
import { extendStyle } from "@dinghy/base-components";
import { VIEW_LIST } from '@dinghy/diagrams/entitiesGcp2GeneralIcons'
<Shape
{...props}
_style={extendStyle(props, VIEW_LIST)}
/>
{
_style: {
entity: 'sketch=0;html=1;aspect=fixed;strokeColor=none;shadow=0;fillColor=#3B8DF1;verticalAlign=top;labelPosition=center;verticalLabelPosition=bottom;shape=mxgraph.gcp2.view_list',
},
_original_width: 81,
_original_height: 100,
}
Visibility
- Preview
- Usage
- Definition
import { Visibility } from '@dinghy/diagrams/entitiesGcp2GeneralIcons'
<Visibility/>
// or
import { extendStyle } from "@dinghy/base-components";
import { VISIBILITY } from '@dinghy/diagrams/entitiesGcp2GeneralIcons'
<Shape
{...props}
_style={extendStyle(props, VISIBILITY)}
/>
{
_style: {
entity: 'sketch=0;html=1;aspect=fixed;strokeColor=none;shadow=0;fillColor=#3B8DF1;verticalAlign=top;labelPosition=center;verticalLabelPosition=bottom;shape=mxgraph.gcp2.visibility',
},
_original_width: 100,
_original_height: 94,
}
VPN
- Preview
- Usage
- Definition
import { Vpn } from '@dinghy/diagrams/entitiesGcp2GeneralIcons'
<Vpn/>
// or
import { extendStyle } from "@dinghy/base-components";
import { VPN } from '@dinghy/diagrams/entitiesGcp2GeneralIcons'
<Shape
{...props}
_style={extendStyle(props, VPN)}
/>
{
_style: {
entity: 'sketch=0;html=1;aspect=fixed;strokeColor=none;shadow=0;fillColor=#3B8DF1;verticalAlign=top;labelPosition=center;verticalLabelPosition=bottom;shape=mxgraph.gcp2.vpn',
},
_width: 100,
_height: 50,
}
Website
- Preview
- Usage
- Definition
import { Website } from '@dinghy/diagrams/entitiesGcp2GeneralIcons'
<Website/>
// or
import { extendStyle } from "@dinghy/base-components";
import { WEBSITE } from '@dinghy/diagrams/entitiesGcp2GeneralIcons'
<Shape
{...props}
_style={extendStyle(props, WEBSITE)}
/>
{
_style: {
entity: 'sketch=0;html=1;aspect=fixed;strokeColor=none;shadow=0;fillColor=#3B8DF1;verticalAlign=top;labelPosition=center;verticalLabelPosition=bottom;shape=mxgraph.gcp2.website',
},
_original_width: 100,
_original_height: 97,
}
World Network
- Preview
- Usage
- Definition
import { WorldNetwork } from '@dinghy/diagrams/entitiesGcp2GeneralIcons'
<WorldNetwork/>
// or
import { extendStyle } from "@dinghy/base-components";
import { WORLD_NETWORK } from '@dinghy/diagrams/entitiesGcp2GeneralIcons'
<Shape
{...props}
_style={extendStyle(props, WORLD_NETWORK)}
/>
{
_style: {
entity: 'sketch=0;html=1;aspect=fixed;strokeColor=none;shadow=0;fillColor=#3B8DF1;verticalAlign=top;labelPosition=center;verticalLabelPosition=bottom;shape=mxgraph.gcp2.globe_world',
},
_original_width: 100,
_original_height: 95,
}