Cisco Security Icons Entities
AMP
- Preview
- Usage
- Definition
import { Amp } from '@dinghy/diagrams/entitiesCiscoSafeSecurityIcons'
<Amp/>
// or
import { extendStyle } from "@dinghy/base-components";
import { AMP } from '@dinghy/diagrams/entitiesCiscoSafeSecurityIcons'
<Shape
{...props}
_style={extendStyle(props, AMP)}
/>
{
_style: {
entity: 'verticalLabelPosition=bottom;sketch=0;html=1;fillColor=#282828;strokeColor=none;verticalAlign=top;pointerEvents=1;align=center;shape=mxgraph.cisco_safe.security_icons.amp;',
},
_original_width: 50,
_original_height: 50,
}
Antivirus
- Preview
- Usage
- Definition
import { Antivirus } from '@dinghy/diagrams/entitiesCiscoSafeSecurityIcons'
<Antivirus/>
// or
import { extendStyle } from "@dinghy/base-components";
import { ANTIVIRUS } from '@dinghy/diagrams/entitiesCiscoSafeSecurityIcons'
<Shape
{...props}
_style={extendStyle(props, ANTIVIRUS)}
/>
{
_style: {
entity: 'verticalLabelPosition=bottom;sketch=0;html=1;fillColor=#282828;strokeColor=none;verticalAlign=top;pointerEvents=1;align=center;shape=mxgraph.cisco_safe.security_icons.antivirus;',
},
_width: 50,
_height: 32.5,
}
APIC
- Preview
- Usage
- Definition
import { Apic } from '@dinghy/diagrams/entitiesCiscoSafeSecurityIcons'
<Apic/>
// or
import { extendStyle } from "@dinghy/base-components";
import { APIC } from '@dinghy/diagrams/entitiesCiscoSafeSecurityIcons'
<Shape
{...props}
_style={extendStyle(props, APIC)}
/>
{
_style: {
entity: 'verticalLabelPosition=bottom;sketch=0;html=1;fillColor=#282828;strokeColor=none;verticalAlign=top;pointerEvents=1;align=center;shape=mxgraph.cisco_safe.security_icons.apic;',
},
_original_width: 50,
_original_height: 40.5,
}
Application Control
- Preview
- Usage
- Definition

import { ApplicationControl } from '@dinghy/diagrams/entitiesCiscoSafeSecurityIcons'
<ApplicationControl/>
// or
import { extendStyle } from "@dinghy/base-components";
import { APPLICATION_CONTROL } from '@dinghy/diagrams/entitiesCiscoSafeSecurityIcons'
<Shape
{...props}
_style={extendStyle(props, APPLICATION_CONTROL)}
/>
{
_style: {
entity: 'verticalLabelPosition=bottom;sketch=0;html=1;fillColor=#282828;strokeColor=none;verticalAlign=top;pointerEvents=1;align=center;shape=mxgraph.cisco_safe.security_icons.application_control;',
},
_original_width: 50,
_original_height: 50,
}
Cloud Based
- Preview
- Usage
- Definition
import { CloudBased } from '@dinghy/diagrams/entitiesCiscoSafeSecurityIcons'
<CloudBased/>
// or
import { extendStyle } from "@dinghy/base-components";
import { CLOUD_BASED } from '@dinghy/diagrams/entitiesCiscoSafeSecurityIcons'
<Shape
{...props}
_style={extendStyle(props, CLOUD_BASED)}
/>
{
_style: {
entity: 'verticalLabelPosition=bottom;sketch=0;html=1;fillColor=#282828;strokeColor=none;verticalAlign=top;pointerEvents=1;align=center;shape=mxgraph.cisco_safe.security_icons.cloud_based;',
},
_width: 50,
_height: 31.5,
}
Cloud Based Management
- Preview
- Usage
- Definition
import { CloudBasedManagement } from '@dinghy/diagrams/entitiesCiscoSafeSecurityIcons'
<CloudBasedManagement/>
// or
import { extendStyle } from "@dinghy/base-components";
import { CLOUD_BASED_MANAGEMENT } from '@dinghy/diagrams/entitiesCiscoSafeSecurityIcons'
<Shape
{...props}
_style={extendStyle(props, CLOUD_BASED_MANAGEMENT)}
/>
{
_style: {
entity: 'verticalLabelPosition=bottom;sketch=0;html=1;fillColor=#282828;strokeColor=none;verticalAlign=top;pointerEvents=1;align=center;shape=mxgraph.cisco_safe.security_icons.cloud_based_management;',
},
_width: 50,
_height: 39,
}
DDoS
- Preview
- Usage
- Definition
import { Ddos } from '@dinghy/diagrams/entitiesCiscoSafeSecurityIcons'
<Ddos/>
// or
import { extendStyle } from "@dinghy/base-components";
import { DDOS } from '@dinghy/diagrams/entitiesCiscoSafeSecurityIcons'
<Shape
{...props}
_style={extendStyle(props, DDOS)}
/>
{
_style: {
entity: 'verticalLabelPosition=bottom;sketch=0;html=1;fillColor=#282828;strokeColor=none;verticalAlign=top;pointerEvents=1;align=center;shape=mxgraph.cisco_safe.security_icons.ddos;',
},
_original_width: 50,
_original_height: 50,
}
Email
- Preview
- Usage
- Definition
import { Email } from '@dinghy/diagrams/entitiesCiscoSafeSecurityIcons'
<Email/>
// or
import { extendStyle } from "@dinghy/base-components";
import { EMAIL } from '@dinghy/diagrams/entitiesCiscoSafeSecurityIcons'
<Shape
{...props}
_style={extendStyle(props, EMAIL)}
/>
{
_style: {
entity: 'verticalLabelPosition=bottom;sketch=0;html=1;fillColor=#282828;strokeColor=none;verticalAlign=top;pointerEvents=1;align=center;shape=mxgraph.cisco_safe.security_icons.email;',
},
_width: 50,
_height: 35.5,
}
Firewall
- Preview
- Usage
- Definition
import { Firewall } from '@dinghy/diagrams/entitiesCiscoSafeSecurityIcons'
<Firewall/>
// or
import { extendStyle } from "@dinghy/base-components";
import { FIREWALL } from '@dinghy/diagrams/entitiesCiscoSafeSecurityIcons'
<Shape
{...props}
_style={extendStyle(props, FIREWALL)}
/>
{
_style: {
entity: 'verticalLabelPosition=bottom;sketch=0;html=1;fillColor=#282828;strokeColor=none;verticalAlign=top;pointerEvents=1;align=center;shape=mxgraph.cisco_safe.security_icons.firewall;',
},
_width: 49.5,
_height: 35,
}
IAM
- Preview
- Usage
- Definition

