Network 2025 Entities

Antenna

Preview
Usage
Definition

import { Antenna } from '@dinghy/diagrams/entitiesNetwork2'

<Antenna/>

// or

import { extendStyle } from "@dinghy/base-components";
import { ANTENNA } from '@dinghy/diagrams/entitiesNetwork2'

<Shape 
  {...props}
  _style={extendStyle(props, ANTENNA)}
  />

{
  _style: {
    entity: 'shape=mxgraph.networks2.icon;aspect=fixed;fillColor=#EDEDED;strokeColor=#000000;gradientColor=#5B6163;network2IconShadow=1;network2bgFillColor=none;network2Icon=mxgraph.networks2.antenna;network2IconYOffset=0.0004;network2IconW=0.508;network2IconH=0.9997;',
  },
  _width: 25.4,
  _height: 49.985,
}

Application

Preview
Usage
Definition

import { Application } from '@dinghy/diagrams/entitiesNetwork2'

<Application/>

// or

import { extendStyle } from "@dinghy/base-components";
import { APPLICATION } from '@dinghy/diagrams/entitiesNetwork2'

<Shape 
  {...props}
  _style={extendStyle(props, APPLICATION)}
  />

{
  _style: {
    entity: 'shape=mxgraph.networks2.icon;aspect=fixed;fillColor=#EDEDED;strokeColor=#000000;gradientColor=#5B6163;network2IconShadow=1;network2bgFillColor=none;network2Icon=mxgraph.networks2.application;network2IconXOffset=0.0048;network2IconYOffset=-0.0000;network2IconW=0.5927;network2IconH=1.02;',
  },
  _width: 29.635,
  _height: 51,
}

Big Data

Preview
Usage
Definition

import { BigData } from '@dinghy/diagrams/entitiesNetwork2'

<BigData/>

// or

import { extendStyle } from "@dinghy/base-components";
import { BIG_DATA } from '@dinghy/diagrams/entitiesNetwork2'

<Shape 
  {...props}
  _style={extendStyle(props, BIG_DATA)}
  />

{
  _style: {
    entity: 'shape=mxgraph.networks2.icon;aspect=fixed;fillColor=#EDEDED;strokeColor=#000000;gradientColor=#5B6163;network2IconShadow=1;network2bgFillColor=none;network2Icon=mxgraph.networks2.big_data;network2IconXOffset=-0.0002;network2IconYOffset=0.0015;network2IconW=1;network2IconH= 0.996;',
  },
  _original_width: 50,
  _original_height: 49.8,

}

Biohazard

Preview
Usage
Definition

import { Biohazard } from '@dinghy/diagrams/entitiesNetwork2'

<Biohazard/>

// or

import { extendStyle } from "@dinghy/base-components";
import { BIOHAZARD } from '@dinghy/diagrams/entitiesNetwork2'

<Shape 
  {...props}
  _style={extendStyle(props, BIOHAZARD)}
  />

{
  _style: {
    entity: 'shape=mxgraph.networks2.icon;aspect=fixed;fillColor=#EDEDED;strokeColor=#000000;gradientColor=#5B6163;network2IconShadow=1;network2bgFillColor=none;network2Icon=mxgraph.networks2.biohazard;network2IconXOffset=-0.0048;network2IconYOffset=-0.001;network2IconW=1.0124;network2IconH=0.93;',
  },
  _original_width: 50.62,
  _original_height: 46.5,

}

Biometric Reader

Preview
Usage
Definition

import { BiometricReader } from '@dinghy/diagrams/entitiesNetwork2'

<BiometricReader/>

// or

import { extendStyle } from "@dinghy/base-components";
import { BIOMETRIC_READER } from '@dinghy/diagrams/entitiesNetwork2'

<Shape 
  {...props}
  _style={extendStyle(props, BIOMETRIC_READER)}
  />

{
  _style: {
    entity: 'shape=mxgraph.networks2.icon;aspect=fixed;fillColor=#EDEDED;strokeColor=#000000;gradientColor=#5B6163;network2IconShadow=1;network2bgFillColor=none;network2Icon=mxgraph.networks2.biometric_reader;network2IconXOffset=0.00008;network2IconYOffset=0.00161;network2IconW=0.8407;network2IconH=0.9971;',
  },
  _original_width: 42.035,
  _original_height: 49.855,

}

CCTV

Preview
Usage
Definition

import { Cctv } from '@dinghy/diagrams/entitiesNetwork2'

<Cctv/>

// or

import { extendStyle } from "@dinghy/base-components";
import { CCTV } from '@dinghy/diagrams/entitiesNetwork2'

<Shape 
  {...props}
  _style={extendStyle(props, CCTV)}
  />

{
  _style: {
    entity: 'shape=mxgraph.networks2.icon;aspect=fixed;fillColor=#EDEDED;strokeColor=#000000;gradientColor=#5B6163;network2IconShadow=1;network2bgFillColor=none;network2Icon=mxgraph.networks2.cctv;network2IconXOffset=-0.0002;network2IconYOffset=-0.0355;network2IconW=1.0004;network2IconH=0.7279;',
  },
  _width: 50.019999999999996,
  _height: 36.394999999999996,
}

Cloud

Preview
Usage
Definition

import { Cloud } from '@dinghy/diagrams/entitiesNetwork2'

<Cloud/>

// or

import { extendStyle } from "@dinghy/base-components";
import { CLOUD } from '@dinghy/diagrams/entitiesNetwork2'

<Shape 
  {...props}
  _style={extendStyle(props, CLOUD)}
  />

{
  _style: {
    entity: 'shape=mxgraph.networks2.icon;aspect=fixed;fillColor=#EDEDED;strokeColor=#000000;gradientColor=#5B6163;network2IconShadow=1;network2bgFillColor=none;network2Icon=mxgraph.networks2.cloud;network2IconYOffset=-0.08;network2IconW=1.0004;network2IconH=0.7222;',
  },
  _width: 50.019999999999996,
  _height: 36.11,
}

Community

Preview
Usage
Definition

import { Community } from '@dinghy/diagrams/entitiesNetwork2'

<Community/>

// or

