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,
}