import { Iam } from '@dinghy/diagrams/entitiesCiscoSafeSecurityIcons'
<Iam/>
// or
import { extendStyle } from "@dinghy/base-components";
import { IAM } from '@dinghy/diagrams/entitiesCiscoSafeSecurityIcons'
<Shape
{...props}
_style={extendStyle(props, IAM)}
/>
{
_style: {
entity: 'verticalLabelPosition=bottom;sketch=0;html=1;fillColor=#282828;strokeColor=none;verticalAlign=top;pointerEvents=1;align=center;shape=mxgraph.cisco_safe.security_icons.iam;',
},
_width: 37.5,
_height: 47,
}
Icon1
- Preview
- Usage
- Definition
import { Icon1 } from '@dinghy/diagrams/entitiesCiscoSafeSecurityIcons'
<Icon1/>
// or
import { extendStyle } from "@dinghy/base-components";
import { ICON1 } from '@dinghy/diagrams/entitiesCiscoSafeSecurityIcons'
<Shape
{...props}
_style={extendStyle(props, ICON1)}
/>
{
_style: {
entity: 'verticalLabelPosition=bottom;sketch=0;html=1;fillColor=#282828;strokeColor=none;verticalAlign=top;pointerEvents=1;align=center;shape=mxgraph.cisco_safe.security_icons.icon1;',
},
_original_width: 47.5,
_original_height: 50,
}
Icon10
- Preview
- Usage
- Definition
import { Icon10 } from '@dinghy/diagrams/entitiesCiscoSafeSecurityIcons'
<Icon10/>
// or
import { extendStyle } from "@dinghy/base-components";
import { ICON10 } from '@dinghy/diagrams/entitiesCiscoSafeSecurityIcons'
<Shape
{...props}
_style={extendStyle(props, ICON10)}
/>
{
_style: {
entity: 'verticalLabelPosition=bottom;sketch=0;html=1;fillColor=#282828;strokeColor=none;verticalAlign=top;pointerEvents=1;align=center;shape=mxgraph.cisco_safe.security_icons.icon10;',
},
_width: 50,
_height: 31,
}
Icon11
- Preview
- Usage
- Definition
![]()
import { Icon11 } from '@dinghy/diagrams/entitiesCiscoSafeSecurityIcons'
<Icon11/>
// or
import { extendStyle } from "@dinghy/base-components";
import { ICON11 } from '@dinghy/diagrams/entitiesCiscoSafeSecurityIcons'
<Shape
{...props}
_style={extendStyle(props, ICON11)}
/>
{
_style: {
entity: 'verticalLabelPosition=bottom;sketch=0;html=1;fillColor=#282828;strokeColor=none;verticalAlign=top;pointerEvents=1;align=center;shape=mxgraph.cisco_safe.security_icons.icon11;',
},
_original_width: 50,
_original_height: 50,
}
Icon12
- Preview
- Usage
- Definition
import { Icon12 } from '@dinghy/diagrams/entitiesCiscoSafeSecurityIcons'
<Icon12/>
// or
import { extendStyle } from "@dinghy/base-components";
import { ICON12 } from '@dinghy/diagrams/entitiesCiscoSafeSecurityIcons'
<Shape
{...props}
_style={extendStyle(props, ICON12)}
/>
{
_style: {
entity: 'verticalLabelPosition=bottom;sketch=0;html=1;fillColor=#282828;strokeColor=none;verticalAlign=top;pointerEvents=1;align=center;shape=mxgraph.cisco_safe.security_icons.icon12;',
},
_original_width: 42,
_original_height: 50,
}
Icon13
- Preview
- Usage
- Definition
![]()
import { Icon13 } from '@dinghy/diagrams/entitiesCiscoSafeSecurityIcons'
<Icon13/>
// or
import { extendStyle } from "@dinghy/base-components";
import { ICON13 } from '@dinghy/diagrams/entitiesCiscoSafeSecurityIcons'
<Shape
{...props}
_style={extendStyle(props, ICON13)}
/>
{
_style: {
entity: 'verticalLabelPosition=bottom;sketch=0;html=1;fillColor=#282828;strokeColor=none;verticalAlign=top;pointerEvents=1;align=center;shape=mxgraph.cisco_safe.security_icons.icon13;',
},
_original_width: 50,
_original_height: 45.5,
}
Icon14
- Preview
- Usage
- Definition
![]()
import { Icon14 } from '@dinghy/diagrams/entitiesCiscoSafeSecurityIcons'
<Icon14/>
// or
import { extendStyle } from "@dinghy/base-components";
import { ICON14 } from '@dinghy/diagrams/entitiesCiscoSafeSecurityIcons'
<Shape
{...props}
_style={extendStyle(props, ICON14)}
/>
{
_style: {
entity: 'verticalLabelPosition=bottom;sketch=0;html=1;fillColor=#282828;strokeColor=none;verticalAlign=top;pointerEvents=1;align=center;shape=mxgraph.cisco_safe.security_icons.icon14;',
},
_original_width: 50,
_original_height: 50,
}
Icon15
- Preview
- Usage
- Definition
import { Icon15 } from '@dinghy/diagrams/entitiesCiscoSafeSecurityIcons'
<Icon15/>
// or
import { extendStyle } from "@dinghy/base-components";
import { ICON15 } from '@dinghy/diagrams/entitiesCiscoSafeSecurityIcons'
<Shape
{...props}
_style={extendStyle(props, ICON15)}
/>
{
_style: {
entity: 'verticalLabelPosition=bottom;sketch=0;html=1;fillColor=#282828;strokeColor=none;verticalAlign=top;pointerEvents=1;align=center;shape=mxgraph.cisco_safe.security_icons.icon15;',
},
_width: 39.5,
_height: 50,
}
Icon16
- Preview
- Usage
- Definition
import { Icon16 } from '@dinghy/diagrams/entitiesCiscoSafeSecurityIcons'
<Icon16/>
// or
import { extendStyle } from "@dinghy/base-components";
import { ICON16 } from '@dinghy/diagrams/entitiesCiscoSafeSecurityIcons'
<Shape
{...props}
_style={extendStyle(props, ICON16)}
/>
{
_style: {
entity: 'verticalLabelPosition=bottom;sketch=0;html=1;fillColor=#282828;strokeColor=none;verticalAlign=top;pointerEvents=1;align=center;shape=mxgraph.cisco_safe.security_icons.icon16;',
},
_width: 50,
_height: 23.5,
}
Icon17
- Preview
- Usage
- Definition
import { Icon17 } from '@dinghy/diagrams/entitiesCiscoSafeSecurityIcons'
<Icon17/>
// or
import { extendStyle } from "@dinghy/base-components";
import { ICON17 } from '@dinghy/diagrams/entitiesCiscoSafeSecurityIcons'
<Shape
{...props}
_style={extendStyle(props, ICON17)}
/>
{
_style: {
entity: 'verticalLabelPosition=bottom;sketch=0;html=1;fillColor=#282828;strokeColor=none;verticalAlign=top;pointerEvents=1;align=center;shape=mxgraph.cisco_safe.security_icons.icon17;',
},
_width: 28.999999999999996,
_height: 50,
}
Icon18
- Preview
- Usage
- Definition
import { Icon18 } from '@dinghy/diagrams/entitiesCiscoSafeSecurityIcons'
<Icon18/>
// or
import { extendStyle } from "@dinghy/base-components";
import { ICON18 } from '@dinghy/diagrams/entitiesCiscoSafeSecurityIcons'
<Shape
{...props}
_style={extendStyle(props, ICON18)}
/>
{
_style: {
entity: 'verticalLabelPosition=bottom;sketch=0;html=1;fillColor=#282828;strokeColor=none;verticalAlign=top;pointerEvents=1;align=center;shape=mxgraph.cisco_safe.security_icons.icon18;',
},
_original_width: 50,
_original_height: 50,
}
Icon19
- Preview
- Usage
- Definition
import { Icon19 } from '@dinghy/diagrams/entitiesCiscoSafeSecurityIcons'
<Icon19/>
// or
import { extendStyle } from "@dinghy/base-components";
import { ICON19 } from '@dinghy/diagrams/entitiesCiscoSafeSecurityIcons'
<Shape
{...props}
_style={extendStyle(props, ICON19)}
/>
{
_style: {
entity: 'verticalLabelPosition=bottom;sketch=0;html=1;fillColor=#282828;strokeColor=none;verticalAlign=top;pointerEvents=1;align=center;shape=mxgraph.cisco_safe.security_icons.icon19;',
},
_original_width: 50,
_original_height: 50,
}
Icon2
- Preview
- Usage
- Definition
import { Icon2 } from '@dinghy/diagrams/entitiesCiscoSafeSecurityIcons'
<Icon2/>
// or
import { extendStyle } from "@dinghy/base-components";
import { ICON2 } from '@dinghy/diagrams/entitiesCiscoSafeSecurityIcons'
<Shape
{...props}
_style={extendStyle(props, ICON2)}
/>
{
_style: {
entity: 'verticalLabelPosition=bottom;sketch=0;html=1;fillColor=#282828;strokeColor=none;verticalAlign=top;pointerEvents=1;align=center;shape=mxgraph.cisco_safe.security_icons.icon2;',
},
_original_width: 50,
_original_height: 45.5,
}
Icon20
- Preview
- Usage
- Definition
import { Icon20 } from '@dinghy/diagrams/entitiesCiscoSafeSecurityIcons'
<Icon20/>
// or
import { extendStyle } from "@dinghy/base-components";
import { ICON20 } from '@dinghy/diagrams/entitiesCiscoSafeSecurityIcons'
<Shape
{...props}
_style={extendStyle(props, ICON20)}
/>
{
_style: {
entity: 'verticalLabelPosition=bottom;sketch=0;html=1;fillColor=#282828;strokeColor=none;verticalAlign=top;pointerEvents=1;align=center;shape=mxgraph.cisco_safe.security_icons.icon20;',
},
_original_width: 50,
_original_height: 50,
}
Icon21
- Preview
- Usage
- Definition
import { Icon21 } from '@dinghy/diagrams/entitiesCiscoSafeSecurityIcons'
<Icon21/>
// or
import { extendStyle } from "@dinghy/base-components";
import { ICON21 } from '@dinghy/diagrams/entitiesCiscoSafeSecurityIcons'
<Shape
{...props}
_style={extendStyle(props, ICON21)}
/>
{
_style: {
entity: 'verticalLabelPosition=bottom;sketch=0;html=1;fillColor=#282828;strokeColor=none;verticalAlign=top;pointerEvents=1;align=center;shape=mxgraph.cisco_safe.security_icons.icon21;',
},
_original_width: 43.5,
_original_height: 50,
}
Icon22
- Preview
- Usage
- Definition
import { Icon22 } from '@dinghy/diagrams/entitiesCiscoSafeSecurityIcons'
<Icon22/>
// or
import { extendStyle } from "@dinghy/base-components";
import { ICON22 } from '@dinghy/diagrams/entitiesCiscoSafeSecurityIcons'
<Shape
{...props}
_style={extendStyle(props, ICON22)}
/>
{
_style: {
entity: 'verticalLabelPosition=bottom;sketch=0;html=1;fillColor=#282828;strokeColor=none;verticalAlign=top;pointerEvents=1;align=center;shape=mxgraph.cisco_safe.security_icons.icon22;',
},
_original_width: 40.5,
_original_height: 50,
}
Icon23
- Preview
- Usage
- Definition
import { Icon23 } from '@dinghy/diagrams/entitiesCiscoSafeSecurityIcons'
<Icon23/>
// or
import { extendStyle } from "@dinghy/base-components";
import { ICON23 } from '@dinghy/diagrams/entitiesCiscoSafeSecurityIcons'
<Shape
{...props}
_style={extendStyle(props, ICON23)}
/>
{
_style: {
entity: 'verticalLabelPosition=bottom;sketch=0;html=1;fillColor=#282828;strokeColor=none;verticalAlign=top;pointerEvents=1;align=center;shape=mxgraph.cisco_safe.security_icons.icon23;',
},
_original_width: 50,
_original_height: 50,
}
Icon24
- Preview
- Usage
- Definition
import { Icon24 } from '@dinghy/diagrams/entitiesCiscoSafeSecurityIcons'
<Icon24/>
// or
import { extendStyle } from "@dinghy/base-components";
import { ICON24 } from '@dinghy/diagrams/entitiesCiscoSafeSecurityIcons'
<Shape
{...props}
_style={extendStyle(props, ICON24)}
/>
{
_style: {
entity: 'verticalLabelPosition=bottom;sketch=0;html=1;fillColor=#282828;strokeColor=none;verticalAlign=top;pointerEvents=1;align=center;shape=mxgraph.cisco_safe.security_icons.icon24;',
},
_original_width: 44.5,
_original_height: 50,
}
Icon25
- Preview
- Usage
- Definition
import { Icon25 } from '@dinghy/diagrams/entitiesCiscoSafeSecurityIcons'
<Icon25/>
// or
import { extendStyle } from "@dinghy/base-components";
import { ICON25 } from '@dinghy/diagrams/entitiesCiscoSafeSecurityIcons'
<Shape
{...props}
_style={extendStyle(props, ICON25)}
/>
{
_style: {
entity: 'verticalLabelPosition=bottom;sketch=0;html=1;fillColor=#282828;strokeColor=none;verticalAlign=top;pointerEvents=1;align=center;shape=mxgraph.cisco_safe.security_icons.icon25;',
},
_original_width: 50,
_original_height: 45.5,
}
Icon26
- Preview
- Usage
- Definition
import { Icon26 } from '@dinghy/diagrams/entitiesCiscoSafeSecurityIcons'
<Icon26/>
// or
import { extendStyle } from "@dinghy/base-components";
import { ICON26 } from '@dinghy/diagrams/entitiesCiscoSafeSecurityIcons'
<Shape
{...props}
_style={extendStyle(props, ICON26)}
/>
{
_style: {
entity: 'verticalLabelPosition=bottom;sketch=0;html=1;fillColor=#282828;strokeColor=none;verticalAlign=top;pointerEvents=1;align=center;shape=mxgraph.cisco_safe.security_icons.icon26;',
},
_original_width: 50,
_original_height: 50,
}
Icon27
- Preview
- Usage
- Definition
import { Icon27 } from '@dinghy/diagrams/entitiesCiscoSafeSecurityIcons'
<Icon27/>
// or
import { extendStyle } from "@dinghy/base-components";
import { ICON27 } from '@dinghy/diagrams/entitiesCiscoSafeSecurityIcons'
<Shape
{...props}
_style={extendStyle(props, ICON27)}
/>
{
_style: {
entity: 'verticalLabelPosition=bottom;sketch=0;html=1;fillColor=#282828;strokeColor=none;verticalAlign=top;pointerEvents=1;align=center;shape=mxgraph.cisco_safe.security_icons.icon27;',
},
_width: 50,
_height: 35,
}
Icon28
- Preview
- Usage
- Definition
import { Icon28 } from '@dinghy/diagrams/entitiesCiscoSafeSecurityIcons'
<Icon28/>
// or
import { extendStyle } from "@dinghy/base-components";
import { ICON28 } from '@dinghy/diagrams/entitiesCiscoSafeSecurityIcons'
<Shape
{...props}
_style={extendStyle(props, ICON28)}
/>
{
_style: {
entity: 'verticalLabelPosition=bottom;sketch=0;html=1;fillColor=#282828;strokeColor=none;verticalAlign=top;pointerEvents=1;align=center;shape=mxgraph.cisco_safe.security_icons.icon28;',
},
_width: 50,
_height: 34.5,
}
Icon29
- Preview
- Usage
- Definition
import { Icon29 } from '@dinghy/diagrams/entitiesCiscoSafeSecurityIcons'
<Icon29/>
// or
import { extendStyle } from "@dinghy/base-components";
import { ICON29 } from '@dinghy/diagrams/entitiesCiscoSafeSecurityIcons'
<Shape
{...props}
_style={extendStyle(props, ICON29)}
/>
{
_style: {
entity: 'verticalLabelPosition=bottom;sketch=0;html=1;fillColor=#282828;strokeColor=none;verticalAlign=top;pointerEvents=1;align=center;shape=mxgraph.cisco_safe.security_icons.icon29;',
},
_original_width: 46,
_original_height: 50,
}
Icon3
- Preview
- Usage
- Definition
import { Icon3 } from '@dinghy/diagrams/entitiesCiscoSafeSecurityIcons'
<Icon3/>
// or
import { extendStyle } from "@dinghy/base-components";
import { ICON3 } from '@dinghy/diagrams/entitiesCiscoSafeSecurityIcons'
<Shape
{...props}
_style={extendStyle(props, ICON3)}
/>
{
_style: {
entity: 'verticalLabelPosition=bottom;sketch=0;html=1;fillColor=#282828;strokeColor=none;verticalAlign=top;pointerEvents=1;align=center;shape=mxgraph.cisco_safe.security_icons.icon3;',
},
_width: 39,
_height: 50,
}
Icon30
- Preview
- Usage
- Definition
import { Icon30 } from '@dinghy/diagrams/entitiesCiscoSafeSecurityIcons'
<Icon30/>
// or
import { extendStyle } from "@dinghy/base-components";
import { ICON30 } from '@dinghy/diagrams/entitiesCiscoSafeSecurityIcons'
<Shape
{...props}
_style={extendStyle(props, ICON30)}
/>
{
_style: {
entity: 'verticalLabelPosition=bottom;sketch=0;html=1;fillColor=#282828;strokeColor=none;verticalAlign=top;pointerEvents=1;align=center;shape=mxgraph.cisco_safe.security_icons.icon30;',
},
_width: 50,
_height: 35,
}
Icon31
- Preview
- Usage
- Definition
import { Icon31 } from '@dinghy/diagrams/entitiesCiscoSafeSecurityIcons'
<Icon31/>
// or
import { extendStyle } from "@dinghy/base-components";
import { ICON31 } from '@dinghy/diagrams/entitiesCiscoSafeSecurityIcons'
<Shape
{...props}
_style={extendStyle(props, ICON31)}
/>
{
_style: {
entity: 'verticalLabelPosition=bottom;sketch=0;html=1;fillColor=#282828;strokeColor=none;verticalAlign=top;pointerEvents=1;align=center;shape=mxgraph.cisco_safe.security_icons.icon31;',
},
_original_width: 50,
_original_height: 43,
}
Icon32
- Preview
- Usage
- Definition
import { Icon32 } from '@dinghy/diagrams/entitiesCiscoSafeSecurityIcons'
<Icon32/>
// or
import { extendStyle } from "@dinghy/base-components";
import { ICON32 } from '@dinghy/diagrams/entitiesCiscoSafeSecurityIcons'
<Shape
{...props}
_style={extendStyle(props, ICON32)}
/>
{
_style: {
entity: 'verticalLabelPosition=bottom;sketch=0;html=1;fillColor=#282828;strokeColor=none;verticalAlign=top;pointerEvents=1;align=center;shape=mxgraph.cisco_safe.security_icons.icon32;',
},
_width: 50,
_height: 34.5,
}
Icon33
- Preview
- Usage
- Definition
import { Icon33 } from '@dinghy/diagrams/entitiesCiscoSafeSecurityIcons'
<Icon33/>
// or
import { extendStyle } from "@dinghy/base-components";
import { ICON33 } from '@dinghy/diagrams/entitiesCiscoSafeSecurityIcons'
<Shape
{...props}
_style={extendStyle(props, ICON33)}
/>
{
_style: {
entity: 'verticalLabelPosition=bottom;sketch=0;html=1;fillColor=#282828;strokeColor=none;verticalAlign=top;pointerEvents=1;align=center;shape=mxgraph.cisco_safe.security_icons.icon33;',
},
_original_width: 49.5,
_original_height: 50,
}
Icon34
- Preview
- Usage
- Definition
import { Icon34 } from '@dinghy/diagrams/entitiesCiscoSafeSecurityIcons'
<Icon34/>
// or
import { extendStyle } from "@dinghy/base-components";
import { ICON34 } from '@dinghy/diagrams/entitiesCiscoSafeSecurityIcons'
<Shape
{...props}
_style={extendStyle(props, ICON34)}
/>
{
_style: {
entity: 'verticalLabelPosition=bottom;sketch=0;html=1;fillColor=#282828;strokeColor=none;verticalAlign=top;pointerEvents=1;align=center;shape=mxgraph.cisco_safe.security_icons.icon34;',
},
_original_width: 50,
_original_height: 45.5,
}
Icon35
- Preview
- Usage
- Definition
import { Icon35 } from '@dinghy/diagrams/entitiesCiscoSafeSecurityIcons'
<Icon35/>
// or
import { extendStyle } from "@dinghy/base-components";
import { ICON35 } from '@dinghy/diagrams/entitiesCiscoSafeSecurityIcons'
<Shape
{...props}
_style={extendStyle(props, ICON35)}
/>
{
_style: {
entity: 'verticalLabelPosition=bottom;sketch=0;html=1;fillColor=#282828;strokeColor=none;verticalAlign=top;pointerEvents=1;align=center;shape=mxgraph.cisco_safe.security_icons.icon35;',
},
_width: 50,
_height: 28.499999999999996,
}
Icon36
- Preview
- Usage
- Definition
import { Icon36 } from '@dinghy/diagrams/entitiesCiscoSafeSecurityIcons'
<Icon36/>
// or
import { extendStyle } from "@dinghy/base-components";
import { ICON36 } from '@dinghy/diagrams/entitiesCiscoSafeSecurityIcons'
<Shape
{...props}
_style={extendStyle(props, ICON36)}
/>
{
_style: {
entity: 'verticalLabelPosition=bottom;sketch=0;html=1;fillColor=#282828;strokeColor=none;verticalAlign=top;pointerEvents=1;align=center;shape=mxgraph.cisco_safe.security_icons.icon36;',
},
_original_width: 50,
_original_height: 49,
}
Icon37
- Preview
- Usage
- Definition
![]()
import { Icon37 } from '@dinghy/diagrams/entitiesCiscoSafeSecurityIcons'
<Icon37/>
// or
import { extendStyle } from "@dinghy/base-components";
import { ICON37 } from '@dinghy/diagrams/entitiesCiscoSafeSecurityIcons'
<Shape
{...props}
_style={extendStyle(props, ICON37)}
/>
{
_style: {
entity: 'verticalLabelPosition=bottom;sketch=0;html=1;fillColor=#282828;strokeColor=none;verticalAlign=top;pointerEvents=1;align=center;shape=mxgraph.cisco_safe.security_icons.icon37;',
},
_original_width: 40.5,
_original_height: 50,
}
Icon38
- Preview
- Usage
- Definition
import { Icon38 } from '@dinghy/diagrams/entitiesCiscoSafeSecurityIcons'
<Icon38/>
// or
import { extendStyle } from "@dinghy/base-components";
import { ICON38 } from '@dinghy/diagrams/entitiesCiscoSafeSecurityIcons'
<Shape
{...props}
_style={extendStyle(props, ICON38)}
/>
{
_style: {
entity: 'verticalLabelPosition=bottom;sketch=0;html=1;fillColor=#282828;strokeColor=none;verticalAlign=top;pointerEvents=1;align=center;shape=mxgraph.cisco_safe.security_icons.icon38;',
},
_original_width: 50,
_original_height: 50,
}
Icon39
- Preview
- Usage
- Definition
import { Icon39 } from '@dinghy/diagrams/entitiesCiscoSafeSecurityIcons'
<Icon39/>
// or
import { extendStyle } from "@dinghy/base-components";
import { ICON39 } from '@dinghy/diagrams/entitiesCiscoSafeSecurityIcons'
<Shape
{...props}
_style={extendStyle(props, ICON39)}
/>
{
_style: {
entity: 'verticalLabelPosition=bottom;sketch=0;html=1;fillColor=#282828;strokeColor=none;verticalAlign=top;pointerEvents=1;align=center;shape=mxgraph.cisco_safe.security_icons.icon39;',
},
_width: 36,
_height: 50,
}
Icon4
- Preview
- Usage
- Definition
import { Icon4 } from '@dinghy/diagrams/entitiesCiscoSafeSecurityIcons'
<Icon4/>
// or
import { extendStyle } from "@dinghy/base-components";
import { ICON4 } from '@dinghy/diagrams/entitiesCiscoSafeSecurityIcons'
<Shape
{...props}
_style={extendStyle(props, ICON4)}
/>
{
_style: {
entity: 'verticalLabelPosition=bottom;sketch=0;html=1;fillColor=#282828;strokeColor=none;verticalAlign=top;pointerEvents=1;align=center;shape=mxgraph.cisco_safe.security_icons.icon4;',
},
_original_width: 50,
_original_height: 42,
}
Icon40
- Preview
- Usage
- Definition
import { Icon40 } from '@dinghy/diagrams/entitiesCiscoSafeSecurityIcons'
<Icon40/>
// or
import { extendStyle } from "@dinghy/base-components";
import { ICON40 } from '@dinghy/diagrams/entitiesCiscoSafeSecurityIcons'
<Shape
{...props}
_style={extendStyle(props, ICON40)}
/>
{
_style: {
entity: 'verticalLabelPosition=bottom;sketch=0;html=1;fillColor=#282828;strokeColor=none;verticalAlign=top;pointerEvents=1;align=center;shape=mxgraph.cisco_safe.security_icons.icon40;',
},
_width: 50,
_height: 33,
}
Icon5
- Preview
- Usage
- Definition
import { Icon5 } from '@dinghy/diagrams/entitiesCiscoSafeSecurityIcons'
<Icon5/>
// or
import { extendStyle } from "@dinghy/base-components";
import { ICON5 } from '@dinghy/diagrams/entitiesCiscoSafeSecurityIcons'
<Shape
{...props}
_style={extendStyle(props, ICON5)}
/>
{
_style: {
entity: 'verticalLabelPosition=bottom;sketch=0;html=1;fillColor=#282828;strokeColor=none;verticalAlign=top;pointerEvents=1;align=center;shape=mxgraph.cisco_safe.security_icons.icon5;',
},
_original_width: 41,
_original_height: 50,
}
Icon6
- Preview
- Usage
- Definition
import { Icon6 } from '@dinghy/diagrams/entitiesCiscoSafeSecurityIcons'
<Icon6/>
// or
import { extendStyle } from "@dinghy/base-components";
import { ICON6 } from '@dinghy/diagrams/entitiesCiscoSafeSecurityIcons'
<Shape
{...props}
_style={extendStyle(props, ICON6)}
/>
{
_style: {
entity: 'verticalLabelPosition=bottom;sketch=0;html=1;fillColor=#282828;strokeColor=none;verticalAlign=top;pointerEvents=1;align=center;shape=mxgraph.cisco_safe.security_icons.icon6;',
},
_original_width: 47.5,
_original_height: 50,
}
Icon7
- Preview
- Usage
- Definition
import { Icon7 } from '@dinghy/diagrams/entitiesCiscoSafeSecurityIcons'
<Icon7/>
// or
import { extendStyle } from "@dinghy/base-components";
import { ICON7 } from '@dinghy/diagrams/entitiesCiscoSafeSecurityIcons'
<Shape
{...props}
_style={extendStyle(props, ICON7)}
/>
{
_style: {
entity: 'verticalLabelPosition=bottom;sketch=0;html=1;fillColor=#282828;strokeColor=none;verticalAlign=top;pointerEvents=1;align=center;shape=mxgraph.cisco_safe.security_icons.icon7;',
},
_original_width: 50,
_original_height: 50,
}
Icon8
- Preview
- Usage
- Definition
import { Icon8 } from '@dinghy/diagrams/entitiesCiscoSafeSecurityIcons'
<Icon8/>
// or
import { extendStyle } from "@dinghy/base-components";
import { ICON8 } from '@dinghy/diagrams/entitiesCiscoSafeSecurityIcons'
<Shape
{...props}
_style={extendStyle(props, ICON8)}
/>
{
_style: {
entity: 'verticalLabelPosition=bottom;sketch=0;html=1;fillColor=#282828;strokeColor=none;verticalAlign=top;pointerEvents=1;align=center;shape=mxgraph.cisco_safe.security_icons.icon8;',
},
_original_width: 42.5,
_original_height: 50,
}
Icon9
- Preview
- Usage
- Definition
import { Icon9 } from '@dinghy/diagrams/entitiesCiscoSafeSecurityIcons'
<Icon9/>
// or
import { extendStyle } from "@dinghy/base-components";
import { ICON9 } from '@dinghy/diagrams/entitiesCiscoSafeSecurityIcons'
<Shape
{...props}
_style={extendStyle(props, ICON9)}
/>
{
_style: {
entity: 'verticalLabelPosition=bottom;sketch=0;html=1;fillColor=#282828;strokeColor=none;verticalAlign=top;pointerEvents=1;align=center;shape=mxgraph.cisco_safe.security_icons.icon9;',
},
_width: 34,
_height: 50,
}
IDS
- Preview
- Usage
- Definition
import { Ids } from '@dinghy/diagrams/entitiesCiscoSafeSecurityIcons'
<Ids/>
// or
import { extendStyle } from "@dinghy/base-components";
import { IDS } from '@dinghy/diagrams/entitiesCiscoSafeSecurityIcons'
<Shape
{...props}
_style={extendStyle(props, IDS)}
/>
{
_style: {
entity: 'verticalLabelPosition=bottom;sketch=0;html=1;fillColor=#282828;strokeColor=none;verticalAlign=top;pointerEvents=1;align=center;shape=mxgraph.cisco_safe.security_icons.ids;',
},
_width: 46,
_height: 35.5,
}
Inspection / Forensics
- Preview
- Usage
- Definition
import { InspectionForensics } from '@dinghy/diagrams/entitiesCiscoSafeSecurityIcons'
<InspectionForensics/>
// or
import { extendStyle } from "@dinghy/base-components";
import { INSPECTION_FORENSICS } from '@dinghy/diagrams/entitiesCiscoSafeSecurityIcons'
<Shape
{...props}
_style={extendStyle(props, INSPECTION_FORENSICS)}
/>
{
_style: {
entity: 'verticalLabelPosition=bottom;sketch=0;html=1;fillColor=#282828;strokeColor=none;verticalAlign=top;pointerEvents=1;align=center;shape=mxgraph.cisco_safe.security_icons.inspection_forensics;',
},
_width: 50,
_height: 38.5,
}
ISE
- Preview
- Usage
- Definition
import { Ise } from '@dinghy/diagrams/entitiesCiscoSafeSecurityIcons'
<Ise/>
// or
import { extendStyle } from "@dinghy/base-components";
import { ISE } from '@dinghy/diagrams/entitiesCiscoSafeSecurityIcons'
<Shape
{...props}
_style={extendStyle(props, ISE)}
/>
{
_style: {
entity: 'verticalLabelPosition=bottom;sketch=0;html=1;fillColor=#282828;strokeColor=none;verticalAlign=top;pointerEvents=1;align=center;shape=mxgraph.cisco_safe.security_icons.ise;',
},
_width: 24.5,
_height: 34.5,
}
Log Management
- Preview
- Usage
- Definition
import { LogManagement } from '@dinghy/diagrams/entitiesCiscoSafeSecurityIcons'
<LogManagement/>
// or
import { extendStyle } from "@dinghy/base-components";
import { LOG_MANAGEMENT } from '@dinghy/diagrams/entitiesCiscoSafeSecurityIcons'
<Shape
{...props}
_style={extendStyle(props, LOG_MANAGEMENT)}
/>
{
_style: {
entity: 'verticalLabelPosition=bottom;sketch=0;html=1;fillColor=#282828;strokeColor=none;verticalAlign=top;pointerEvents=1;align=center;shape=mxgraph.cisco_safe.security_icons.log_management;',
},
_width: 30,
_height: 37.5,
}
Malware Sandbox
- Preview
- Usage
- Definition
import { MalwareSandbox } from '@dinghy/diagrams/entitiesCiscoSafeSecurityIcons'
<MalwareSandbox/>
// or
import { extendStyle } from "@dinghy/base-components";
import { MALWARE_SANDBOX } from '@dinghy/diagrams/entitiesCiscoSafeSecurityIcons'
<Shape
{...props}
_style={extendStyle(props, MALWARE_SANDBOX)}
/>
{
_style: {
entity: 'verticalLabelPosition=bottom;sketch=0;html=1;fillColor=#282828;strokeColor=none;verticalAlign=top;pointerEvents=1;align=center;shape=mxgraph.cisco_safe.security_icons.malware_sandbox;',
},
_width: 50,
_height: 31,
}
NAC
- Preview
- Usage
- Definition