import { extendStyle } from "@dinghy/base-components";
import { COMMUNITY } from '@dinghy/diagrams/entitiesNetwork2'

<Shape 
  {...props}
  _style={extendStyle(props, COMMUNITY)}
  />

{
  _style: {
    entity: 'shape=mxgraph.networks2.icon;aspect=fixed;fillColor=#EDEDED;strokeColor=#000000;gradientColor=#5B6163;network2IconShadow=1;network2bgFillColor=none;network2Icon=mxgraph.networks2.community;network2IconXOffset=-0.0036;network2IconYOffset=0.00087;network2IconW=0.876;network2IconH=1.0029;',
  },
  _original_width: 43.8,
  _original_height: 50.144999999999996,

}

Copier

Preview
Usage
Definition

import { Copier } from '@dinghy/diagrams/entitiesNetwork2'

<Copier/>

// or

import { extendStyle } from "@dinghy/base-components";
import { COPIER } from '@dinghy/diagrams/entitiesNetwork2'

<Shape 
  {...props}
  _style={extendStyle(props, COPIER)}
  />

{
  _style: {
    entity: 'shape=mxgraph.networks2.icon;aspect=fixed;fillColor=#EDEDED;strokeColor=#000000;gradientColor=#5B6163;network2IconShadow=1;network2bgFillColor=none;network2Icon=mxgraph.networks2.copier;network2IconXOffset=0.04746;network2IconYOffset=-0.00027;network2IconW=0.8861;network2IconH=0.9979;',
  },
  _original_width: 44.305,
  _original_height: 49.895,

}

Data Management

Preview
Usage
Definition

import { DataManagement } from '@dinghy/diagrams/entitiesNetwork2'

<DataManagement/>

// or

import { extendStyle } from "@dinghy/base-components";
import { DATA_MANAGEMENT } from '@dinghy/diagrams/entitiesNetwork2'

<Shape 
  {...props}
  _style={extendStyle(props, DATA_MANAGEMENT)}
  />

{
  _style: {
    entity: 'shape=mxgraph.networks2.icon;aspect=fixed;fillColor=#EDEDED;strokeColor=#000000;gradientColor=#5B6163;network2IconShadow=1;network2bgFillColor=none;network2Icon=mxgraph.networks2.data_management;network2IconW=0.8252;network2IconH=0.9989;',
  },
  _original_width: 41.260000000000005,
  _original_height: 49.945,

}

Data Storage

Preview
Usage
Definition

import { DataStorage } from '@dinghy/diagrams/entitiesNetwork2'

<DataStorage/>

// or

import { extendStyle } from "@dinghy/base-components";
import { DATA_STORAGE } from '@dinghy/diagrams/entitiesNetwork2'

<Shape 
  {...props}
  _style={extendStyle(props, DATA_STORAGE)}
  />

{
  _style: {
    entity: 'shape=mxgraph.networks2.icon;aspect=fixed;fillColor=#EDEDED;strokeColor=#000000;gradientColor=#5B6163;network2IconShadow=1;network2bgFillColor=none;network2Icon=mxgraph.networks2.data_storage;network2IconW=0.8252;network2IconH=0.9989;',
  },
  _original_width: 41.260000000000005,
  _original_height: 49.945,

}

Desktop PC

Preview
Usage
Definition

import { DesktopPc } from '@dinghy/diagrams/entitiesNetwork2'

<DesktopPc/>

// or

import { extendStyle } from "@dinghy/base-components";
import { DESKTOP_PC } from '@dinghy/diagrams/entitiesNetwork2'

<Shape 
  {...props}
  _style={extendStyle(props, DESKTOP_PC)}
  />

{
  _style: {
    entity: 'shape=mxgraph.networks2.icon;aspect=fixed;fillColor=#EDEDED;strokeColor=#000000;gradientColor=#5B6163;network2IconShadow=1;network2bgFillColor=none;network2Icon=mxgraph.networks2.desktop_pc;network2IconXOffset=-0.0034;network2IconYOffset=0.00035;network2IconW=0.453;network2IconH=0.9995;',
  },
  _width: 22.650000000000002,
  _height: 49.975,
}

Encryption

Preview
Usage
Definition

import { Encryption } from '@dinghy/diagrams/entitiesNetwork2'

<Encryption/>

// or

import { extendStyle } from "@dinghy/base-components";
import { ENCRYPTION } from '@dinghy/diagrams/entitiesNetwork2'

<Shape 
  {...props}
  _style={extendStyle(props, ENCRYPTION)}
  />

{
  _style: {
    entity: 'shape=mxgraph.networks2.icon;aspect=fixed;fillColor=#EDEDED;strokeColor=#000000;gradientColor=#5B6163;network2IconShadow=1;network2bgFillColor=none;network2Icon=mxgraph.networks2.encryption;network2IconXOffset=0.0006;network2IconYOffset=0.0881;network2IconW=1.0001;network2IconH=0.7019;',
  },
  _width: 50.005,
  _height: 35.095,
}

External Storage

Preview
Usage
Definition

import { ExternalStorage } from '@dinghy/diagrams/entitiesNetwork2'

<ExternalStorage/>

// or

import { extendStyle } from "@dinghy/base-components";
import { EXTERNAL_STORAGE } from '@dinghy/diagrams/entitiesNetwork2'

<Shape 
  {...props}
  _style={extendStyle(props, EXTERNAL_STORAGE)}
  />

{
  _style: {
    entity: 'shape=mxgraph.networks2.icon;aspect=fixed;fillColor=#EDEDED;strokeColor=#000000;gradientColor=#5B6163;network2IconShadow=1;network2bgFillColor=none;network2Icon=mxgraph.networks2.external_storage;network2IconYOffset=-0.0267;network2IconW=1;network2IconH=0.7987;',
  },
  _width: 50,
  _height: 39.934999999999995,
}

Firewall

Preview
Usage
Definition

import { Firewall } from '@dinghy/diagrams/entitiesNetwork2'

<Firewall/>

// or

import { extendStyle } from "@dinghy/base-components";
import { FIREWALL } from '@dinghy/diagrams/entitiesNetwork2'

<Shape 
  {...props}
  _style={extendStyle(props, FIREWALL)}
  />

