Clipart Networking Entities

Bridge

Preview
Usage
Definition

import { Bridge } from '@dinghy/diagrams/entitiesClipartNetworking'

<Bridge/>

// or

import { extendStyle } from "@dinghy/base-components";
import { BRIDGE } from '@dinghy/diagrams/entitiesClipartNetworking'

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

{
  _style: {
    entity: 'image;html=1;image=img/lib/clip_art/networking/Bridge_128x128.pngstrokeColor=none;',
  },
  _original_width: 80,
  _original_height: 80,

}

Camera

Preview
Usage
Definition

import { Camera } from '@dinghy/diagrams/entitiesClipartNetworking'

<Camera/>

// or

import { extendStyle } from "@dinghy/base-components";
import { CAMERA } from '@dinghy/diagrams/entitiesClipartNetworking'

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

{
  _style: {
    entity: 'image;html=1;image=img/lib/clip_art/networking/Ip_Camera_128x128.pngstrokeColor=none;',
  },
  _original_width: 80,
  _original_height: 80,

}

Certificate

Preview
Usage
Definition

import { Certificate } from '@dinghy/diagrams/entitiesClipartNetworking'

<Certificate/>

// or

import { extendStyle } from "@dinghy/base-components";
import { CERTIFICATE } from '@dinghy/diagrams/entitiesClipartNetworking'

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

{
  _style: {
    entity: 'image;html=1;image=img/lib/clip_art/networking/Certificate_128x128.pngstrokeColor=none;',
  },
  _original_width: 80,
  _original_height: 80,

}

Certificate Off

Preview
Usage
Definition

import { CertificateOff } from '@dinghy/diagrams/entitiesClipartNetworking'

<CertificateOff/>

// or

import { extendStyle } from "@dinghy/base-components";
import { CERTIFICATE_OFF } from '@dinghy/diagrams/entitiesClipartNetworking'

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

{
  _style: {
    entity: 'image;html=1;image=img/lib/clip_art/networking/Certificate_Off_128x128.pngstrokeColor=none;',
  },
  _original_width: 80,
  _original_height: 80,

}

Cloud

Preview
Usage
Definition

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

<Cloud/>

// or

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

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

{
  _style: {
    entity: 'image;html=1;image=img/lib/clip_art/networking/Cloud_128x128.pngstrokeColor=none;',
  },
  _original_width: 80,
  _original_height: 80,

}

Cloud Computer

Preview
Usage
Definition

import { CloudComputer } from '@dinghy/diagrams/entitiesClipartNetworking'

<CloudComputer/>

// or

import { extendStyle } from "@dinghy/base-components";
import { CLOUD_COMPUTER } from '@dinghy/diagrams/entitiesClipartNetworking'

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

{
  _style: {
    entity: 'image;html=1;image=img/lib/clip_art/networking/Cloud_Computer_128x128.pngstrokeColor=none;',
  },
  _original_width: 80,
  _original_height: 80,

}

Cloud Computer Private

Preview
Usage
Definition

import { CloudComputerPrivate } from '@dinghy/diagrams/entitiesClipartNetworking'

<CloudComputerPrivate/>

// or

import { extendStyle } from "@dinghy/base-components";
import { CLOUD_COMPUTER_PRIVATE } from '@dinghy/diagrams/entitiesClipartNetworking'

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

{
  _style: {
    entity: 'image;html=1;image=img/lib/clip_art/networking/Cloud_Computer_Private_128x128.pngstrokeColor=none;',
  },
  _original_width: 80,
  _original_height: 80,

}

Cloud Rack

Preview
Usage
Definition

import { CloudRack } from '@dinghy/diagrams/entitiesClipartNetworking'

<CloudRack/>

// or

import { extendStyle } from "@dinghy/base-components";
import { CLOUD_RACK } from '@dinghy/diagrams/entitiesClipartNetworking'

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

{
  _style: {
    entity: 'image;html=1;image=img/lib/clip_art/networking/Cloud_Rack_128x128.pngstrokeColor=none;',
  },
  _original_width: 80,
  _original_height: 80,

}

Cloud Rack Private

Preview
Usage
Definition

import { CloudRackPrivate } from '@dinghy/diagrams/entitiesClipartNetworking'

<CloudRackPrivate/>

// or

import { extendStyle } from "@dinghy/base-components";
import { CLOUD_RACK_PRIVATE } from '@dinghy/diagrams/entitiesClipartNetworking'

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

{
  _style: {
    entity: 'image;html=1;image=img/lib/clip_art/networking/Cloud_Rack_Private_128x128.pngstrokeColor=none;',
  },
  _original_width: 80,
  _original_height: 80,

}

Cloud Server

Preview
Usage
Definition

import { CloudServer } from '@dinghy/diagrams/entitiesClipartNetworking'

<CloudServer/>

// or

import { extendStyle } from "@dinghy/base-components";
import { CLOUD_SERVER } from '@dinghy/diagrams/entitiesClipartNetworking'

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

