Signs Safety Entities
Biohazard
- Preview
- Usage
- Definition

import { Biohazard } from '@dinghy/diagrams/entitiesSignsSafety'
<Biohazard/>
// or
import { extendStyle } from "@dinghy/base-components";
import { BIOHAZARD } from '@dinghy/diagrams/entitiesSignsSafety'
<Shape
{...props}
_style={extendStyle(props, BIOHAZARD)}
/>
{
_style: {
entity: 'shape=mxgraph.signs.safety.biohazard;html=1;pointerEvents=1;fillColor=#000000;strokeColor=none;verticalLabelPosition=bottom;verticalAlign=top;align=center;sketch=0;',
},
_width: 106,
_height: 97,
}
Caution
- Preview
- Usage
- Definition
import { Caution } from '@dinghy/diagrams/entitiesSignsSafety'
<Caution/>
// or
import { extendStyle } from "@dinghy/base-components";
import { CAUTION } from '@dinghy/diagrams/entitiesSignsSafety'
<Shape
{...props}
_style={extendStyle(props, CAUTION)}
/>
{
_style: {
entity: 'shape=mxgraph.signs.safety.caution;html=1;pointerEvents=1;fillColor=#000000;strokeColor=none;verticalLabelPosition=bottom;verticalAlign=top;align=center;sketch=0;',
},
_original_width: 99,
_original_height: 99,
}
Chemical Weapon
- Preview
- Usage
- Definition