{
  _style: {
    entity: 'shape=mxgraph.networks2.icon;aspect=fixed;fillColor=#EDEDED;strokeColor=#000000;gradientColor=#5B6163;network2IconShadow=1;network2bgFillColor=none;network2Icon=mxgraph.networks2.firewall;network2IconXOffset=0.0001;network2IconYOffset=0.0001;network2IconW=1;network2IconH=0.608;',
  },
  _width: 50,
  _height: 30.4,
}

Gamepad

Preview
Usage
Definition

import { Gamepad } from '@dinghy/diagrams/entitiesNetwork2'

<Gamepad/>

// or

import { extendStyle } from "@dinghy/base-components";
import { GAMEPAD } from '@dinghy/diagrams/entitiesNetwork2'

<Shape 
  {...props}
  _style={extendStyle(props, GAMEPAD)}
  />

{
  _style: {
    entity: 'shape=mxgraph.networks2.icon;aspect=fixed;fillColor=#EDEDED;strokeColor=#000000;gradientColor=#5B6163;network2IconShadow=1;network2bgFillColor=none;network2Icon=mxgraph.networks2.gamepad;network2IconXOffset=0.00005;network2IconYOffset=0.00163;network2IconW=1.0021;network2IconH=0.7358;',
  },
  _width: 50.105,
  _height: 36.79,
}

Global Server

Preview
Usage
Definition

import { GlobalServer } from '@dinghy/diagrams/entitiesNetwork2'

<GlobalServer/>

// or

import { extendStyle } from "@dinghy/base-components";
import { GLOBAL_SERVER } from '@dinghy/diagrams/entitiesNetwork2'

<Shape 
  {...props}
  _style={extendStyle(props, GLOBAL_SERVER)}
  />

{
  _style: {
    entity: 'fillColorStyles=neutralFill;neutralFill=#9DA6A8;shape=mxgraph.networks2.icon;aspect=fixed;fillColor=#EDEDED;strokeColor=#000000;gradientColor=#5B6163;network2IconShadow=1;network2bgFillColor=none;network2Icon=mxgraph.networks2.global_server;network2IconW=1;network2IconH=1;',
  },
  _original_width: 50,
  _original_height: 50,

}

Globe

Preview
Usage
Definition

import { Globe } from '@dinghy/diagrams/entitiesNetwork2'

<Globe/>

// or

import { extendStyle } from "@dinghy/base-components";
import { GLOBE } from '@dinghy/diagrams/entitiesNetwork2'

<Shape 
  {...props}
  _style={extendStyle(props, GLOBE)}
  />

{
  _style: {
    entity: 'shape=mxgraph.networks2.icon;aspect=fixed;fillColor=#EDEDED;strokeColor=#000000;gradientColor=#5B6163;network2IconShadow=1;network2bgFillColor=none;network2Icon=mxgraph.networks2.globe;network2IconW=1;network2IconH=1;',
  },
  _original_width: 50,
  _original_height: 50,

}

Hub

Preview
Usage
Definition

import { Hub } from '@dinghy/diagrams/entitiesNetwork2'

<Hub/>

// or

import { extendStyle } from "@dinghy/base-components";
import { HUB } from '@dinghy/diagrams/entitiesNetwork2'

<Shape 
  {...props}
  _style={extendStyle(props, HUB)}
  />

{
  _style: {
    entity: 'fillColorStyles=neutralFill;neutralFill=#9DA6A8;shape=mxgraph.networks2.icon;aspect=fixed;fillColor=#EDEDED;strokeColor=#000000;gradientColor=#5B6163;network2IconShadow=1;network2bgFillColor=none;network2Icon=mxgraph.networks2.hub;network2IconXOffset=0.0001;network2IconYOffset=0.0129;network2IconW=1;network2IconH=0.2938;',
  },
  _width: 50,
  _height: 14.69,
}

Internet

Preview
Usage
Definition

import { Internet } from '@dinghy/diagrams/entitiesNetwork2'

<Internet/>

// or

import { extendStyle } from "@dinghy/base-components";
import { INTERNET } from '@dinghy/diagrams/entitiesNetwork2'

<Shape 
  {...props}
  _style={extendStyle(props, INTERNET)}
  />

{
  _style: {
    entity: 'shape=mxgraph.networks2.icon;aspect=fixed;fillColor=#EDEDED;strokeColor=#000000;gradientColor=#5B6163;network2IconShadow=1;network2bgFillColor=none;network2Icon=mxgraph.networks2.internet;network2IconXOffset=0.0012;network2IconYOffset=0.0035;network2IconW=0.9677;network2IconH=0.7722;',
  },
  _width: 48.385,
  _height: 38.61,
}

Internet Security

Preview
Usage
Definition

import { InternetSecurity } from '@dinghy/diagrams/entitiesNetwork2'

<InternetSecurity/>

// or

import { extendStyle } from "@dinghy/base-components";
import { INTERNET_SECURITY } from '@dinghy/diagrams/entitiesNetwork2'

<Shape 
  {...props}
  _style={extendStyle(props, INTERNET_SECURITY)}
  />

{
  _style: {
    entity: 'shape=mxgraph.networks2.icon;aspect=fixed;fillColor=#EDEDED;strokeColor=#000000;gradientColor=#5B6163;network2IconShadow=1;network2bgFillColor=none;network2Icon=mxgraph.networks2.internet_security;network2IconW=1;network2IconH=1;',
  },
  _original_width: 50,
  _original_height: 50,

}

LAN

Preview
Usage
Definition

import { Lan } from '@dinghy/diagrams/entitiesNetwork2'

<Lan/>

// or

import { extendStyle } from "@dinghy/base-components";
import { LAN } from '@dinghy/diagrams/entitiesNetwork2'

<Shape 
  {...props}
  _style={extendStyle(props, LAN)}
  />

{
  _style: {
    entity: 'shape=mxgraph.networks2.icon;aspect=fixed;fillColor=#EDEDED;strokeColor=#000000;gradientColor=#5B6163;network2IconShadow=1;network2bgFillColor=none;network2Icon=mxgraph.networks2.lan;network2IconYOffset=0.0558;network2IconW=1.0834;network2IconH=0.7564;',
  },
  _width: 54.169999999999995,
  _height: 37.82,
}