{
  _style: {
    entity: 'image;html=1;image=img/lib/clip_art/networking/Cloud_Server_128x128.pngstrokeColor=none;',
  },
  _original_width: 80,
  _original_height: 80,

}

Cloud Server Private

Preview
Usage
Definition

import { CloudServerPrivate } from '@dinghy/diagrams/entitiesClipartNetworking'

<CloudServerPrivate/>

// or

import { extendStyle } from "@dinghy/base-components";
import { CLOUD_SERVER_PRIVATE } from '@dinghy/diagrams/entitiesClipartNetworking'

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

{
  _style: {
    entity: 'image;html=1;image=img/lib/clip_art/networking/Cloud_Server_Private_128x128.pngstrokeColor=none;',
  },
  _original_width: 80,
  _original_height: 80,

}

Cloud Storage

Preview
Usage
Definition

import { CloudStorage } from '@dinghy/diagrams/entitiesClipartNetworking'

<CloudStorage/>

// or

import { extendStyle } from "@dinghy/base-components";
import { CLOUD_STORAGE } from '@dinghy/diagrams/entitiesClipartNetworking'

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

{
  _style: {
    entity: 'image;html=1;image=img/lib/clip_art/networking/Cloud_Storage_128x128.pngstrokeColor=none;',
  },
  _original_width: 80,
  _original_height: 80,

}

Concentrator

Preview
Usage
Definition

import { Concentrator } from '@dinghy/diagrams/entitiesClipartNetworking'

<Concentrator/>

// or

import { extendStyle } from "@dinghy/base-components";
import { CONCENTRATOR } from '@dinghy/diagrams/entitiesClipartNetworking'

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

{
  _style: {
    entity: 'image;html=1;image=img/lib/clip_art/networking/Concentrator_128x128.pngstrokeColor=none;',
  },
  _original_width: 80,
  _original_height: 80,

}

Email

Preview
Usage
Definition

import { Email } from '@dinghy/diagrams/entitiesClipartNetworking'

<Email/>

// or

import { extendStyle } from "@dinghy/base-components";
import { EMAIL } from '@dinghy/diagrams/entitiesClipartNetworking'

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

{
  _style: {
    entity: 'image;html=1;image=img/lib/clip_art/networking/Email_128x128.pngstrokeColor=none;',
  },
  _original_width: 80,
  _original_height: 80,

}

Firewall

Preview
Usage
Definition

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

<Firewall/>

// or

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

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

{
  _style: {
    entity: 'image;html=1;image=img/lib/clip_art/networking/Firewall-page1_128x128.pngstrokeColor=none;',
  },
  _original_width: 80,
  _original_height: 80,

}

Firewall 1

Preview
Usage
Definition

import { Firewall1 } from '@dinghy/diagrams/entitiesClipartNetworking'

<Firewall1/>

// or

import { extendStyle } from "@dinghy/base-components";
import { FIREWALL_1 } from '@dinghy/diagrams/entitiesClipartNetworking'

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

{
  _style: {
    entity: 'image;html=1;image=img/lib/clip_art/networking/Firewall_02_128x128.pngstrokeColor=none;',
  },
  _original_width: 80,
  _original_height: 80,

}

Firewall 2

Preview
Usage
Definition

import { Firewall2 } from '@dinghy/diagrams/entitiesClipartNetworking'

<Firewall2/>

// or

import { extendStyle } from "@dinghy/base-components";
import { FIREWALL_2 } from '@dinghy/diagrams/entitiesClipartNetworking'

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

{
  _style: {
    entity: 'image;html=1;image=img/lib/clip_art/networking/Firewall_128x128.pngstrokeColor=none;',
  },
  _original_width: 80,
  _original_height: 80,

}

Modem

Preview
Usage
Definition

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

<Modem/>

// or

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

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

{
  _style: {
    entity: 'image;html=1;image=img/lib/clip_art/networking/Modem_128x128.pngstrokeColor=none;',
  },
  _original_width: 80,
  _original_height: 80,

}

Power Distribution Unit

Preview
Usage
Definition

import { PowerDistributionUnit } from '@dinghy/diagrams/entitiesClipartNetworking'

<PowerDistributionUnit/>

// or

import { extendStyle } from "@dinghy/base-components";
import { POWER_DISTRIBUTION_UNIT } from '@dinghy/diagrams/entitiesClipartNetworking'

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

{
  _style: {
    entity: 'image;html=1;image=img/lib/clip_art/networking/power_distribution_unit_128x128.pngstrokeColor=none;',
  },
  _original_width: 80,
  _original_height: 80,

}

Print Server

Preview
Usage
Definition

import { PrintServer } from '@dinghy/diagrams/entitiesClipartNetworking'

<PrintServer/>

// or

import { extendStyle } from "@dinghy/base-components";
import { PRINT_SERVER } from '@dinghy/diagrams/entitiesClipartNetworking'

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