import { Nac } from '@dinghy/diagrams/entitiesCiscoSafeSecurityIcons'
<Nac/>
// or
import { extendStyle } from "@dinghy/base-components";
import { NAC } from '@dinghy/diagrams/entitiesCiscoSafeSecurityIcons'
<Shape
{...props}
_style={extendStyle(props, NAC)}
/>
{
_style: {
entity: 'verticalLabelPosition=bottom;sketch=0;html=1;fillColor=#282828;strokeColor=none;verticalAlign=top;pointerEvents=1;align=center;shape=mxgraph.cisco_safe.security_icons.nac;',
},
_original_width: 50,
_original_height: 50,
}
NBA
- Preview
- Usage
- Definition
import { Nba } from '@dinghy/diagrams/entitiesCiscoSafeSecurityIcons'
<Nba/>
// or
import { extendStyle } from "@dinghy/base-components";
import { NBA } from '@dinghy/diagrams/entitiesCiscoSafeSecurityIcons'
<Shape
{...props}
_style={extendStyle(props, NBA)}
/>
{
_style: {
entity: 'verticalLabelPosition=bottom;sketch=0;html=1;fillColor=#282828;strokeColor=none;verticalAlign=top;pointerEvents=1;align=center;shape=mxgraph.cisco_safe.security_icons.nba;',
},
_width: 44.5,
_height: 33.5,
}
NGFW
- Preview
- Usage
- Definition
import { Ngfw } from '@dinghy/diagrams/entitiesCiscoSafeSecurityIcons'
<Ngfw/>
// or
import { extendStyle } from "@dinghy/base-components";
import { NGFW } from '@dinghy/diagrams/entitiesCiscoSafeSecurityIcons'
<Shape
{...props}
_style={extendStyle(props, NGFW)}
/>
{
_style: {
entity: 'verticalLabelPosition=bottom;sketch=0;html=1;fillColor=#282828;strokeColor=none;verticalAlign=top;pointerEvents=1;align=center;shape=mxgraph.cisco_safe.security_icons.ngfw;',
},
_original_width: 52.5,
_original_height: 46,
}
NGIPS
- Preview
- Usage
- Definition
import { Ngips } from '@dinghy/diagrams/entitiesCiscoSafeSecurityIcons'
<Ngips/>
// or
import { extendStyle } from "@dinghy/base-components";
import { NGIPS } from '@dinghy/diagrams/entitiesCiscoSafeSecurityIcons'
<Shape
{...props}
_style={extendStyle(props, NGIPS)}
/>
{
_style: {
entity: 'verticalLabelPosition=bottom;sketch=0;html=1;fillColor=#282828;strokeColor=none;verticalAlign=top;pointerEvents=1;align=center;shape=mxgraph.cisco_safe.security_icons.ngips;',
},
_width: 35.5,
_height: 42.5,
}
Patch Management
- Preview
- Usage
- Definition
import { PatchManagement } from '@dinghy/diagrams/entitiesCiscoSafeSecurityIcons'
<PatchManagement/>
// or
import { extendStyle } from "@dinghy/base-components";
import { PATCH_MANAGEMENT } from '@dinghy/diagrams/entitiesCiscoSafeSecurityIcons'
<Shape
{...props}
_style={extendStyle(props, PATCH_MANAGEMENT)}
/>
{
_style: {
entity: 'verticalLabelPosition=bottom;sketch=0;html=1;fillColor=#282828;strokeColor=none;verticalAlign=top;pointerEvents=1;align=center;shape=mxgraph.cisco_safe.security_icons.patch_management;',
},
_width: 50,
_height: 39,
}
Retrospective Security
- Preview
- Usage
- Definition
import { RetrospectiveSecurity } from '@dinghy/diagrams/entitiesCiscoSafeSecurityIcons'
<RetrospectiveSecurity/>
// or
import { extendStyle } from "@dinghy/base-components";
import { RETROSPECTIVE_SECURITY } from '@dinghy/diagrams/entitiesCiscoSafeSecurityIcons'
<Shape
{...props}
_style={extendStyle(props, RETROSPECTIVE_SECURITY)}
/>
{
_style: {
entity: 'verticalLabelPosition=bottom;sketch=0;html=1;fillColor=#282828;strokeColor=none;verticalAlign=top;pointerEvents=1;align=center;shape=mxgraph.cisco_safe.security_icons.retrospective_security;',
},
_original_width: 50,
_original_height: 48,
}
Services
- Preview
- Usage
- Definition
import { Services } from '@dinghy/diagrams/entitiesCiscoSafeSecurityIcons'
<Services/>
// or
import { extendStyle } from "@dinghy/base-components";
import { SERVICES } from '@dinghy/diagrams/entitiesCiscoSafeSecurityIcons'
<Shape
{...props}
_style={extendStyle(props, SERVICES)}
/>
{
_style: {
entity: 'verticalLabelPosition=bottom;sketch=0;html=1;fillColor=#282828;strokeColor=none;verticalAlign=top;pointerEvents=1;align=center;shape=mxgraph.cisco_safe.security_icons.services;',
},
_original_width: 50,
_original_height: 46,
}
SIEM
- Preview
- Usage
- Definition
import { Siem } from '@dinghy/diagrams/entitiesCiscoSafeSecurityIcons'
<Siem/>
// or
import { extendStyle } from "@dinghy/base-components";
import { SIEM } from '@dinghy/diagrams/entitiesCiscoSafeSecurityIcons'
<Shape
{...props}
_style={extendStyle(props, SIEM)}
/>
{
_style: {
entity: 'verticalLabelPosition=bottom;sketch=0;html=1;fillColor=#282828;strokeColor=none;verticalAlign=top;pointerEvents=1;align=center;shape=mxgraph.cisco_safe.security_icons.siem;',
},
_original_width: 50,
_original_height: 40.5,
}
Talos
- Preview
- Usage
- Definition
import { Talos } from '@dinghy/diagrams/entitiesCiscoSafeSecurityIcons'
<Talos/>
// or
import { extendStyle } from "@dinghy/base-components";
import { TALOS } from '@dinghy/diagrams/entitiesCiscoSafeSecurityIcons'
<Shape
{...props}
_style={extendStyle(props, TALOS)}
/>
{
_style: {
entity: 'verticalLabelPosition=bottom;sketch=0;html=1;fillColor=#282828;strokeColor=none;verticalAlign=top;pointerEvents=1;align=center;shape=mxgraph.cisco_safe.security_icons.talos;',
},
_width: 93,
_height: 21.5,
}
Trustsec
- Preview
- Usage
- Definition
import { Trustsec } from '@dinghy/diagrams/entitiesCiscoSafeSecurityIcons'
<Trustsec/>
// or
import { extendStyle } from "@dinghy/base-components";
import { TRUSTSEC } from '@dinghy/diagrams/entitiesCiscoSafeSecurityIcons'
<Shape
{...props}
_style={extendStyle(props, TRUSTSEC)}
/>
{
_style: {
entity: 'verticalLabelPosition=bottom;sketch=0;html=1;fillColor=#282828;strokeColor=none;verticalAlign=top;pointerEvents=1;align=center;shape=mxgraph.cisco_safe.security_icons.trustsec;',
},
_original_width: 41.5,
_original_height: 50,
}
UTM
- Preview
- Usage
- Definition
import { Utm } from '@dinghy/diagrams/entitiesCiscoSafeSecurityIcons'
<Utm/>
// or
import { extendStyle } from "@dinghy/base-components";
import { UTM } from '@dinghy/diagrams/entitiesCiscoSafeSecurityIcons'
<Shape
{...props}
_style={extendStyle(props, UTM)}
/>
{
_style: {
entity: 'verticalLabelPosition=bottom;sketch=0;html=1;fillColor=#282828;strokeColor=none;verticalAlign=top;pointerEvents=1;align=center;shape=mxgraph.cisco_safe.security_icons.utm;',
},
_width: 52,
_height: 11.5,
}
Virtual
- Preview
- Usage
- Definition
import { Virtual } from '@dinghy/diagrams/entitiesCiscoSafeSecurityIcons'
<Virtual/>
// or
import { extendStyle } from "@dinghy/base-components";
import { VIRTUAL } from '@dinghy/diagrams/entitiesCiscoSafeSecurityIcons'
<Shape
{...props}
_style={extendStyle(props, VIRTUAL)}
/>
{
_style: {
entity: 'verticalLabelPosition=bottom;sketch=0;html=1;fillColor=#282828;strokeColor=none;verticalAlign=top;pointerEvents=1;align=center;shape=mxgraph.cisco_safe.security_icons.virtual;',
},
_original_width: 50,
_original_height: 50,
}
Virtual Deployment
- Preview
- Usage
- Definition
import { VirtualDeployment } from '@dinghy/diagrams/entitiesCiscoSafeSecurityIcons'
<VirtualDeployment/>
// or
import { extendStyle } from "@dinghy/base-components";
import { VIRTUAL_DEPLOYMENT } from '@dinghy/diagrams/entitiesCiscoSafeSecurityIcons'
<Shape
{...props}
_style={extendStyle(props, VIRTUAL_DEPLOYMENT)}
/>
{
_style: {
entity: 'verticalLabelPosition=bottom;sketch=0;html=1;fillColor=#282828;strokeColor=none;verticalAlign=top;pointerEvents=1;align=center;shape=mxgraph.cisco_safe.security_icons.virtual_deployment;',
},
_original_width: 50,
_original_height: 44.5,
}
VPN
- Preview
- Usage
- Definition