Laptop

Preview
Usage
Definition

import { Laptop } from '@dinghy/diagrams/entitiesNetwork2'

<Laptop/>

// or

import { extendStyle } from "@dinghy/base-components";
import { LAPTOP } from '@dinghy/diagrams/entitiesNetwork2'

<Shape 
  {...props}
  _style={extendStyle(props, LAPTOP)}
  />

{
  _style: {
    entity: 'shape=mxgraph.networks2.icon;aspect=fixed;fillColor=#EDEDED;strokeColor=#000000;gradientColor=#5B6163;network2IconShadow=1;network2bgFillColor=none;network2Icon=mxgraph.networks2.laptop;network2IconW=1;network2IconH=0.5734;',
  },
  _width: 50,
  _height: 28.67,
}

Load Balancer

Preview
Usage
Definition

import { LoadBalancer } from '@dinghy/diagrams/entitiesNetwork2'

<LoadBalancer/>

// or

import { extendStyle } from "@dinghy/base-components";
import { LOAD_BALANCER } from '@dinghy/diagrams/entitiesNetwork2'

<Shape 
  {...props}
  _style={extendStyle(props, LOAD_BALANCER)}
  />

{
  _style: {
    entity: 'shape=mxgraph.networks2.icon;aspect=fixed;fillColor=#EDEDED;strokeColor=#000000;gradientColor=#5B6163;network2IconShadow=1;network2bgFillColor=none;network2Icon=mxgraph.networks2.load_balancer;network2IconW=0.86;network2IconH=0.76;',
  },
  _width: 43,
  _height: 38,
}

Lock

Preview
Usage
Definition

import { Lock } from '@dinghy/diagrams/entitiesNetwork2'

<Lock/>

// or

import { extendStyle } from "@dinghy/base-components";
import { LOCK } from '@dinghy/diagrams/entitiesNetwork2'

<Shape 
  {...props}
  _style={extendStyle(props, LOCK)}
  />

{
  _style: {
    entity: 'shape=mxgraph.networks2.icon;aspect=fixed;fillColor=#EDEDED;strokeColor=#000000;gradientColor=#5B6163;network2IconShadow=1;network2bgFillColor=none;network2Icon=mxgraph.networks2.lock;network2IconW=0.8;network2IconH=0.9999;',
  },
  _original_width: 40,
  _original_height: 49.995,

}

Mail Server

Preview
Usage
Definition

import { MailServer } from '@dinghy/diagrams/entitiesNetwork2'

<MailServer/>

// or

import { extendStyle } from "@dinghy/base-components";
import { MAIL_SERVER } from '@dinghy/diagrams/entitiesNetwork2'

<Shape 
  {...props}
  _style={extendStyle(props, MAIL_SERVER)}
  />

{
  _style: {
    entity: 'fillColorStyles=neutralFill;neutralFill=#9DA6A8;shape=mxgraph.networks2.icon;aspect=fixed;fillColor=#EDEDED;strokeColor=#000000;gradientColor=#5B6163;network2IconShadow=1;network2bgFillColor=none;network2Icon=mxgraph.networks2.mail_server;network2IconYOffset=-0.02556;network2IconW=1;network2IconH=0.7875;',
  },
  _width: 50,
  _height: 39.375,
}

Mainframe

Preview
Usage
Definition

import { Mainframe } from '@dinghy/diagrams/entitiesNetwork2'

<Mainframe/>

// or

import { extendStyle } from "@dinghy/base-components";
import { MAINFRAME } from '@dinghy/diagrams/entitiesNetwork2'

<Shape 
  {...props}
  _style={extendStyle(props, MAINFRAME)}
  />

{
  _style: {
    entity: 'fillColorStyles=neutralFill;neutralFill=#9DA6A8;shape=mxgraph.networks2.icon;aspect=fixed;fillColor=#EDEDED;strokeColor=#000000;gradientColor=#5B6163;network2IconShadow=1;network2bgFillColor=none;network2Icon=mxgraph.networks2.mainframe;network2IconW=0.4721;network2IconH=1;',
  },
  _width: 23.605,
  _height: 50,
}

Mobile Network

Preview
Usage
Definition

import { MobileNetwork } from '@dinghy/diagrams/entitiesNetwork2'

<MobileNetwork/>

// or

import { extendStyle } from "@dinghy/base-components";
import { MOBILE_NETWORK } from '@dinghy/diagrams/entitiesNetwork2'

<Shape 
  {...props}
  _style={extendStyle(props, MOBILE_NETWORK)}
  />

{
  _style: {
    entity: 'shape=mxgraph.networks2.icon;aspect=fixed;fillColor=#EDEDED;strokeColor=#000000;gradientColor=#5B6163;network2IconShadow=1;network2bgFillColor=none;network2Icon=mxgraph.networks2.mobile_network;network2IconXOffset=0.0049;network2IconW=0.5297;network2IconH=1.02;',
  },
  _width: 26.484999999999996,
  _height: 51,
}

Mobile Phone

Preview
Usage
Definition

import { MobilePhone } from '@dinghy/diagrams/entitiesNetwork2'

<MobilePhone/>

// or

import { extendStyle } from "@dinghy/base-components";
import { MOBILE_PHONE } from '@dinghy/diagrams/entitiesNetwork2'

<Shape 
  {...props}
  _style={extendStyle(props, MOBILE_PHONE)}
  />

{
  _style: {
    entity: 'shape=mxgraph.networks2.icon;aspect=fixed;fillColor=#EDEDED;strokeColor=#000000;gradientColor=#5B6163;network2IconShadow=1;network2bgFillColor=none;network2Icon=mxgraph.networks2.mobile_phone;network2IconXOffset=0.0049;network2IconW=0.5297;network2IconH=1.02;',
  },
  _width: 26.484999999999996,
  _height: 51,
}

Modem

Preview
Usage
Definition

import { Modem } from '@dinghy/diagrams/entitiesNetwork2'

<Modem/>

// or

import { extendStyle } from "@dinghy/base-components";
import { MODEM } from '@dinghy/diagrams/entitiesNetwork2'