import { ChemicalWeapon } from '@dinghy/diagrams/entitiesSignsSafety'
<ChemicalWeapon/>
// or
import { extendStyle } from "@dinghy/base-components";
import { CHEMICAL_WEAPON } from '@dinghy/diagrams/entitiesSignsSafety'
<Shape
{...props}
_style={extendStyle(props, CHEMICAL_WEAPON)}
/>
{
_style: {
entity: 'shape=mxgraph.signs.safety.chemical_weapon;html=1;pointerEvents=1;fillColor=#000000;strokeColor=none;verticalLabelPosition=bottom;verticalAlign=top;align=center;sketch=0;',
},
_original_width: 99,
_original_height: 98,
}
Falling Rocks
- Preview
- Usage
- Definition
import { FallingRocks } from '@dinghy/diagrams/entitiesSignsSafety'
<FallingRocks/>
// or
import { extendStyle } from "@dinghy/base-components";
import { FALLING_ROCKS } from '@dinghy/diagrams/entitiesSignsSafety'
<Shape
{...props}
_style={extendStyle(props, FALLING_ROCKS)}
/>
{
_style: {
entity: 'shape=mxgraph.signs.safety.falling_rocks;html=1;pointerEvents=1;fillColor=#000000;strokeColor=none;verticalLabelPosition=bottom;verticalAlign=top;align=center;sketch=0;',
},
_original_width: 98,
_original_height: 99,
}
Fallout Shelter
- Preview
- Usage
- Definition
import { FalloutShelter } from '@dinghy/diagrams/entitiesSignsSafety'
<FalloutShelter/>
// or
import { extendStyle } from "@dinghy/base-components";
import { FALLOUT_SHELTER } from '@dinghy/diagrams/entitiesSignsSafety'
<Shape
{...props}
_style={extendStyle(props, FALLOUT_SHELTER)}
/>
{
_style: {
entity: 'shape=mxgraph.signs.safety.fallout_shelter;html=1;pointerEvents=1;fillColor=#000000;strokeColor=none;verticalLabelPosition=bottom;verticalAlign=top;align=center;sketch=0;',
},
_original_width: 99,
_original_height: 99,
}
Fragile
- Preview
- Usage
- Definition
import { Fragile } from '@dinghy/diagrams/entitiesSignsSafety'
<Fragile/>
// or
import { extendStyle } from "@dinghy/base-components";
import { FRAGILE } from '@dinghy/diagrams/entitiesSignsSafety'
<Shape
{...props}
_style={extendStyle(props, FRAGILE)}
/>
{
_style: {
entity: 'shape=mxgraph.signs.safety.fragile;html=1;pointerEvents=1;fillColor=#000000;strokeColor=none;verticalLabelPosition=bottom;verticalAlign=top;align=center;sketch=0;',
},
_width: 73,
_height: 99,
}
Handle With Care
- Preview
- Usage
- Definition
import { HandleWithCare } from '@dinghy/diagrams/entitiesSignsSafety'
<HandleWithCare/>
// or
import { extendStyle } from "@dinghy/base-components";
import { HANDLE_WITH_CARE } from '@dinghy/diagrams/entitiesSignsSafety'
<Shape
{...props}
_style={extendStyle(props, HANDLE_WITH_CARE)}
/>
{
_style: {
entity: 'shape=mxgraph.signs.safety.handle_with_care;html=1;pointerEvents=1;fillColor=#000000;strokeColor=none;verticalLabelPosition=bottom;verticalAlign=top;align=center;sketch=0;',
},
_original_width: 91,
_original_height: 99,
}
High Voltage 1
- Preview
- Usage
- Definition
import { HighVoltage1 } from '@dinghy/diagrams/entitiesSignsSafety'
<HighVoltage1/>
// or
import { extendStyle } from "@dinghy/base-components";
import { HIGH_VOLTAGE_1 } from '@dinghy/diagrams/entitiesSignsSafety'
<Shape
{...props}
_style={extendStyle(props, HIGH_VOLTAGE_1)}
/>
{
_style: {
entity: 'shape=mxgraph.signs.safety.high_voltage_1;html=1;pointerEvents=1;fillColor=#000000;strokeColor=none;verticalLabelPosition=bottom;verticalAlign=top;align=center;sketch=0;',
},
_width: 49,
_height: 98,
}
High Voltage 2
- Preview
- Usage
- Definition
import { HighVoltage2 } from '@dinghy/diagrams/entitiesSignsSafety'
<HighVoltage2/>
// or
import { extendStyle } from "@dinghy/base-components";
import { HIGH_VOLTAGE_2 } from '@dinghy/diagrams/entitiesSignsSafety'
<Shape
{...props}
_style={extendStyle(props, HIGH_VOLTAGE_2)}
/>
{
_style: {
entity: 'shape=mxgraph.signs.safety.high_voltage_2;html=1;pointerEvents=1;fillColor=#000000;strokeColor=none;verticalLabelPosition=bottom;verticalAlign=top;align=center;sketch=0;',
},
_width: 40,
_height: 99,
}
High Voltage 3
- Preview
- Usage
- Definition
import { HighVoltage3 } from '@dinghy/diagrams/entitiesSignsSafety'
<HighVoltage3/>
// or
import { extendStyle } from "@dinghy/base-components";
import { HIGH_VOLTAGE_3 } from '@dinghy/diagrams/entitiesSignsSafety'
<Shape
{...props}
_style={extendStyle(props, HIGH_VOLTAGE_3)}
/>
{
_style: {
entity: 'shape=mxgraph.signs.safety.high_voltage_3;html=1;pointerEvents=1;fillColor=#000000;strokeColor=none;verticalLabelPosition=bottom;verticalAlign=top;align=center;sketch=0;',
},
_original_width: 99,
_original_height: 88,
}
Keep Dry
- Preview
- Usage
- Definition
import { KeepDry } from '@dinghy/diagrams/entitiesSignsSafety'
<KeepDry/>
// or
import { extendStyle } from "@dinghy/base-components";
import { KEEP_DRY } from '@dinghy/diagrams/entitiesSignsSafety'
<Shape
{...props}
_style={extendStyle(props, KEEP_DRY)}
/>
{
_style: {
entity: 'shape=mxgraph.signs.safety.keep_dry;html=1;pointerEvents=1;fillColor=#000000;strokeColor=none;verticalLabelPosition=bottom;verticalAlign=top;align=center;sketch=0;',
},
_original_width: 83,
_original_height: 99,
}
No
- Preview
- Usage
- Definition
import { No } from '@dinghy/diagrams/entitiesSignsSafety'
<No/>
// or
import { extendStyle } from "@dinghy/base-components";
import { NO } from '@dinghy/diagrams/entitiesSignsSafety'
<Shape
{...props}
_style={extendStyle(props, NO)}
/>
{
_style: {
entity: 'shape=mxgraph.signs.safety.no;html=1;pointerEvents=1;fillColor=#000000;strokeColor=none;verticalLabelPosition=bottom;verticalAlign=top;align=center;sketch=0;',
},
_original_width: 99,
_original_height: 99,
}
No Entry
- Preview
- Usage
- Definition
import { NoEntry } from '@dinghy/diagrams/entitiesSignsSafety'
<NoEntry/>
// or
import { extendStyle } from "@dinghy/base-components";
import { NO_ENTRY } from '@dinghy/diagrams/entitiesSignsSafety'
<Shape
{...props}
_style={extendStyle(props, NO_ENTRY)}
/>
{
_style: {
entity: 'shape=mxgraph.signs.safety.no_entry;html=1;pointerEvents=1;fillColor=#000000;strokeColor=none;verticalLabelPosition=bottom;verticalAlign=top;align=center;sketch=0;',
},
_original_width: 99,
_original_height: 99,
}
No Smoking
- Preview
- Usage
- Definition
import { NoSmoking } from '@dinghy/diagrams/entitiesSignsSafety'
<NoSmoking/>
// or
import { extendStyle } from "@dinghy/base-components";
import { NO_SMOKING } from '@dinghy/diagrams/entitiesSignsSafety'
<Shape
{...props}
_style={extendStyle(props, NO_SMOKING)}
/>
{
_style: {
entity: 'shape=mxgraph.signs.safety.no_smoking;html=1;pointerEvents=1;fillColor=#000000;strokeColor=none;verticalLabelPosition=bottom;verticalAlign=top;align=center;sketch=0;',
},
_original_width: 99,
_original_height: 98,
}
Non-Ionizing Radiation
- Preview
- Usage
- Definition
import { NonIonizingRadiation } from '@dinghy/diagrams/entitiesSignsSafety'
<NonIonizingRadiation/>
// or
import { extendStyle } from "@dinghy/base-components";
import { NON_IONIZING_RADIATION } from '@dinghy/diagrams/entitiesSignsSafety'
<Shape
{...props}
_style={extendStyle(props, NON_IONIZING_RADIATION)}
/>
{
_style: {
entity: 'shape=mxgraph.signs.safety.non-ionizing_radiation;html=1;pointerEvents=1;fillColor=#000000;strokeColor=none;verticalLabelPosition=bottom;verticalAlign=top;align=center;sketch=0;',
},
_original_width: 98,
_original_height: 83,
}
Pedestrian Crossing
- Preview
- Usage
- Definition
import { PedestrianCrossing } from '@dinghy/diagrams/entitiesSignsSafety'
<PedestrianCrossing/>
// or
import { extendStyle } from "@dinghy/base-components";
import { PEDESTRIAN_CROSSING } from '@dinghy/diagrams/entitiesSignsSafety'
<Shape
{...props}
_style={extendStyle(props, PEDESTRIAN_CROSSING)}
/>
{
_style: {
entity: 'shape=mxgraph.signs.safety.pedestrian_crossing;html=1;pointerEvents=1;fillColor=#000000;strokeColor=none;verticalLabelPosition=bottom;verticalAlign=top;align=center;sketch=0;',
},
_original_width: 98,
_original_height: 98,
}
Radiation
- Preview
- Usage
- Definition
import { Radiation } from '@dinghy/diagrams/entitiesSignsSafety'
<Radiation/>
// or
import { extendStyle } from "@dinghy/base-components";
import { RADIATION } from '@dinghy/diagrams/entitiesSignsSafety'
<Shape
{...props}
_style={extendStyle(props, RADIATION)}
/>
{
_style: {
entity: 'shape=mxgraph.signs.safety.radiation;html=1;pointerEvents=1;fillColor=#000000;strokeColor=none;verticalLabelPosition=bottom;verticalAlign=top;align=center;sketch=0;',
},
_width: 102,
_height: 94,
}
Slip Hazard
- Preview
- Usage
- Definition
import { SlipHazard } from '@dinghy/diagrams/entitiesSignsSafety'
<SlipHazard/>
// or
import { extendStyle } from "@dinghy/base-components";
import { SLIP_HAZARD } from '@dinghy/diagrams/entitiesSignsSafety'
<Shape
{...props}
_style={extendStyle(props, SLIP_HAZARD)}
/>
{
_style: {
entity: 'shape=mxgraph.signs.safety.slip_hazard;html=1;pointerEvents=1;fillColor=#000000;strokeColor=none;verticalLabelPosition=bottom;verticalAlign=top;align=center;sketch=0;',
},
_width: 78,
_height: 100,
}
Store Right Up 1
- Preview
- Usage
- Definition
import { StoreRightUp1 } from '@dinghy/diagrams/entitiesSignsSafety'
<StoreRightUp1/>
// or
import { extendStyle } from "@dinghy/base-components";
import { STORE_RIGHT_UP_1 } from '@dinghy/diagrams/entitiesSignsSafety'
<Shape
{...props}
_style={extendStyle(props, STORE_RIGHT_UP_1)}
/>
{
_style: {
entity: 'shape=mxgraph.signs.safety.store_right_up_1;html=1;pointerEvents=1;fillColor=#000000;strokeColor=none;verticalLabelPosition=bottom;verticalAlign=top;align=center;sketch=0;',
},
_width: 70,
_height: 99,
}
Store Right Up 2
- Preview
- Usage
- Definition
import { StoreRightUp2 } from '@dinghy/diagrams/entitiesSignsSafety'
<StoreRightUp2/>
// or
import { extendStyle } from "@dinghy/base-components";
import { STORE_RIGHT_UP_2 } from '@dinghy/diagrams/entitiesSignsSafety'
<Shape
{...props}
_style={extendStyle(props, STORE_RIGHT_UP_2)}
/>
{
_style: {
entity: 'shape=mxgraph.signs.safety.store_right_up_2;html=1;pointerEvents=1;fillColor=#000000;strokeColor=none;verticalLabelPosition=bottom;verticalAlign=top;align=center;sketch=0;',
},
_original_width: 98,
_original_height: 98,
}