{
  _style: {
    entity: 'image;html=1;image=img/lib/clip_art/networking/Print_Server_128x128.pngstrokeColor=none;',
  },
  _original_width: 80,
  _original_height: 80,

}

Print Server Wireless

Preview
Usage
Definition

import { PrintServerWireless } from '@dinghy/diagrams/entitiesClipartNetworking'

<PrintServerWireless/>

// or

import { extendStyle } from "@dinghy/base-components";
import { PRINT_SERVER_WIRELESS } from '@dinghy/diagrams/entitiesClipartNetworking'

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

{
  _style: {
    entity: 'image;html=1;image=img/lib/clip_art/networking/Print_Server_Wireless_128x128.pngstrokeColor=none;',
  },
  _original_width: 80,
  _original_height: 80,

}

Repeater

Preview
Usage
Definition

import { Repeater } from '@dinghy/diagrams/entitiesClipartNetworking'

<Repeater/>

// or

import { extendStyle } from "@dinghy/base-components";
import { REPEATER } from '@dinghy/diagrams/entitiesClipartNetworking'

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

{
  _style: {
    entity: 'image;html=1;image=img/lib/clip_art/networking/Repeater_128x128.pngstrokeColor=none;',
  },
  _original_width: 80,
  _original_height: 80,

}

Router

Preview
Usage
Definition

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

<Router/>

// or

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

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

{
  _style: {
    entity: 'image;html=1;image=img/lib/clip_art/networking/Router_128x128.pngstrokeColor=none;',
  },
  _original_width: 80,
  _original_height: 80,

}

Router Icon

Preview
Usage
Definition

import { RouterIcon } from '@dinghy/diagrams/entitiesClipartNetworking'

<RouterIcon/>

// or

import { extendStyle } from "@dinghy/base-components";
import { ROUTER_ICON } from '@dinghy/diagrams/entitiesClipartNetworking'

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

{
  _style: {
    entity: 'image;html=1;image=img/lib/clip_art/networking/Router_Icon_128x128.pngstrokeColor=none;',
  },
  _original_width: 80,
  _original_height: 80,

}

Switch

Preview
Usage
Definition

import { Switch } from '@dinghy/diagrams/entitiesClipartNetworking'

<Switch/>

// or

import { extendStyle } from "@dinghy/base-components";
import { SWITCH } from '@dinghy/diagrams/entitiesClipartNetworking'

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

{
  _style: {
    entity: 'image;html=1;image=img/lib/clip_art/networking/Switch_128x128.pngstrokeColor=none;',
  },
  _original_width: 80,
  _original_height: 80,

}

UPS

Preview
Usage
Definition

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

<Ups/>

// or

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

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

{
  _style: {
    entity: 'image;html=1;image=img/lib/clip_art/networking/UPS_128x128.pngstrokeColor=none;',
  },
  _original_width: 80,
  _original_height: 80,

}

Wireless Router

Preview
Usage
Definition

import { WirelessRouter } from '@dinghy/diagrams/entitiesClipartNetworking'

<WirelessRouter/>

// or

import { extendStyle } from "@dinghy/base-components";
import { WIRELESS_ROUTER } from '@dinghy/diagrams/entitiesClipartNetworking'

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

{
  _style: {
    entity: 'image;html=1;image=img/lib/clip_art/networking/Wireless_Router_128x128.pngstrokeColor=none;',
  },
  _original_width: 80,
  _original_height: 80,

}

Wireless Router N

Preview
Usage
Definition

import { WirelessRouterN } from '@dinghy/diagrams/entitiesClipartNetworking'

<WirelessRouterN/>

// or

import { extendStyle } from "@dinghy/base-components";
import { WIRELESS_ROUTER_N } from '@dinghy/diagrams/entitiesClipartNetworking'

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

{
  _style: {
    entity: 'image;html=1;image=img/lib/clip_art/networking/Wireless_Router_N_128x128.pngstrokeColor=none;',
  },
  _original_width: 80,
  _original_height: 80,

}

Bridge​

Camera​

Certificate​

Certificate Off​

Cloud​

Cloud Computer​

Cloud Computer Private​

Cloud Rack​

Cloud Rack Private​

Cloud Server​

Cloud Server Private​

Cloud Storage​

Concentrator​

Email​

Firewall​

Firewall 1​

Firewall 2​

Modem​

Power Distribution Unit​

Print Server​

Print Server Wireless​

Repeater​

Router​

Router Icon​

Switch​

UPS​

Wireless Router​

Wireless Router N​

Bridge

Camera

Certificate

Certificate Off

Cloud

Cloud Computer

Cloud Computer Private

Cloud Rack

Cloud Rack Private

Cloud Server

Cloud Server Private

Cloud Storage

Concentrator

Email

Firewall

Firewall 1

Firewall 2

Modem

Power Distribution Unit

Print Server

Print Server Wireless

Repeater

Router

Router Icon

Switch

UPS

Wireless Router

Wireless Router N