<Shape 
  {...props}
  _style={extendStyle(props, MODEM)}
  />

{
  _style: {
    entity: 'fillColorStyles=neutralFill;neutralFill=#9DA6A8;shape=mxgraph.networks2.icon;aspect=fixed;fillColor=#EDEDED;strokeColor=#000000;gradientColor=#5B6163;network2IconShadow=1;network2bgFillColor=none;network2Icon=mxgraph.networks2.modem;network2IconYOffset=0.0131;network2IconW=1;network2IconH=0.2938;',
  },
  _width: 50,
  _height: 14.69,
}

Monitor

Preview
Usage
Definition

import { Monitor } from '@dinghy/diagrams/entitiesNetwork2'

<Monitor/>

// or

import { extendStyle } from "@dinghy/base-components";
import { MONITOR } from '@dinghy/diagrams/entitiesNetwork2'

<Shape 
  {...props}
  _style={extendStyle(props, MONITOR)}
  />

{
  _style: {
    entity: 'shape=mxgraph.networks2.icon;aspect=fixed;fillColor=#EDEDED;strokeColor=#000000;gradientColor=#5B6163;network2IconShadow=1;network2bgFillColor=none;network2Icon=mxgraph.networks2.monitor;network2IconYOffset=-0.009;network2IconW=1;network2IconH=0.742;',
  },
  _width: 50,
  _height: 37.1,
}

NAS Filer

Preview
Usage
Definition

import { NasFiler } from '@dinghy/diagrams/entitiesNetwork2'

<NasFiler/>

// or

import { extendStyle } from "@dinghy/base-components";
import { NAS_FILER } from '@dinghy/diagrams/entitiesNetwork2'

<Shape 
  {...props}
  _style={extendStyle(props, NAS_FILER)}
  />

{
  _style: {
    entity: 'fillColorStyles=neutralFill;neutralFill=#9DA6A8;shape=mxgraph.networks2.icon;aspect=fixed;fillColor=#EDEDED;strokeColor=#000000;gradientColor=#5B6163;network2IconShadow=1;network2bgFillColor=none;network2Icon=mxgraph.networks2.nas_filer;network2IconW=1;network2IconH=0.62;',
  },
  _width: 50,
  _height: 31,
}

Network

Preview
Usage
Definition

import { Network } from '@dinghy/diagrams/entitiesNetwork2'

<Network/>

// or

import { extendStyle } from "@dinghy/base-components";
import { NETWORK } from '@dinghy/diagrams/entitiesNetwork2'

<Shape 
  {...props}
  _style={extendStyle(props, NETWORK)}
  />

{
  _style: {
    entity: 'shape=mxgraph.networks2.icon;aspect=fixed;fillColor=#EDEDED;strokeColor=#000000;gradientColor=#5B6163;network2IconShadow=1;network2bgFillColor=none;network2Icon=mxgraph.networks2.network;network2IconW=1;network2IconH=0.8601;',
  },
  _original_width: 50,
  _original_height: 43.004999999999995,

}

Network Security

Preview
Usage
Definition

import { NetworkSecurity } from '@dinghy/diagrams/entitiesNetwork2'

<NetworkSecurity/>

// or

import { extendStyle } from "@dinghy/base-components";
import { NETWORK_SECURITY } from '@dinghy/diagrams/entitiesNetwork2'

<Shape 
  {...props}
  _style={extendStyle(props, NETWORK_SECURITY)}
  />

{
  _style: {
    entity: 'shape=mxgraph.networks2.icon;aspect=fixed;fillColor=#EDEDED;strokeColor=#000000;gradientColor=#5B6163;network2IconShadow=1;network2bgFillColor=none;network2Icon=mxgraph.networks2.network_security;network2IconW=1;network2IconH=0.86;',
  },
  _original_width: 50,
  _original_height: 43,

}

Patch Panel

Preview
Usage
Definition

import { PatchPanel } from '@dinghy/diagrams/entitiesNetwork2'

<PatchPanel/>

// or

import { extendStyle } from "@dinghy/base-components";
import { PATCH_PANEL } from '@dinghy/diagrams/entitiesNetwork2'

<Shape 
  {...props}
  _style={extendStyle(props, PATCH_PANEL)}
  />

{
  _style: {
    entity: 'shape=mxgraph.networks2.icon;aspect=fixed;fillColor=#EDEDED;strokeColor=#000000;gradientColor=#5B6163;network2IconShadow=1;network2bgFillColor=none;network2Icon=mxgraph.networks2.patch_panel;network2IconXOffset=0.0001;network2IconYOffset=-0.0211;network2IconW=1;network2IconH=0.3359;',
  },
  _width: 50,
  _height: 16.794999999999998,
}

PC

Preview
Usage
Definition

import { Pc } from '@dinghy/diagrams/entitiesNetwork2'

<Pc/>

// or

import { extendStyle } from "@dinghy/base-components";
import { PC } from '@dinghy/diagrams/entitiesNetwork2'

<Shape 
  {...props}
  _style={extendStyle(props, PC)}
  />

{
  _style: {
    entity: 'shape=mxgraph.networks2.icon;aspect=fixed;fillColor=#EDEDED;strokeColor=#000000;gradientColor=#5B6163;network2IconShadow=1;network2bgFillColor=none;network2Icon=mxgraph.networks2.pc;network2IconYOffset=-0.0593;network2IconW=0.9999;network2IconH=0.7096;',
  },
  _width: 49.995,
  _height: 35.480000000000004,
}

Phone

Preview
Usage
Definition

import { Phone } from '@dinghy/diagrams/entitiesNetwork2'

<Phone/>

// or

import { extendStyle } from "@dinghy/base-components";
import { PHONE } from '@dinghy/diagrams/entitiesNetwork2'

<Shape 
  {...props}
  _style={extendStyle(props, PHONE)}
  />

{
  _style: {
    entity: 'shape=mxgraph.networks2.icon;aspect=fixed;fillColor=#EDEDED;strokeColor=#000000;gradientColor=#5B6163;network2IconShadow=1;network2bgFillColor=none;network2Icon=mxgraph.networks2.phone;network2IconXOffset=0.0009;network2IconYOffset=-0.0064;network2IconW=0.9947;network2IconH=0.7947;',
  },
  _width: 49.735,
  _height: 39.735,
}