import { Vpn } from '@dinghy/diagrams/entitiesCiscoSafeSecurityIcons'
<Vpn/>
// or
import { extendStyle } from "@dinghy/base-components";
import { VPN } from '@dinghy/diagrams/entitiesCiscoSafeSecurityIcons'
<Shape
{...props}
_style={extendStyle(props, VPN)}
/>
{
_style: {
entity: 'verticalLabelPosition=bottom;sketch=0;html=1;fillColor=#282828;strokeColor=none;verticalAlign=top;pointerEvents=1;align=center;shape=mxgraph.cisco_safe.security_icons.vpn;',
},
_original_width: 43,
_original_height: 50,
}
Vulnerability Management
- Preview
- Usage
- Definition

import { VulnerabilityManagement } from '@dinghy/diagrams/entitiesCiscoSafeSecurityIcons'
<VulnerabilityManagement/>
// or
import { extendStyle } from "@dinghy/base-components";
import { VULNERABILITY_MANAGEMENT } from '@dinghy/diagrams/entitiesCiscoSafeSecurityIcons'
<Shape
{...props}
_style={extendStyle(props, VULNERABILITY_MANAGEMENT)}
/>
{
_style: {
entity: 'verticalLabelPosition=bottom;sketch=0;html=1;fillColor=#282828;strokeColor=none;verticalAlign=top;pointerEvents=1;align=center;shape=mxgraph.cisco_safe.security_icons.vulnerability_management;',
},
_original_width: 50,
_original_height: 50,
}
WAF
- Preview
- Usage
- Definition
import { Waf } from '@dinghy/diagrams/entitiesCiscoSafeSecurityIcons'
<Waf/>
// or
import { extendStyle } from "@dinghy/base-components";
import { WAF } from '@dinghy/diagrams/entitiesCiscoSafeSecurityIcons'
<Shape
{...props}
_style={extendStyle(props, WAF)}
/>
{
_style: {
entity: 'verticalLabelPosition=bottom;sketch=0;html=1;fillColor=#282828;strokeColor=none;verticalAlign=top;pointerEvents=1;align=center;shape=mxgraph.cisco_safe.security_icons.waf;',
},
_original_width: 40,
_original_height: 50,
}
Web
- Preview
- Usage
- Definition

import { Web } from '@dinghy/diagrams/entitiesCiscoSafeSecurityIcons'
<Web/>
// or
import { extendStyle } from "@dinghy/base-components";
import { WEB } from '@dinghy/diagrams/entitiesCiscoSafeSecurityIcons'
<Shape
{...props}
_style={extendStyle(props, WEB)}
/>
{
_style: {
entity: 'verticalLabelPosition=bottom;sketch=0;html=1;fillColor=#282828;strokeColor=none;verticalAlign=top;pointerEvents=1;align=center;shape=mxgraph.cisco_safe.security_icons.web;',
},
_original_width: 50,
_original_height: 50,
}