Printer

Preview
Usage
Definition

import { Printer } from '@dinghy/diagrams/entitiesNetwork2'

<Printer/>

// or

import { extendStyle } from "@dinghy/base-components";
import { PRINTER } from '@dinghy/diagrams/entitiesNetwork2'

<Shape 
  {...props}
  _style={extendStyle(props, PRINTER)}
  />

{
  _style: {
    entity: 'fillColorStyles=neutralFill;neutralFill=#9DA6A8;shape=mxgraph.networks2.icon;aspect=fixed;fillColor=#EDEDED;strokeColor=#000000;gradientColor=#5B6163;network2IconShadow=1;network2bgFillColor=none;network2Icon=mxgraph.networks2.printer;network2IconW=1;network2IconH=1.04;',
  },
  _original_width: 50,
  _original_height: 52,

}

Projector Canvas

Preview
Usage
Definition

import { ProjectorCanvas } from '@dinghy/diagrams/entitiesNetwork2'

<ProjectorCanvas/>

// or

import { extendStyle } from "@dinghy/base-components";
import { PROJECTOR_CANVAS } from '@dinghy/diagrams/entitiesNetwork2'

<Shape 
  {...props}
  _style={extendStyle(props, PROJECTOR_CANVAS)}
  />

{
  _style: {
    entity: 'shape=mxgraph.networks2.icon;aspect=fixed;fillColor=#EDEDED;strokeColor=#000000;gradientColor=#5B6163;network2IconShadow=1;network2bgFillColor=none;network2Icon=mxgraph.networks2.projector_canvas;network2IconW=1;network2IconH=1.04;',
  },
  _original_width: 50,
  _original_height: 52,

}

Rack Cabinet

Preview
Usage
Definition

import { RackCabinet } from '@dinghy/diagrams/entitiesNetwork2'

<RackCabinet/>

// or

import { extendStyle } from "@dinghy/base-components";
import { RACK_CABINET } from '@dinghy/diagrams/entitiesNetwork2'

<Shape 
  {...props}
  _style={extendStyle(props, RACK_CABINET)}
  />

{
  _style: {
    entity: 'shape=mxgraph.networks2.icon;aspect=fixed;fillColor=#EDEDED;strokeColor=#000000;gradientColor=#5B6163;network2IconShadow=1;network2bgFillColor=none;network2Icon=mxgraph.networks2.rack_cabinet;network2IconW=0.4721;network2IconH=1;',
  },
  _width: 23.605,
  _height: 50,
}

Router

Preview
Usage
Definition

import { Router } from '@dinghy/diagrams/entitiesNetwork2'

<Router/>

// or

import { extendStyle } from "@dinghy/base-components";
import { ROUTER } from '@dinghy/diagrams/entitiesNetwork2'

<Shape 
  {...props}
  _style={extendStyle(props, ROUTER)}
  />

{
  _style: {
    entity: 'fillColorStyles=neutralFill;neutralFill=#9DA6A8;shape=mxgraph.networks2.icon;aspect=fixed;fillColor=#EDEDED;strokeColor=#000000;gradientColor=#5B6163;network2IconShadow=1;network2bgFillColor=none;network2Icon=mxgraph.networks2.router;network2IconXOffset=0.0001;network2IconYOffset=-0.1142;network2IconW=1;network2IconH=0.5485;',
  },
  _width: 50,
  _height: 27.425,
}

Satellite

Preview
Usage
Definition

import { Satellite } from '@dinghy/diagrams/entitiesNetwork2'

<Satellite/>

// or

import { extendStyle } from "@dinghy/base-components";
import { SATELLITE } from '@dinghy/diagrams/entitiesNetwork2'

<Shape 
  {...props}
  _style={extendStyle(props, SATELLITE)}
  />

{
  _style: {
    entity: 'shape=mxgraph.networks2.icon;aspect=fixed;fillColor=#EDEDED;strokeColor=#000000;gradientColor=#5B6163;network2IconShadow=1;network2bgFillColor=none;network2Icon=mxgraph.networks2.satellite;network2IconXOffset=0.0149;network2IconYOffset=-0.00046;network2IconW=1.1553;network2IconH=0.9741;',
  },
  _original_width: 57.765,
  _original_height: 48.705,

}

Satellite Dish

Preview
Usage
Definition

import { SatelliteDish } from '@dinghy/diagrams/entitiesNetwork2'

<SatelliteDish/>

// or

import { extendStyle } from "@dinghy/base-components";
import { SATELLITE_DISH } from '@dinghy/diagrams/entitiesNetwork2'

<Shape 
  {...props}
  _style={extendStyle(props, SATELLITE_DISH)}
  />

{
  _style: {
    entity: 'shape=mxgraph.networks2.icon;aspect=fixed;fillColor=#EDEDED;strokeColor=#000000;gradientColor=#5B6163;network2IconShadow=1;network2bgFillColor=none;network2Icon=mxgraph.networks2.satellite_dish;network2IconXOffset=-0.0067;network2IconYOffset=0.0022;network2IconW=1.0065;network2IconH=0.9957;',
  },
  _original_width: 50.324999999999996,
  _original_height: 49.785000000000004,

}

Scanner

Preview
Usage
Definition

import { Scanner } from '@dinghy/diagrams/entitiesNetwork2'

<Scanner/>

// or

import { extendStyle } from "@dinghy/base-components";
import { SCANNER } from '@dinghy/diagrams/entitiesNetwork2'

<Shape 
  {...props}
  _style={extendStyle(props, SCANNER)}
  />

{
  _style: {
    entity: 'shape=mxgraph.networks2.icon;aspect=fixed;fillColor=#EDEDED;strokeColor=#000000;gradientColor=#5B6163;network2IconShadow=1;network2bgFillColor=none;network2Icon=mxgraph.networks2.scanner;network2IconXOffset=0.00024;network2IconYOffset=-0.08;network2IconW=1.0001;network2IconH=0.5965;',
  },
  _width: 50.005,
  _height: 29.825000000000003,
}

Server

Preview
Usage
Definition

import { Server } from '@dinghy/diagrams/entitiesNetwork2'

<Server/>

// or

import { extendStyle } from "@dinghy/base-components";
import { SERVER } from '@dinghy/diagrams/entitiesNetwork2'

<Shape 
  {...props}
  _style={extendStyle(props, SERVER)}
  />

{
  _style: {
    entity: 'fillColorStyles=neutralFill;neutralFill=#9DA6A8;shape=mxgraph.networks2.icon;aspect=fixed;fillColor=#EDEDED;strokeColor=#000000;gradientColor=#5B6163;network2IconShadow=1;network2bgFillColor=none;network2Icon=mxgraph.networks2.server;network2IconW=1.0001;network2IconH=0.5812;',
  },
  _width: 50.005,
  _height: 29.060000000000002,
}

Preview
Usage
Definition

import { SocialMedia } from '@dinghy/diagrams/entitiesNetwork2'

<SocialMedia/>

// or

import { extendStyle } from "@dinghy/base-components";
import { SOCIAL_MEDIA } from '@dinghy/diagrams/entitiesNetwork2'

<Shape 
  {...props}
  _style={extendStyle(props, SOCIAL_MEDIA)}
  />

{
  _style: {
    entity: 'shape=mxgraph.networks2.icon;aspect=fixed;fillColor=#EDEDED;strokeColor=#000000;gradientColor=#5B6163;network2IconShadow=1;network2bgFillColor=none;network2Icon=mxgraph.networks2.social_media;network2IconYOffset=0.0153;network2IconW=1.02;network2IconH=0.932;',
  },
  _original_width: 51,
  _original_height: 46.6,

}

Tablet

Preview
Usage
Definition

import { Tablet } from '@dinghy/diagrams/entitiesNetwork2'

<Tablet/>

// or

import { extendStyle } from "@dinghy/base-components";
import { TABLET } from '@dinghy/diagrams/entitiesNetwork2'

<Shape 
  {...props}
  _style={extendStyle(props, TABLET)}
  />

{
  _style: {
    entity: 'shape=mxgraph.networks2.icon;aspect=fixed;fillColor=#EDEDED;strokeColor=#000000;gradientColor=#5B6163;network2IconShadow=1;network2bgFillColor=none;network2Icon=mxgraph.networks2.tablet;network2IconW=1;network2IconH=0.6566;',
  },
  _width: 50,
  _height: 32.83,
}

Terminal

Preview
Usage
Definition

import { Terminal } from '@dinghy/diagrams/entitiesNetwork2'

<Terminal/>

// or

import { extendStyle } from "@dinghy/base-components";
import { TERMINAL } from '@dinghy/diagrams/entitiesNetwork2'

<Shape 
  {...props}
  _style={extendStyle(props, TERMINAL)}
  />

{
  _style: {
    entity: 'shape=mxgraph.networks2.icon;aspect=fixed;fillColor=#EDEDED;strokeColor=#000000;gradientColor=#5B6163;network2IconShadow=1;network2bgFillColor=none;network2Icon=mxgraph.networks2.terminal;network2IconW=0.8554;network2IconH=1;',
  },
  _original_width: 42.77,
  _original_height: 50,

}

Threat

Preview
Usage
Definition

import { Threat } from '@dinghy/diagrams/entitiesNetwork2'

<Threat/>

// or

import { extendStyle } from "@dinghy/base-components";
import { THREAT } from '@dinghy/diagrams/entitiesNetwork2'

<Shape 
  {...props}
  _style={extendStyle(props, THREAT)}
  />

{
  _style: {
    entity: 'shape=mxgraph.networks2.icon;aspect=fixed;fillColor=#EDEDED;strokeColor=#000000;gradientColor=#5B6163;network2IconShadow=1;network2bgFillColor=none;network2Icon=mxgraph.networks2.threat;network2IconYOffset=-0.0472;network2IconW=1.0625;network2IconH=0.9583;',
  },
  _original_width: 53.125,
  _original_height: 47.915,

}

UPS

Preview
Usage
Definition

import { Ups } from '@dinghy/diagrams/entitiesNetwork2'

<Ups/>

// or

import { extendStyle } from "@dinghy/base-components";
import { UPS } from '@dinghy/diagrams/entitiesNetwork2'

<Shape 
  {...props}
  _style={extendStyle(props, UPS)}
  />

{
  _style: {
    entity: 'shape=mxgraph.networks2.icon;aspect=fixed;fillColor=#EDEDED;strokeColor=#000000;gradientColor=#5B6163;network2IconShadow=1;network2bgFillColor=none;network2Icon=mxgraph.networks2.ups;network2IconXOffset=-0.0006;network2IconYOffset=0.0003;network2IconW=0.62;network2IconH=1.0006;',
  },
  _width: 31,
  _height: 50.029999999999994,
}

User, Female

Preview
Usage
Definition

import { UserFemale } from '@dinghy/diagrams/entitiesNetwork2'

<UserFemale/>

// or

import { extendStyle } from "@dinghy/base-components";
import { USER_FEMALE } from '@dinghy/diagrams/entitiesNetwork2'

<Shape 
  {...props}
  _style={extendStyle(props, USER_FEMALE)}
  />

{
  _style: {
    entity: 'shape=mxgraph.networks2.icon;aspect=fixed;fillColor=#EDEDED;strokeColor=#000000;gradientColor=#5B6163;network2IconShadow=1;network2bgFillColor=none;network2Icon=mxgraph.networks2.user_female;network2IconXOffset=-0.0011;network2IconYOffset=-0.003;network2IconW=0.8096;network2IconH=0.994;',
  },
  _original_width: 40.48,
  _original_height: 49.7,

}

User, Male

Preview
Usage
Definition

import { UserMale } from '@dinghy/diagrams/entitiesNetwork2'

<UserMale/>

// or

import { extendStyle } from "@dinghy/base-components";
import { USER_MALE } from '@dinghy/diagrams/entitiesNetwork2'

<Shape 
  {...props}
  _style={extendStyle(props, USER_MALE)}
  />

{
  _style: {
    entity: 'shape=mxgraph.networks2.icon;aspect=fixed;fillColor=#EDEDED;strokeColor=#000000;gradientColor=#5B6163;network2IconShadow=1;network2bgFillColor=none;network2Icon=mxgraph.networks2.user_male;network2IconW=0.8918;network2IconH=1.0003;',
  },
  _original_width: 44.59,
  _original_height: 50.015,

}

Users

Preview
Usage
Definition

import { Users } from '@dinghy/diagrams/entitiesNetwork2'

<Users/>

// or

import { extendStyle } from "@dinghy/base-components";
import { USERS } from '@dinghy/diagrams/entitiesNetwork2'

<Shape 
  {...props}
  _style={extendStyle(props, USERS)}
  />

{
  _style: {
    entity: 'shape=mxgraph.networks2.icon;aspect=fixed;fillColor=#EDEDED;strokeColor=#000000;gradientColor=#5B6163;network2IconShadow=1;network2bgFillColor=none;network2Icon=mxgraph.networks2.users;network2IconXOffset=0.0019;network2IconYOffset=-0.0004;network2IconW=1.0353;network2IconH=0.6623;',
  },
  _width: 51.76500000000001,
  _height: 33.115,
}

Video Projector

Preview
Usage
Definition

import { VideoProjector } from '@dinghy/diagrams/entitiesNetwork2'

<VideoProjector/>

// or

import { extendStyle } from "@dinghy/base-components";
import { VIDEO_PROJECTOR } from '@dinghy/diagrams/entitiesNetwork2'

<Shape 
  {...props}
  _style={extendStyle(props, VIDEO_PROJECTOR)}
  />

{
  _style: {
    entity: 'shape=mxgraph.networks2.icon;aspect=fixed;fillColor=#EDEDED;strokeColor=#000000;gradientColor=#5B6163;network2IconShadow=1;network2bgFillColor=none;network2Icon=mxgraph.networks2.video_projector;network2IconYOffset=0.013;network2IconW=1;network2IconH=0.294;',
  },
  _width: 50,
  _height: 14.7,
}

VR

Preview
Usage
Definition

import { Vr } from '@dinghy/diagrams/entitiesNetwork2'

<Vr/>

// or

import { extendStyle } from "@dinghy/base-components";
import { VR } from '@dinghy/diagrams/entitiesNetwork2'

<Shape 
  {...props}
  _style={extendStyle(props, VR)}
  />

{
  _style: {
    entity: 'shape=mxgraph.networks2.icon;aspect=fixed;fillColor=#EDEDED;strokeColor=#000000;gradientColor=#5B6163;network2IconShadow=1;network2bgFillColor=none;network2Icon=mxgraph.networks2.vr;network2IconYOffset=-0.015;network2IconW=1;network2IconH=0.45;',
  },
  _width: 50,
  _height: 22.5,
}

Web Hosting

Preview
Usage
Definition

import { WebHosting } from '@dinghy/diagrams/entitiesNetwork2'

<WebHosting/>

// or

import { extendStyle } from "@dinghy/base-components";
import { WEB_HOSTING } from '@dinghy/diagrams/entitiesNetwork2'

<Shape 
  {...props}
  _style={extendStyle(props, WEB_HOSTING)}
  />

{
  _style: {
    entity: 'shape=mxgraph.networks2.icon;aspect=fixed;fillColor=#EDEDED;strokeColor=#000000;gradientColor=#5B6163;network2IconShadow=1;network2bgFillColor=none;network2Icon=mxgraph.networks2.web_hosting;network2IconW=1;network2IconH=0.9125;',
  },
  _original_width: 50,
  _original_height: 45.625,

}

Wireless Hub

Preview
Usage
Definition

import { WirelessHub } from '@dinghy/diagrams/entitiesNetwork2'

<WirelessHub/>

// or

import { extendStyle } from "@dinghy/base-components";
import { WIRELESS_HUB } from '@dinghy/diagrams/entitiesNetwork2'

<Shape 
  {...props}
  _style={extendStyle(props, WIRELESS_HUB)}
  />

{
  _style: {
    entity: 'fillColorStyles=neutralFill;neutralFill=#9DA6A8;shape=mxgraph.networks2.icon;aspect=fixed;fillColor=#EDEDED;strokeColor=#000000;gradientColor=#5B6163;network2IconShadow=1;network2bgFillColor=none;network2Icon=mxgraph.networks2.wireless_hub;network2IconYOffset=-0.1142;network2IconW=1;network2IconH=0.5485;',
  },
  _width: 50,
  _height: 27.425,
}

Antenna​

Application​

Big Data​

Biohazard​

Biometric Reader​

CCTV​

Cloud​

Community​

Copier​

Data Management​

Data Storage​

Desktop PC​

Encryption​

External Storage​

Firewall​

Gamepad​

Global Server​

Globe​

Hub​

Internet​

Internet Security​

LAN​

Laptop​

Load Balancer​

Lock​

Mail Server​

Mainframe​

Mobile Network​

Mobile Phone​

Modem​

Monitor​

NAS Filer​

Network​

Network Security​

Patch Panel​

PC​

Phone​

Printer​

Projector Canvas​

Rack Cabinet​

Router​

Satellite​

Satellite Dish​

Scanner​

Server​

Social Media​

Tablet​

Terminal​

Threat​

UPS​

User, Female​

User, Male​

Users​

Video Projector​

VR​

Web Hosting​

Wireless Hub​

Antenna

Application

Big Data

Biohazard

Biometric Reader

CCTV

Cloud

Community

Copier

Data Management

Data Storage

Desktop PC

Encryption

External Storage

Firewall

Gamepad

Global Server

Globe

Hub

Internet

Internet Security

LAN

Laptop

Load Balancer

Lock

Mail Server

Mainframe

Mobile Network

Mobile Phone

Modem

Monitor

NAS Filer

Network

Network Security

Patch Panel

PC

Phone

Printer

Projector Canvas

Rack Cabinet

Router

Satellite

Satellite Dish

Scanner

Server

Social Media

Tablet

Terminal

Threat

UPS

User, Female

User, Male

Users

Video Projector

VR

Web Hosting

Wireless Hub