iOS iOS7 Icons Entities

Add

Preview
Usage
Definition

import { Add } from '@dinghy/diagrams/entitiesIos7Icons'

<Add/>

// or

import { extendStyle } from "@dinghy/base-components";
import { ADD } from '@dinghy/diagrams/entitiesIos7Icons'

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

{
  _style: {
    entity: 'html=1;verticalLabelPosition=bottom;align=center;labelBackgroundColor=#ffffff;verticalAlign=top;strokeWidth=2;strokeColor=#0080F0;shadow=0;dashed=0;shape=mxgraph.ios7.icons.add;',
  },
  _original_width: 30,
  _original_height: 30,

}

Alarm Clock

Preview
Usage
Definition

import { AlarmClock } from '@dinghy/diagrams/entitiesIos7Icons'

<AlarmClock/>

// or

import { extendStyle } from "@dinghy/base-components";
import { ALARM_CLOCK } from '@dinghy/diagrams/entitiesIos7Icons'

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

{
  _style: {
    entity: 'html=1;verticalLabelPosition=bottom;align=center;labelBackgroundColor=#ffffff;verticalAlign=top;strokeWidth=2;strokeColor=#0080F0;shadow=0;dashed=0;shape=mxgraph.ios7.icons.alarm_clock;',
  },
  _width: 27,
  _height: 30,
}

Back

Preview
Usage
Definition

import { Back } from '@dinghy/diagrams/entitiesIos7Icons'

<Back/>

// or

import { extendStyle } from "@dinghy/base-components";
import { BACK } from '@dinghy/diagrams/entitiesIos7Icons'

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

{
  _style: {
    entity: 'html=1;verticalLabelPosition=bottom;align=center;labelBackgroundColor=#ffffff;verticalAlign=top;strokeWidth=2;strokeColor=#0080F0;shadow=0;dashed=0;shape=mxgraph.ios7.icons.back;',
  },
  _width: 30,
  _height: 25.5,
}

Backward

Preview
Usage
Definition

import { Backward } from '@dinghy/diagrams/entitiesIos7Icons'

<Backward/>

// or

import { extendStyle } from "@dinghy/base-components";
import { BACKWARD } from '@dinghy/diagrams/entitiesIos7Icons'

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

{
  _style: {
    entity: 'html=1;verticalLabelPosition=bottom;align=center;labelBackgroundColor=#ffffff;verticalAlign=top;strokeWidth=2;strokeColor=#0080F0;shadow=0;dashed=0;shape=mxgraph.ios7.icons.backward;',
  },
  _width: 30,
  _height: 16.8,
}

Bag

Preview
Usage
Definition

import { Bag } from '@dinghy/diagrams/entitiesIos7Icons'

<Bag/>

// or

import { extendStyle } from "@dinghy/base-components";
import { BAG } from '@dinghy/diagrams/entitiesIos7Icons'

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

{
  _style: {
    entity: 'html=1;verticalLabelPosition=bottom;align=center;labelBackgroundColor=#ffffff;verticalAlign=top;strokeWidth=2;strokeColor=#0080F0;shadow=0;dashed=0;shape=mxgraph.ios7.icons.bag;',
  },
  _original_width: 21,
  _original_height: 21,

}

Basket Cancel

Preview
Usage
Definition

import { BasketCancel } from '@dinghy/diagrams/entitiesIos7Icons'

<BasketCancel/>

// or

import { extendStyle } from "@dinghy/base-components";
import { BASKET_CANCEL } from '@dinghy/diagrams/entitiesIos7Icons'

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

{
  _style: {
    entity: 'html=1;verticalLabelPosition=bottom;align=center;labelBackgroundColor=#ffffff;verticalAlign=top;strokeWidth=2;strokeColor=#0080F0;shadow=0;dashed=0;shape=mxgraph.ios7.icons.basket_cancel;',
  },
  _width: 30,
  _height: 12,
}

Basketball

Preview
Usage
Definition

import { Basketball } from '@dinghy/diagrams/entitiesIos7Icons'

<Basketball/>

// or

import { extendStyle } from "@dinghy/base-components";
import { BASKETBALL } from '@dinghy/diagrams/entitiesIos7Icons'

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

{
  _style: {
    entity: 'html=1;verticalLabelPosition=bottom;align=center;labelBackgroundColor=#ffffff;verticalAlign=top;strokeWidth=2;strokeColor=#0080F0;shadow=0;dashed=0;shape=mxgraph.ios7.icons.basketball;',
  },
  _original_width: 30,
  _original_height: 30,

}

Battery

Preview
Usage
Definition

import { Battery } from '@dinghy/diagrams/entitiesIos7Icons'

<Battery/>

// or

import { extendStyle } from "@dinghy/base-components";
import { BATTERY } from '@dinghy/diagrams/entitiesIos7Icons'

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

{
  _style: {
    entity: 'html=1;verticalLabelPosition=bottom;align=center;labelBackgroundColor=#ffffff;verticalAlign=top;strokeWidth=2;strokeColor=#0080F0;shadow=0;dashed=0;shape=mxgraph.ios7.icons.battery;',
  },
  _width: 30,
  _height: 12,
}

Bell

Preview
Usage
Definition

import { Bell } from '@dinghy/diagrams/entitiesIos7Icons'

<Bell/>

// or

import { extendStyle } from "@dinghy/base-components";
import { BELL } from '@dinghy/diagrams/entitiesIos7Icons'

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

{
  _style: {
    entity: 'html=1;verticalLabelPosition=bottom;align=center;labelBackgroundColor=#ffffff;verticalAlign=top;strokeWidth=2;strokeColor=#0080F0;shadow=0;dashed=0;shape=mxgraph.ios7.icons.bell;',
  },
  _width: 24,
  _height: 23.099999999999998,
}

Bluetooth

Preview
Usage
Definition

import { Bluetooth } from '@dinghy/diagrams/entitiesIos7Icons'

<Bluetooth/>

// or

import { extendStyle } from "@dinghy/base-components";
import { BLUETOOTH } from '@dinghy/diagrams/entitiesIos7Icons'

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

{
  _style: {
    entity: 'html=1;verticalLabelPosition=bottom;align=center;labelBackgroundColor=#ffffff;verticalAlign=top;strokeWidth=2;strokeColor=#0080F0;shadow=0;dashed=0;shape=mxgraph.ios7.icons.bluetooth;pointerEvents=1',
  },
  _width: 15,
  _height: 28.799999999999997,
}

Book

Preview
Usage
Definition

import { Book } from '@dinghy/diagrams/entitiesIos7Icons'

<Book/>

// or

import { extendStyle } from "@dinghy/base-components";
import { BOOK } from '@dinghy/diagrams/entitiesIos7Icons'

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

{
  _style: {
    entity: 'html=1;verticalLabelPosition=bottom;align=center;labelBackgroundColor=#ffffff;verticalAlign=top;strokeWidth=2;strokeColor=#0080F0;shadow=0;dashed=0;shape=mxgraph.ios7.icons.book;',
  },
  _width: 30,
  _height: 25.5,
}

Bookmark

Preview
Usage
Definition

import { Bookmark } from '@dinghy/diagrams/entitiesIos7Icons'

<Bookmark/>

// or

import { extendStyle } from "@dinghy/base-components";
import { BOOKMARK } from '@dinghy/diagrams/entitiesIos7Icons'

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

{
  _style: {
    entity: 'html=1;verticalLabelPosition=bottom;align=center;labelBackgroundColor=#ffffff;verticalAlign=top;strokeWidth=2;strokeColor=#0080F0;shadow=0;dashed=0;shape=mxgraph.ios7.icons.bookmark;',
  },
  _width: 18,
  _height: 24,
}

Box

Preview
Usage
Definition

import { Box } from '@dinghy/diagrams/entitiesIos7Icons'

<Box/>

// or

import { extendStyle } from "@dinghy/base-components";
import { BOX } from '@dinghy/diagrams/entitiesIos7Icons'

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

{
  _style: {
    entity: 'html=1;verticalLabelPosition=bottom;align=center;labelBackgroundColor=#ffffff;verticalAlign=top;strokeWidth=2;strokeColor=#0080F0;shadow=0;dashed=0;shape=mxgraph.ios7.icons.box;',
  },
  _original_width: 30,
  _original_height: 30,

}

Briefcase

Preview
Usage
Definition

import { Briefcase } from '@dinghy/diagrams/entitiesIos7Icons'

<Briefcase/>

// or

import { extendStyle } from "@dinghy/base-components";
import { BRIEFCASE } from '@dinghy/diagrams/entitiesIos7Icons'

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

{
  _style: {
    entity: 'html=1;verticalLabelPosition=bottom;align=center;labelBackgroundColor=#ffffff;verticalAlign=top;strokeWidth=2;strokeColor=#0080F0;shadow=0;dashed=0;shape=mxgraph.ios7.icons.briefcase;',
  },
  _width: 30,
  _height: 20.099999999999998,
}

Calculator

Preview
Usage
Definition

import { Calculator } from '@dinghy/diagrams/entitiesIos7Icons'

<Calculator/>

// or

import { extendStyle } from "@dinghy/base-components";
import { CALCULATOR } from '@dinghy/diagrams/entitiesIos7Icons'

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

{
  _style: {
    entity: 'html=1;verticalLabelPosition=bottom;align=center;labelBackgroundColor=#ffffff;verticalAlign=top;strokeWidth=2;strokeColor=#0080F0;shadow=0;dashed=0;shape=mxgraph.ios7.icons.calculator;',
  },
  _width: 24,
  _height: 30,
}

Calendar

Preview
Usage
Definition

import { Calendar } from '@dinghy/diagrams/entitiesIos7Icons'

<Calendar/>

// or

import { extendStyle } from "@dinghy/base-components";
import { CALENDAR } from '@dinghy/diagrams/entitiesIos7Icons'

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

{
  _style: {
    entity: 'html=1;verticalLabelPosition=bottom;align=center;labelBackgroundColor=#ffffff;verticalAlign=top;strokeWidth=2;strokeColor=#0080F0;shadow=0;dashed=0;shape=mxgraph.ios7.icons.calendar;',
  },
  _original_width: 30,
  _original_height: 30,

}

Camera

Preview
Usage
Definition

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

<Camera/>

// or

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

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

{
  _style: {
    entity: 'html=1;verticalLabelPosition=bottom;align=center;labelBackgroundColor=#ffffff;verticalAlign=top;strokeWidth=2;strokeColor=#0080F0;shadow=0;dashed=0;shape=mxgraph.ios7.icons.camera;',
  },
  _width: 30,
  _height: 17.4,
}

Chat

Preview
Usage
Definition

import { Chat } from '@dinghy/diagrams/entitiesIos7Icons'

<Chat/>

// or

import { extendStyle } from "@dinghy/base-components";
import { CHAT } from '@dinghy/diagrams/entitiesIos7Icons'

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

{
  _style: {
    entity: 'html=1;verticalLabelPosition=bottom;align=center;labelBackgroundColor=#ffffff;verticalAlign=top;strokeWidth=2;strokeColor=#0080F0;shadow=0;dashed=0;shape=mxgraph.ios7.icons.chat;',
  },
  _width: 30,
  _height: 18,
}

Clock

Preview
Usage
Definition

import { Clock } from '@dinghy/diagrams/entitiesIos7Icons'

<Clock/>

// or

import { extendStyle } from "@dinghy/base-components";
import { CLOCK } from '@dinghy/diagrams/entitiesIos7Icons'

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

{
  _style: {
    entity: 'html=1;verticalLabelPosition=bottom;align=center;labelBackgroundColor=#ffffff;verticalAlign=top;strokeWidth=2;strokeColor=#0080F0;shadow=0;dashed=0;shape=mxgraph.ios7.icons.clock;',
  },
  _original_width: 30,
  _original_height: 30,

}

Cloud

Preview
Usage
Definition

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

<Cloud/>

// or

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

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

{
  _style: {
    entity: 'html=1;verticalLabelPosition=bottom;align=center;labelBackgroundColor=#ffffff;verticalAlign=top;strokeWidth=2;strokeColor=#0080F0;shadow=0;dashed=0;shape=mxgraph.ios7.icons.cloud;',
  },
  _original_width: 30,
  _original_height: 30,

}

Compose

Preview
Usage
Definition

import { Compose } from '@dinghy/diagrams/entitiesIos7Icons'

<Compose/>

// or

import { extendStyle } from "@dinghy/base-components";
import { COMPOSE } from '@dinghy/diagrams/entitiesIos7Icons'

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

{
  _style: {
    entity: 'html=1;verticalLabelPosition=bottom;align=center;labelBackgroundColor=#ffffff;verticalAlign=top;strokeWidth=2;strokeColor=#0080F0;shadow=0;dashed=0;shape=mxgraph.ios7.icons.compose;',
  },
  _original_width: 29.099999999999998,
  _original_height: 29.099999999999998,

}

Controls

Preview
Usage
Definition

import { Controls } from '@dinghy/diagrams/entitiesIos7Icons'

<Controls/>

// or

import { extendStyle } from "@dinghy/base-components";
import { CONTROLS } from '@dinghy/diagrams/entitiesIos7Icons'

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

{
  _style: {
    entity: 'html=1;verticalLabelPosition=bottom;align=center;labelBackgroundColor=#ffffff;verticalAlign=top;strokeWidth=2;strokeColor=#0080F0;shadow=0;dashed=0;shape=mxgraph.ios7.icons.controls;',
  },
  _width: 27,
  _height: 24,
}

Credit Card

Preview
Usage
Definition

import { CreditCard } from '@dinghy/diagrams/entitiesIos7Icons'

<CreditCard/>

// or

import { extendStyle } from "@dinghy/base-components";
import { CREDIT_CARD } from '@dinghy/diagrams/entitiesIos7Icons'

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

{
  _style: {
    entity: 'html=1;verticalLabelPosition=bottom;align=center;labelBackgroundColor=#ffffff;verticalAlign=top;strokeWidth=2;strokeColor=#0080F0;shadow=0;dashed=0;shape=mxgraph.ios7.icons.credit_card;',
  },
  _width: 30,
  _height: 15,
}

Crop

Preview
Usage
Definition

import { Crop } from '@dinghy/diagrams/entitiesIos7Icons'

<Crop/>

// or

import { extendStyle } from "@dinghy/base-components";
import { CROP } from '@dinghy/diagrams/entitiesIos7Icons'

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

{
  _style: {
    entity: 'html=1;verticalLabelPosition=bottom;align=center;labelBackgroundColor=#ffffff;verticalAlign=top;strokeWidth=2;strokeColor=#0080F0;shadow=0;dashed=0;shape=mxgraph.ios7.icons.crop;',
  },
  _original_width: 30,
  _original_height: 30,

}

Cube

Preview
Usage
Definition

import { Cube } from '@dinghy/diagrams/entitiesIos7Icons'

<Cube/>

// or

import { extendStyle } from "@dinghy/base-components";
import { CUBE } from '@dinghy/diagrams/entitiesIos7Icons'

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

{
  _style: {
    entity: 'html=1;verticalLabelPosition=bottom;align=center;labelBackgroundColor=#ffffff;verticalAlign=top;strokeWidth=2;strokeColor=#0080F0;shadow=0;dashed=0;shape=mxgraph.ios7.icons.cube;',
  },
  _original_width: 30,
  _original_height: 30,

}

Cup

Preview
Usage
Definition

import { Cup } from '@dinghy/diagrams/entitiesIos7Icons'

<Cup/>

// or

import { extendStyle } from "@dinghy/base-components";
import { CUP } from '@dinghy/diagrams/entitiesIos7Icons'

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

{
  _style: {
    entity: 'html=1;verticalLabelPosition=bottom;align=center;labelBackgroundColor=#ffffff;verticalAlign=top;strokeWidth=2;strokeColor=#0080F0;shadow=0;dashed=0;shape=mxgraph.ios7.icons.cup;',
  },
  _original_width: 30,
  _original_height: 30,

}

Data

Preview
Usage
Definition

import { Data } from '@dinghy/diagrams/entitiesIos7Icons'

<Data/>

// or

import { extendStyle } from "@dinghy/base-components";
import { DATA } from '@dinghy/diagrams/entitiesIos7Icons'

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

{
  _style: {
    entity: 'html=1;verticalLabelPosition=bottom;align=center;labelBackgroundColor=#ffffff;verticalAlign=top;strokeWidth=2;strokeColor=#0080F0;shadow=0;dashed=0;shape=mxgraph.ios7.icons.data;',
  },
  _width: 24,
  _height: 29.099999999999998,
}

Delete

Preview
Usage
Definition

import { Delete } from '@dinghy/diagrams/entitiesIos7Icons'

<Delete/>

// or

import { extendStyle } from "@dinghy/base-components";
import { DELETE } from '@dinghy/diagrams/entitiesIos7Icons'

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

{
  _style: {
    entity: 'html=1;verticalLabelPosition=bottom;align=center;labelBackgroundColor=#ffffff;verticalAlign=top;strokeWidth=2;strokeColor=#0080F0;shadow=0;dashed=0;shape=mxgraph.ios7.icons.delete;',
  },
  _original_width: 30,
  _original_height: 30,

}

Document

Preview
Usage
Definition

import { Document } from '@dinghy/diagrams/entitiesIos7Icons'

<Document/>

// or

import { extendStyle } from "@dinghy/base-components";
import { DOCUMENT } from '@dinghy/diagrams/entitiesIos7Icons'

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

{
  _style: {
    entity: 'html=1;verticalLabelPosition=bottom;align=center;labelBackgroundColor=#ffffff;verticalAlign=top;strokeWidth=2;strokeColor=#0080F0;shadow=0;dashed=0;shape=mxgraph.ios7.icons.document;',
  },
  _width: 21,
  _height: 30,
}

Documents

Preview
Usage
Definition

import { Documents } from '@dinghy/diagrams/entitiesIos7Icons'

<Documents/>

// or

import { extendStyle } from "@dinghy/base-components";
import { DOCUMENTS } from '@dinghy/diagrams/entitiesIos7Icons'

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

{
  _style: {
    entity: 'html=1;verticalLabelPosition=bottom;align=center;labelBackgroundColor=#ffffff;verticalAlign=top;strokeWidth=2;strokeColor=#0080F0;shadow=0;dashed=0;shape=mxgraph.ios7.icons.documents;',
  },
  _width: 22.5,
  _height: 30,
}

Down

Preview
Usage
Definition

import { Down } from '@dinghy/diagrams/entitiesIos7Icons'

<Down/>

// or

import { extendStyle } from "@dinghy/base-components";
import { DOWN } from '@dinghy/diagrams/entitiesIos7Icons'

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

{
  _style: {
    entity: 'html=1;verticalLabelPosition=bottom;align=center;labelBackgroundColor=#ffffff;verticalAlign=top;strokeWidth=2;strokeColor=#0080F0;shadow=0;dashed=0;shape=mxgraph.ios7.icons.down;',
  },
  _width: 21,
  _height: 25.5,
}

Edit

Preview
Usage
Definition

import { Edit } from '@dinghy/diagrams/entitiesIos7Icons'

<Edit/>

// or

import { extendStyle } from "@dinghy/base-components";
import { EDIT } from '@dinghy/diagrams/entitiesIos7Icons'

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

{
  _style: {
    entity: 'html=1;verticalLabelPosition=bottom;align=center;labelBackgroundColor=#ffffff;verticalAlign=top;strokeWidth=2;strokeColor=#0080F0;shadow=0;dashed=0;shape=mxgraph.ios7.icons.edit;',
  },
  _original_width: 29.4,
  _original_height: 29.4,

}

Envelope (Empty)

Preview
Usage
Definition

import { EnvelopeEmpty } from '@dinghy/diagrams/entitiesIos7Icons'

<EnvelopeEmpty/>

// or

import { extendStyle } from "@dinghy/base-components";
import { ENVELOPE_EMPTY } from '@dinghy/diagrams/entitiesIos7Icons'

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

{
  _style: {
    entity: 'html=1;verticalLabelPosition=bottom;align=center;labelBackgroundColor=#ffffff;verticalAlign=top;strokeWidth=2;strokeColor=#0080F0;shadow=0;dashed=0;shape=mxgraph.ios7.icons.envelope_(empty);',
  },
  _original_width: 30,
  _original_height: 30,

}

Envelope (Message)

Preview
Usage
Definition

import { EnvelopeMessage } from '@dinghy/diagrams/entitiesIos7Icons'

<EnvelopeMessage/>

// or

import { extendStyle } from "@dinghy/base-components";
import { ENVELOPE_MESSAGE } from '@dinghy/diagrams/entitiesIos7Icons'

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

{
  _style: {
    entity: 'html=1;verticalLabelPosition=bottom;align=center;labelBackgroundColor=#ffffff;verticalAlign=top;strokeWidth=2;strokeColor=#0080F0;shadow=0;dashed=0;shape=mxgraph.ios7.icons.envelope_(message);',
  },
  _original_width: 30,
  _original_height: 30,

}

Eye

Preview
Usage
Definition

import { Eye } from '@dinghy/diagrams/entitiesIos7Icons'

<Eye/>

// or

import { extendStyle } from "@dinghy/base-components";
import { EYE } from '@dinghy/diagrams/entitiesIos7Icons'

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

{
  _style: {
    entity: 'html=1;verticalLabelPosition=bottom;align=center;labelBackgroundColor=#ffffff;verticalAlign=top;strokeWidth=2;strokeColor=#0080F0;shadow=0;dashed=0;shape=mxgraph.ios7.icons.eye;',
  },
  _width: 30,
  _height: 14.1,
}

Flag

Preview
Usage
Definition

import { Flag } from '@dinghy/diagrams/entitiesIos7Icons'

<Flag/>

// or

import { extendStyle } from "@dinghy/base-components";
import { FLAG } from '@dinghy/diagrams/entitiesIos7Icons'

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

{
  _style: {
    entity: 'html=1;verticalLabelPosition=bottom;align=center;labelBackgroundColor=#ffffff;verticalAlign=top;strokeWidth=2;strokeColor=#0080F0;shadow=0;dashed=0;shape=mxgraph.ios7.icons.flag;',
  },
  _original_width: 30,
  _original_height: 30,

}

Flash

Preview
Usage
Definition

import { Flash } from '@dinghy/diagrams/entitiesIos7Icons'

<Flash/>

// or

import { extendStyle } from "@dinghy/base-components";
import { FLASH } from '@dinghy/diagrams/entitiesIos7Icons'

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

{
  _style: {
    entity: 'html=1;verticalLabelPosition=bottom;align=center;labelBackgroundColor=#ffffff;verticalAlign=top;strokeWidth=2;strokeColor=#0080F0;shadow=0;dashed=0;shape=mxgraph.ios7.icons.flash;',
  },
  _width: 18,
  _height: 30,
}

Flashlight

Preview
Usage
Definition

import { Flashlight } from '@dinghy/diagrams/entitiesIos7Icons'

<Flashlight/>

// or

import { extendStyle } from "@dinghy/base-components";
import { FLASHLIGHT } from '@dinghy/diagrams/entitiesIos7Icons'

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

{
  _style: {
    entity: 'html=1;verticalLabelPosition=bottom;align=center;labelBackgroundColor=#ffffff;verticalAlign=top;strokeWidth=2;strokeColor=#0080F0;shadow=0;dashed=0;shape=mxgraph.ios7.icons.flashlight;',
  },
  _width: 15,
  _height: 30,
}

Folder

Preview
Usage
Definition

import { Folder } from '@dinghy/diagrams/entitiesIos7Icons'

<Folder/>

// or

import { extendStyle } from "@dinghy/base-components";
import { FOLDER } from '@dinghy/diagrams/entitiesIos7Icons'

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

{
  _style: {
    entity: 'html=1;verticalLabelPosition=bottom;align=center;labelBackgroundColor=#ffffff;verticalAlign=top;strokeWidth=2;strokeColor=#0080F0;shadow=0;dashed=0;shape=mxgraph.ios7.icons.folder;',
  },
  _width: 30,
  _height: 19.5,
}

Folders

Preview
Usage
Definition

import { Folders } from '@dinghy/diagrams/entitiesIos7Icons'

<Folders/>

// or

import { extendStyle } from "@dinghy/base-components";
import { FOLDERS } from '@dinghy/diagrams/entitiesIos7Icons'

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

{
  _style: {
    entity: 'html=1;verticalLabelPosition=bottom;align=center;labelBackgroundColor=#ffffff;verticalAlign=top;strokeWidth=2;strokeColor=#0080F0;shadow=0;dashed=0;shape=mxgraph.ios7.icons.folders;',
  },
  _width: 30,
  _height: 25.5,
}

Folders 2

Preview
Usage
Definition

import { Folders2 } from '@dinghy/diagrams/entitiesIos7Icons'

<Folders2/>

// or

import { extendStyle } from "@dinghy/base-components";
import { FOLDERS_2 } from '@dinghy/diagrams/entitiesIos7Icons'

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

{
  _style: {
    entity: 'html=1;verticalLabelPosition=bottom;align=center;labelBackgroundColor=#ffffff;verticalAlign=top;strokeWidth=2;strokeColor=#0080F0;shadow=0;dashed=0;shape=mxgraph.ios7.icons.folders_2;',
  },
  _width: 30,
  _height: 22.5,
}

Forward

Preview
Usage
Definition

import { Forward } from '@dinghy/diagrams/entitiesIos7Icons'

<Forward/>

// or

import { extendStyle } from "@dinghy/base-components";
import { FORWARD } from '@dinghy/diagrams/entitiesIos7Icons'

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

{
  _style: {
    entity: 'html=1;verticalLabelPosition=bottom;align=center;labelBackgroundColor=#ffffff;verticalAlign=top;strokeWidth=2;strokeColor=#0080F0;shadow=0;dashed=0;shape=mxgraph.ios7.icons.forward;',
  },
  _width: 30,
  _height: 16.8,
}

Gauge

Preview
Usage
Definition

import { Gauge } from '@dinghy/diagrams/entitiesIos7Icons'

<Gauge/>

// or

import { extendStyle } from "@dinghy/base-components";
import { GAUGE } from '@dinghy/diagrams/entitiesIos7Icons'

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

{
  _style: {
    entity: 'html=1;verticalLabelPosition=bottom;align=center;labelBackgroundColor=#ffffff;verticalAlign=top;strokeWidth=2;strokeColor=#0080F0;shadow=0;dashed=0;shape=mxgraph.ios7.icons.gauge;',
  },
  _width: 32.4,
  _height: 31.5,
}

Glasses

Preview
Usage
Definition

import { Glasses } from '@dinghy/diagrams/entitiesIos7Icons'

<Glasses/>

// or

import { extendStyle } from "@dinghy/base-components";
import { GLASSES } from '@dinghy/diagrams/entitiesIos7Icons'

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

{
  _style: {
    entity: 'html=1;verticalLabelPosition=bottom;align=center;labelBackgroundColor=#ffffff;verticalAlign=top;strokeWidth=2;strokeColor=#0080F0;shadow=0;dashed=0;shape=mxgraph.ios7.icons.glasses;',
  },
  _width: 30,
  _height: 12,
}

Globe

Preview
Usage
Definition

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

<Globe/>

// or

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

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

{
  _style: {
    entity: 'html=1;verticalLabelPosition=bottom;align=center;labelBackgroundColor=#ffffff;verticalAlign=top;strokeWidth=2;strokeColor=#0080F0;shadow=0;dashed=0;shape=mxgraph.ios7.icons.globe;',
  },
  _original_width: 30,
  _original_height: 30,

}

Heart

Preview
Usage
Definition

import { Heart } from '@dinghy/diagrams/entitiesIos7Icons'

<Heart/>

// or

import { extendStyle } from "@dinghy/base-components";
import { HEART } from '@dinghy/diagrams/entitiesIos7Icons'

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

{
  _style: {
    entity: 'html=1;verticalLabelPosition=bottom;align=center;labelBackgroundColor=#ffffff;verticalAlign=top;strokeWidth=2;strokeColor=#0080F0;shadow=0;dashed=0;shape=mxgraph.ios7.icons.heart;',
  },
  _width: 30.599999999999998,
  _height: 27.3,
}

Help

Preview
Usage
Definition

import { Help } from '@dinghy/diagrams/entitiesIos7Icons'

<Help/>

// or

import { extendStyle } from "@dinghy/base-components";
import { HELP } from '@dinghy/diagrams/entitiesIos7Icons'

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

{
  _style: {
    entity: 'html=1;verticalLabelPosition=bottom;align=center;labelBackgroundColor=#ffffff;verticalAlign=top;strokeWidth=2;strokeColor=#0080F0;shadow=0;dashed=0;shape=mxgraph.ios7.icons.help;',
  },
  _original_width: 30,
  _original_height: 30,

}

Home

Preview
Usage
Definition

import { Home } from '@dinghy/diagrams/entitiesIos7Icons'

<Home/>

// or

import { extendStyle } from "@dinghy/base-components";
import { HOME } from '@dinghy/diagrams/entitiesIos7Icons'

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

{
  _style: {
    entity: 'html=1;verticalLabelPosition=bottom;align=center;labelBackgroundColor=#ffffff;verticalAlign=top;strokeWidth=2;strokeColor=#0080F0;shadow=0;dashed=0;shape=mxgraph.ios7.icons.home;',
  },
  _width: 24,
  _height: 25.5,
}

Info

Preview
Usage
Definition

import { Info } from '@dinghy/diagrams/entitiesIos7Icons'

<Info/>

// or

import { extendStyle } from "@dinghy/base-components";
import { INFO } from '@dinghy/diagrams/entitiesIos7Icons'

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

{
  _style: {
    entity: 'html=1;verticalLabelPosition=bottom;align=center;labelBackgroundColor=#ffffff;verticalAlign=top;strokeWidth=2;strokeColor=#0080F0;shadow=0;dashed=0;shape=mxgraph.ios7.icons.info;',
  },
  _original_width: 30,
  _original_height: 30,

}

Keypad

Preview
Usage
Definition

import { Keypad } from '@dinghy/diagrams/entitiesIos7Icons'

<Keypad/>

// or

import { extendStyle } from "@dinghy/base-components";
import { KEYPAD } from '@dinghy/diagrams/entitiesIos7Icons'

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

{
  _style: {
    entity: 'html=1;verticalLabelPosition=bottom;align=center;labelBackgroundColor=#ffffff;verticalAlign=top;strokeWidth=2;strokeColor=#0080F0;shadow=0;dashed=0;shape=mxgraph.ios7.icons.keypad;',
  },
  _original_width: 30,
  _original_height: 30,

}

Lightbulb

Preview
Usage
Definition

import { Lightbulb } from '@dinghy/diagrams/entitiesIos7Icons'

<Lightbulb/>

// or

import { extendStyle } from "@dinghy/base-components";
import { LIGHTBULB } from '@dinghy/diagrams/entitiesIos7Icons'

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

{
  _style: {
    entity: 'html=1;verticalLabelPosition=bottom;align=center;labelBackgroundColor=#ffffff;verticalAlign=top;strokeWidth=2;strokeColor=#0080F0;shadow=0;dashed=0;shape=mxgraph.ios7.icons.lightbulb;',
  },
  _width: 22.8,
  _height: 29.7,
}

Link

Preview
Usage
Definition

import { Link } from '@dinghy/diagrams/entitiesIos7Icons'

<Link/>

// or

import { extendStyle } from "@dinghy/base-components";
import { LINK } from '@dinghy/diagrams/entitiesIos7Icons'

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

{
  _style: {
    entity: 'html=1;verticalLabelPosition=bottom;align=center;labelBackgroundColor=#ffffff;verticalAlign=top;strokeWidth=2;strokeColor=#0080F0;shadow=0;dashed=0;shape=mxgraph.ios7.icons.link;',
  },
  _original_width: 30,
  _original_height: 30,

}

Location

Preview
Usage
Definition

import { Location } from '@dinghy/diagrams/entitiesIos7Icons'

<Location/>

// or

import { extendStyle } from "@dinghy/base-components";
import { LOCATION } from '@dinghy/diagrams/entitiesIos7Icons'

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

{
  _style: {
    entity: 'html=1;verticalLabelPosition=bottom;align=center;labelBackgroundColor=#ffffff;verticalAlign=top;strokeWidth=2;strokeColor=#0080F0;shadow=0;dashed=0;shape=mxgraph.ios7.icons.location;',
  },
  _width: 24,
  _height: 30,
}

Location 2

Preview
Usage
Definition

import { Location2 } from '@dinghy/diagrams/entitiesIos7Icons'

<Location2/>

// or

import { extendStyle } from "@dinghy/base-components";
import { LOCATION_2 } from '@dinghy/diagrams/entitiesIos7Icons'

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

{
  _style: {
    entity: 'html=1;verticalLabelPosition=bottom;align=center;labelBackgroundColor=#ffffff;verticalAlign=top;strokeWidth=2;strokeColor=#0080F0;shadow=0;dashed=0;shape=mxgraph.ios7.icons.location_2;',
  },
  _original_width: 30,
  _original_height: 30,

}

Locked

Preview
Usage
Definition

import { Locked } from '@dinghy/diagrams/entitiesIos7Icons'

<Locked/>

// or

import { extendStyle } from "@dinghy/base-components";
import { LOCKED } from '@dinghy/diagrams/entitiesIos7Icons'

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

{
  _style: {
    entity: 'html=1;verticalLabelPosition=bottom;align=center;labelBackgroundColor=#ffffff;verticalAlign=top;strokeWidth=2;strokeColor=#0080F0;shadow=0;dashed=0;shape=mxgraph.ios7.icons.locked;',
  },
  _width: 24,
  _height: 30,
}

Looking Glass

Preview
Usage
Definition

import { LookingGlass } from '@dinghy/diagrams/entitiesIos7Icons'

<LookingGlass/>

// or

import { extendStyle } from "@dinghy/base-components";
import { LOOKING_GLASS } from '@dinghy/diagrams/entitiesIos7Icons'

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

{
  _style: {
    entity: 'html=1;verticalLabelPosition=bottom;align=center;labelBackgroundColor=#ffffff;verticalAlign=top;strokeWidth=2;strokeColor=#0080F0;shadow=0;dashed=0;shape=mxgraph.ios7.icons.looking_glass;',
  },
  _original_width: 30,
  _original_height: 30,

}

Loud

Preview
Usage
Definition

import { Loud } from '@dinghy/diagrams/entitiesIos7Icons'

<Loud/>

// or

import { extendStyle } from "@dinghy/base-components";
import { LOUD } from '@dinghy/diagrams/entitiesIos7Icons'

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

{
  _style: {
    entity: 'html=1;verticalLabelPosition=bottom;align=center;labelBackgroundColor=#ffffff;verticalAlign=top;strokeWidth=2;strokeColor=#0080F0;shadow=0;dashed=0;shape=mxgraph.ios7.icons.loud;',
  },
  _width: 30.599999999999998,
  _height: 32.4,
}

Magnet

Preview
Usage
Definition

import { Magnet } from '@dinghy/diagrams/entitiesIos7Icons'

<Magnet/>

// or

import { extendStyle } from "@dinghy/base-components";
import { MAGNET } from '@dinghy/diagrams/entitiesIos7Icons'

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

{
  _style: {
    entity: 'html=1;verticalLabelPosition=bottom;align=center;labelBackgroundColor=#ffffff;verticalAlign=top;strokeWidth=2;strokeColor=#0080F0;shadow=0;dashed=0;shape=mxgraph.ios7.icons.magnet;pointerEvents=1',
  },
  _width: 24,
  _height: 30,
}

Mail

Preview
Usage
Definition

import { Mail } from '@dinghy/diagrams/entitiesIos7Icons'

<Mail/>

// or

import { extendStyle } from "@dinghy/base-components";
import { MAIL } from '@dinghy/diagrams/entitiesIos7Icons'

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

{
  _style: {
    entity: 'html=1;verticalLabelPosition=bottom;align=center;labelBackgroundColor=#ffffff;verticalAlign=top;strokeWidth=2;strokeColor=#0080F0;shadow=0;dashed=0;shape=mxgraph.ios7.icons.mail;',
  },
  _width: 30,
  _height: 16.5,
}

Map

Preview
Usage
Definition

import { Map } from '@dinghy/diagrams/entitiesIos7Icons'

<Map/>

// or

import { extendStyle } from "@dinghy/base-components";
import { MAP } from '@dinghy/diagrams/entitiesIos7Icons'

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

{
  _style: {
    entity: 'html=1;verticalLabelPosition=bottom;align=center;labelBackgroundColor=#ffffff;verticalAlign=top;strokeWidth=2;strokeColor=#0080F0;shadow=0;dashed=0;shape=mxgraph.ios7.icons.map;',
  },
  _original_width: 30,
  _original_height: 30,

}

Message

Preview
Usage
Definition

import { Message } from '@dinghy/diagrams/entitiesIos7Icons'

<Message/>

// or

import { extendStyle } from "@dinghy/base-components";
import { MESSAGE } from '@dinghy/diagrams/entitiesIos7Icons'

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

{
  _style: {
    entity: 'html=1;verticalLabelPosition=bottom;align=center;labelBackgroundColor=#ffffff;verticalAlign=top;strokeWidth=2;strokeColor=#0080F0;shadow=0;dashed=0;shape=mxgraph.ios7.icons.message;',
  },
  _width: 30,
  _height: 19.5,
}

Messages

Preview
Usage
Definition

import { Messages } from '@dinghy/diagrams/entitiesIos7Icons'

<Messages/>

// or

import { extendStyle } from "@dinghy/base-components";
import { MESSAGES } from '@dinghy/diagrams/entitiesIos7Icons'

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

{
  _style: {
    entity: 'html=1;verticalLabelPosition=bottom;align=center;labelBackgroundColor=#ffffff;verticalAlign=top;strokeWidth=2;strokeColor=#0080F0;shadow=0;dashed=0;shape=mxgraph.ios7.icons.messages;',
  },
  _width: 30,
  _height: 25.5,
}

Microphone

Preview
Usage
Definition

import { Microphone } from '@dinghy/diagrams/entitiesIos7Icons'

<Microphone/>

// or

import { extendStyle } from "@dinghy/base-components";
import { MICROPHONE } from '@dinghy/diagrams/entitiesIos7Icons'

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

{
  _style: {
    entity: 'html=1;verticalLabelPosition=bottom;align=center;labelBackgroundColor=#ffffff;verticalAlign=top;strokeWidth=2;strokeColor=#0080F0;shadow=0;dashed=0;shape=mxgraph.ios7.icons.microphone;',
  },
  _width: 12,
  _height: 30,
}

Monitor

Preview
Usage
Definition

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

<Monitor/>

// or

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

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

{
  _style: {
    entity: 'html=1;verticalLabelPosition=bottom;align=center;labelBackgroundColor=#ffffff;verticalAlign=top;strokeWidth=2;strokeColor=#0080F0;shadow=0;dashed=0;shape=mxgraph.ios7.icons.monitor;',
  },
  _width: 30,
  _height: 19.5,
}

Moon

Preview
Usage
Definition

import { Moon } from '@dinghy/diagrams/entitiesIos7Icons'

<Moon/>

// or

import { extendStyle } from "@dinghy/base-components";
import { MOON } from '@dinghy/diagrams/entitiesIos7Icons'

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

{
  _style: {
    entity: 'html=1;verticalLabelPosition=bottom;align=center;labelBackgroundColor=#ffffff;verticalAlign=top;strokeWidth=2;strokeColor=#0080F0;shadow=0;dashed=0;shape=mxgraph.ios7.icons.moon;',
  },
  _original_width: 29.4,
  _original_height: 29.4,

}

Most Viewed

Preview
Usage
Definition

import { MostViewed } from '@dinghy/diagrams/entitiesIos7Icons'

<MostViewed/>

// or

import { extendStyle } from "@dinghy/base-components";
import { MOST_VIEWED } from '@dinghy/diagrams/entitiesIos7Icons'

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

{
  _style: {
    entity: 'html=1;verticalLabelPosition=bottom;align=center;labelBackgroundColor=#ffffff;verticalAlign=top;strokeWidth=2;strokeColor=#0080F0;shadow=0;dashed=0;shape=mxgraph.ios7.icons.most_viewed;pointerEvents=1',
  },
  _width: 28.2,
  _height: 22.8,
}

Move to Folder

Preview
Usage
Definition

import { MoveToFolder } from '@dinghy/diagrams/entitiesIos7Icons'

<MoveToFolder/>

// or

import { extendStyle } from "@dinghy/base-components";
import { MOVE_TO_FOLDER } from '@dinghy/diagrams/entitiesIos7Icons'

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

{
  _style: {
    entity: 'html=1;verticalLabelPosition=bottom;align=center;labelBackgroundColor=#ffffff;verticalAlign=top;strokeWidth=2;strokeColor=#0080F0;shadow=0;dashed=0;shape=mxgraph.ios7.icons.move_to_folder;',
  },
  _width: 30,
  _height: 22.5,
}

Note

Preview
Usage
Definition

import { Note } from '@dinghy/diagrams/entitiesIos7Icons'

<Note/>

// or

import { extendStyle } from "@dinghy/base-components";
import { NOTE } from '@dinghy/diagrams/entitiesIos7Icons'

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

{
  _style: {
    entity: 'html=1;verticalLabelPosition=bottom;align=center;labelBackgroundColor=#ffffff;verticalAlign=top;strokeWidth=2;strokeColor=#0080F0;shadow=0;dashed=0;shape=mxgraph.ios7.icons.note;pointerEvents=1',
  },
  _original_width: 29.7,
  _original_height: 29.7,

}

Options

Preview
Usage
Definition

import { Options } from '@dinghy/diagrams/entitiesIos7Icons'

<Options/>

// or

import { extendStyle } from "@dinghy/base-components";
import { OPTIONS } from '@dinghy/diagrams/entitiesIos7Icons'

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

{
  _style: {
    entity: 'html=1;verticalLabelPosition=bottom;align=center;labelBackgroundColor=#ffffff;verticalAlign=top;strokeWidth=2;strokeColor=#0080F0;shadow=0;dashed=0;shape=mxgraph.ios7.icons.options;pointerEvents=1',
  },
  _width: 30,
  _height: 15,
}

Orientation Lock

Preview
Usage
Definition

import { OrientationLock } from '@dinghy/diagrams/entitiesIos7Icons'

<OrientationLock/>

// or

import { extendStyle } from "@dinghy/base-components";
import { ORIENTATION_LOCK } from '@dinghy/diagrams/entitiesIos7Icons'

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

{
  _style: {
    entity: 'html=1;verticalLabelPosition=bottom;strokeWidth=2;strokeColor=#0080F0;fillColor=strokeColor;shadow=0;dashed=0;shape=mxgraph.ios7.icons.orientation_lock;pointerEvents=1',
  },
  _width: 23.099999999999998,
  _height: 21,
}

Preview
Usage
Definition

import { PageNavigation } from '@dinghy/diagrams/entitiesIos7Icons'

<PageNavigation/>

// or

import { extendStyle } from "@dinghy/base-components";
import { PAGE_NAVIGATION } from '@dinghy/diagrams/entitiesIos7Icons'

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

{
  _style: {
    entity: 'html=1;verticalLabelPosition=bottom;align=center;labelBackgroundColor=#ffffff;verticalAlign=top;strokeWidth=2;strokeColor=#0080F0;shadow=0;dashed=0;shape=mxgraph.ios7.icons.page_navigation;pointerEvents=1',
  },
  _width: 30,
  _height: 4.8,
}

Paint

Preview
Usage
Definition

import { Paint } from '@dinghy/diagrams/entitiesIos7Icons'

<Paint/>

// or

import { extendStyle } from "@dinghy/base-components";
import { PAINT } from '@dinghy/diagrams/entitiesIos7Icons'

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

{
  _style: {
    entity: 'html=1;verticalLabelPosition=bottom;align=center;labelBackgroundColor=#ffffff;verticalAlign=top;strokeWidth=2;strokeColor=#0080F0;shadow=0;dashed=0;shape=mxgraph.ios7.icons.paint;',
  },
  _width: 30,
  _height: 25.5,
}

Pause

Preview
Usage
Definition

import { Pause } from '@dinghy/diagrams/entitiesIos7Icons'

<Pause/>

// or

import { extendStyle } from "@dinghy/base-components";
import { PAUSE } from '@dinghy/diagrams/entitiesIos7Icons'

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

{
  _style: {
    entity: 'html=1;verticalLabelPosition=bottom;align=center;labelBackgroundColor=#ffffff;verticalAlign=top;strokeWidth=2;strokeColor=#0080F0;shadow=0;dashed=0;shape=mxgraph.ios7.icons.pause;pointerEvents=1',
  },
  _width: 15,
  _height: 24,
}

Pen

Preview
Usage
Definition

import { Pen } from '@dinghy/diagrams/entitiesIos7Icons'

<Pen/>

// or

import { extendStyle } from "@dinghy/base-components";
import { PEN } from '@dinghy/diagrams/entitiesIos7Icons'

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

{
  _style: {
    entity: 'html=1;verticalLabelPosition=bottom;align=center;labelBackgroundColor=#ffffff;verticalAlign=top;strokeWidth=2;strokeColor=#0080F0;shadow=0;dashed=0;shape=mxgraph.ios7.icons.pen;',
  },
  _width: 29.4,
  _height: 29.7,
}

Pie Chart

Preview
Usage
Definition

import { PieChart } from '@dinghy/diagrams/entitiesIos7Icons'

<PieChart/>

// or

import { extendStyle } from "@dinghy/base-components";
import { PIE_CHART } from '@dinghy/diagrams/entitiesIos7Icons'

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

{
  _style: {
    entity: 'html=1;verticalLabelPosition=bottom;align=center;labelBackgroundColor=#ffffff;verticalAlign=top;strokeWidth=2;strokeColor=#0080F0;shadow=0;dashed=0;shape=mxgraph.ios7.icons.pie_chart;',
  },
  _original_width: 30,
  _original_height: 30,

}

Play

Preview
Usage
Definition

import { Play } from '@dinghy/diagrams/entitiesIos7Icons'

<Play/>

// or

import { extendStyle } from "@dinghy/base-components";
import { PLAY } from '@dinghy/diagrams/entitiesIos7Icons'

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

{
  _style: {
    entity: 'html=1;verticalLabelPosition=bottom;align=center;labelBackgroundColor=#ffffff;verticalAlign=top;strokeWidth=2;strokeColor=#0080F0;shadow=0;dashed=0;shape=mxgraph.ios7.icons.play;',
  },
  _width: 21,
  _height: 24,
}

Pointer

Preview
Usage
Definition

import { Pointer } from '@dinghy/diagrams/entitiesIos7Icons'

<Pointer/>

// or

import { extendStyle } from "@dinghy/base-components";
import { POINTER } from '@dinghy/diagrams/entitiesIos7Icons'

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

{
  _style: {
    entity: 'html=1;verticalLabelPosition=bottom;align=center;labelBackgroundColor=#ffffff;verticalAlign=top;strokeWidth=2;strokeColor=#0080F0;shadow=0;dashed=0;shape=mxgraph.ios7.icons.pointer;',
  },
  _original_width: 30,
  _original_height: 30,

}

Preferences

Preview
Usage
Definition

import { Preferences } from '@dinghy/diagrams/entitiesIos7Icons'

<Preferences/>

// or

import { extendStyle } from "@dinghy/base-components";
import { PREFERENCES } from '@dinghy/diagrams/entitiesIos7Icons'

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

{
  _style: {
    entity: 'html=1;verticalLabelPosition=bottom;align=center;labelBackgroundColor=#ffffff;verticalAlign=top;strokeWidth=2;strokeColor=#0080F0;shadow=0;dashed=0;shape=mxgraph.ios7.icons.preferences;pointerEvents=1',
  },
  _width: 30,
  _height: 24,
}

Printer

Preview
Usage
Definition

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

<Printer/>

// or

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

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

{
  _style: {
    entity: 'html=1;verticalLabelPosition=bottom;align=center;labelBackgroundColor=#ffffff;verticalAlign=top;strokeWidth=2;strokeColor=#0080F0;shadow=0;dashed=0;shape=mxgraph.ios7.icons.printer;',
  },
  _width: 30,
  _height: 25.5,
}

Privacy

Preview
Usage
Definition

import { Privacy } from '@dinghy/diagrams/entitiesIos7Icons'

<Privacy/>

// or

import { extendStyle } from "@dinghy/base-components";
import { PRIVACY } from '@dinghy/diagrams/entitiesIos7Icons'

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

{
  _style: {
    entity: 'html=1;verticalLabelPosition=bottom;align=center;labelBackgroundColor=#ffffff;verticalAlign=top;strokeWidth=2;strokeColor=#0080F0;shadow=0;dashed=0;shape=mxgraph.ios7.icons.privacy;',
  },
  _width: 16.8,
  _height: 28.5,
}

Radio

Preview
Usage
Definition

import { Radio } from '@dinghy/diagrams/entitiesIos7Icons'

<Radio/>

// or

import { extendStyle } from "@dinghy/base-components";
import { RADIO } from '@dinghy/diagrams/entitiesIos7Icons'

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

{
  _style: {
    entity: 'html=1;verticalLabelPosition=bottom;align=center;labelBackgroundColor=#ffffff;verticalAlign=top;strokeWidth=2;strokeColor=#0080F0;shadow=0;dashed=0;shape=mxgraph.ios7.icons.radio;',
  },
  _width: 30,
  _height: 22.5,
}

Reload

Preview
Usage
Definition

import { Reload } from '@dinghy/diagrams/entitiesIos7Icons'

<Reload/>

// or

import { extendStyle } from "@dinghy/base-components";
import { RELOAD } from '@dinghy/diagrams/entitiesIos7Icons'

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

{
  _style: {
    entity: 'html=1;verticalLabelPosition=bottom;align=center;labelBackgroundColor=#ffffff;verticalAlign=top;strokeWidth=2;strokeColor=#0080F0;shadow=0;dashed=0;shape=mxgraph.ios7.icons.reload;',
  },
  _width: 24,
  _height: 27,
}

Repeat

Preview
Usage
Definition

import { Repeat } from '@dinghy/diagrams/entitiesIos7Icons'

<Repeat/>

// or

import { extendStyle } from "@dinghy/base-components";
import { REPEAT } from '@dinghy/diagrams/entitiesIos7Icons'

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

{
  _style: {
    entity: 'html=1;verticalLabelPosition=bottom;align=center;labelBackgroundColor=#ffffff;verticalAlign=top;strokeWidth=2;strokeColor=#0080F0;shadow=0;dashed=0;shape=mxgraph.ios7.icons.repeat;pointerEvents=1',
  },
  _width: 30,
  _height: 24,
}

Retry

Preview
Usage
Definition

import { Retry } from '@dinghy/diagrams/entitiesIos7Icons'

<Retry/>

// or

import { extendStyle } from "@dinghy/base-components";
import { RETRY } from '@dinghy/diagrams/entitiesIos7Icons'

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

{
  _style: {
    entity: 'html=1;verticalLabelPosition=bottom;align=center;labelBackgroundColor=#ffffff;verticalAlign=top;strokeWidth=2;strokeColor=#0080F0;shadow=0;dashed=0;shape=mxgraph.ios7.icons.retry;',
  },
  _width: 27.599999999999998,
  _height: 14.399999999999999,
}

Select

Preview
Usage
Definition

import { Select } from '@dinghy/diagrams/entitiesIos7Icons'

<Select/>

// or

import { extendStyle } from "@dinghy/base-components";
import { SELECT } from '@dinghy/diagrams/entitiesIos7Icons'

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

{
  _style: {
    entity: 'html=1;verticalLabelPosition=bottom;align=center;labelBackgroundColor=#ffffff;verticalAlign=top;strokeWidth=2;strokeColor=#0080F0;shadow=0;dashed=0;shape=mxgraph.ios7.icons.select;',
  },
  _original_width: 30,
  _original_height: 30,

}

Settings

Preview
Usage
Definition

import { Settings } from '@dinghy/diagrams/entitiesIos7Icons'

<Settings/>

// or

import { extendStyle } from "@dinghy/base-components";
import { SETTINGS } from '@dinghy/diagrams/entitiesIos7Icons'

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

{
  _style: {
    entity: 'html=1;verticalLabelPosition=bottom;align=center;labelBackgroundColor=#ffffff;verticalAlign=top;strokeWidth=2;strokeColor=#0080F0;shadow=0;dashed=0;shape=mxgraph.ios7.icons.settings;',
  },
  _original_width: 30,
  _original_height: 30,

}

Preview
Usage
Definition

import { Share } from '@dinghy/diagrams/entitiesIos7Icons'

<Share/>

// or

import { extendStyle } from "@dinghy/base-components";
import { SHARE } from '@dinghy/diagrams/entitiesIos7Icons'

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

{
  _style: {
    entity: 'html=1;verticalLabelPosition=bottom;align=center;labelBackgroundColor=#ffffff;verticalAlign=top;strokeWidth=2;strokeColor=#0080F0;shadow=0;dashed=0;shape=mxgraph.ios7.icons.share;',
  },
  _width: 21,
  _height: 28.5,
}

Shopping Cart

Preview
Usage
Definition

import { ShoppingCart } from '@dinghy/diagrams/entitiesIos7Icons'

<ShoppingCart/>

// or

import { extendStyle } from "@dinghy/base-components";
import { SHOPPING_CART } from '@dinghy/diagrams/entitiesIos7Icons'

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

{
  _style: {
    entity: 'html=1;verticalLabelPosition=bottom;align=center;labelBackgroundColor=#ffffff;verticalAlign=top;strokeWidth=2;strokeColor=#0080F0;shadow=0;dashed=0;shape=mxgraph.ios7.icons.shopping_cart;',
  },
  _width: 30,
  _height: 25.5,
}

Shuffle

Preview
Usage
Definition

import { Shuffle } from '@dinghy/diagrams/entitiesIos7Icons'

<Shuffle/>

// or

import { extendStyle } from "@dinghy/base-components";
import { SHUFFLE } from '@dinghy/diagrams/entitiesIos7Icons'

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

{
  _style: {
    entity: 'html=1;verticalLabelPosition=bottom;align=center;labelBackgroundColor=#ffffff;verticalAlign=top;strokeWidth=2;strokeColor=#0080F0;shadow=0;dashed=0;shape=mxgraph.ios7.icons.shuffle;pointerEvents=1',
  },
  _width: 30,
  _height: 21,
}

Silent

Preview
Usage
Definition

import { Silent } from '@dinghy/diagrams/entitiesIos7Icons'

<Silent/>

// or

import { extendStyle } from "@dinghy/base-components";
import { SILENT } from '@dinghy/diagrams/entitiesIos7Icons'

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

{
  _style: {
    entity: 'html=1;verticalLabelPosition=bottom;align=center;labelBackgroundColor=#ffffff;verticalAlign=top;strokeWidth=2;strokeColor=#0080F0;shadow=0;dashed=0;shape=mxgraph.ios7.icons.silent;',
  },
  _original_width: 30,
  _original_height: 30,

}

Smartphone

Preview
Usage
Definition

import { Smartphone } from '@dinghy/diagrams/entitiesIos7Icons'

<Smartphone/>

// or

import { extendStyle } from "@dinghy/base-components";
import { SMARTPHONE } from '@dinghy/diagrams/entitiesIos7Icons'

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

{
  _style: {
    entity: 'html=1;verticalLabelPosition=bottom;align=center;labelBackgroundColor=#ffffff;verticalAlign=top;strokeWidth=2;strokeColor=#0080F0;shadow=0;dashed=0;shape=mxgraph.ios7.icons.smartphone;',
  },
  _width: 18,
  _height: 30,
}

Star

Preview
Usage
Definition

import { Star } from '@dinghy/diagrams/entitiesIos7Icons'

<Star/>

// or

import { extendStyle } from "@dinghy/base-components";
import { STAR } from '@dinghy/diagrams/entitiesIos7Icons'

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

{
  _style: {
    entity: 'html=1;verticalLabelPosition=bottom;align=center;labelBackgroundColor=#ffffff;verticalAlign=top;strokeWidth=2;strokeColor=#0080F0;shadow=0;dashed=0;shape=mxgraph.ios7.icons.star;',
  },
  _width: 30,
  _height: 27,
}

Stopwatch

Preview
Usage
Definition

import { Stopwatch } from '@dinghy/diagrams/entitiesIos7Icons'

<Stopwatch/>

// or

import { extendStyle } from "@dinghy/base-components";
import { STOPWATCH } from '@dinghy/diagrams/entitiesIos7Icons'

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

{
  _style: {
    entity: 'html=1;verticalLabelPosition=bottom;align=center;labelBackgroundColor=#ffffff;verticalAlign=top;strokeWidth=2;strokeColor=#0080F0;shadow=0;dashed=0;shape=mxgraph.ios7.icons.stopwatch;',
  },
  _width: 27,
  _height: 28.2,
}

Storage

Preview
Usage
Definition

import { Storage } from '@dinghy/diagrams/entitiesIos7Icons'

<Storage/>

// or

import { extendStyle } from "@dinghy/base-components";
import { STORAGE } from '@dinghy/diagrams/entitiesIos7Icons'

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

{
  _style: {
    entity: 'html=1;verticalLabelPosition=bottom;align=center;labelBackgroundColor=#ffffff;verticalAlign=top;strokeWidth=2;strokeColor=#0080F0;shadow=0;dashed=0;shape=mxgraph.ios7.icons.storage;',
  },
  _width: 30,
  _height: 10.5,
}

Sun

Preview
Usage
Definition

import { Sun } from '@dinghy/diagrams/entitiesIos7Icons'

<Sun/>

// or

import { extendStyle } from "@dinghy/base-components";
import { SUN } from '@dinghy/diagrams/entitiesIos7Icons'

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

{
  _style: {
    entity: 'html=1;verticalLabelPosition=bottom;align=center;labelBackgroundColor=#ffffff;verticalAlign=top;strokeWidth=2;strokeColor=#0080F0;shadow=0;dashed=0;shape=mxgraph.ios7.icons.sun;pointerEvents=1',
  },
  _original_width: 30,
  _original_height: 30,

}

Tape

Preview
Usage
Definition

import { Tape } from '@dinghy/diagrams/entitiesIos7Icons'

<Tape/>

// or

import { extendStyle } from "@dinghy/base-components";
import { TAPE } from '@dinghy/diagrams/entitiesIos7Icons'

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

{
  _style: {
    entity: 'html=1;verticalLabelPosition=bottom;align=center;labelBackgroundColor=#ffffff;verticalAlign=top;strokeWidth=2;strokeColor=#0080F0;shadow=0;dashed=0;shape=mxgraph.ios7.icons.tape;pointerEvents=1',
  },
  _width: 30,
  _height: 12,
}

Tools

Preview
Usage
Definition

import { Tools } from '@dinghy/diagrams/entitiesIos7Icons'

<Tools/>

// or

import { extendStyle } from "@dinghy/base-components";
import { TOOLS } from '@dinghy/diagrams/entitiesIos7Icons'

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

{
  _style: {
    entity: 'html=1;verticalLabelPosition=bottom;align=center;labelBackgroundColor=#ffffff;verticalAlign=top;strokeWidth=2;strokeColor=#0080F0;shadow=0;dashed=0;shape=mxgraph.ios7.icons.tools;pointerEvents=1',
  },
  _original_width: 29.7,
  _original_height: 29.7,

}

Trashcan

Preview
Usage
Definition

import { Trashcan } from '@dinghy/diagrams/entitiesIos7Icons'

<Trashcan/>

// or

import { extendStyle } from "@dinghy/base-components";
import { TRASHCAN } from '@dinghy/diagrams/entitiesIos7Icons'

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

{
  _style: {
    entity: 'html=1;verticalLabelPosition=bottom;align=center;labelBackgroundColor=#ffffff;verticalAlign=top;strokeWidth=2;strokeColor=#0080F0;shadow=0;dashed=0;shape=mxgraph.ios7.icons.trashcan;',
  },
  _width: 24,
  _height: 30,
}

Trophy

Preview
Usage
Definition

import { Trophy } from '@dinghy/diagrams/entitiesIos7Icons'

<Trophy/>

// or

import { extendStyle } from "@dinghy/base-components";
import { TROPHY } from '@dinghy/diagrams/entitiesIos7Icons'

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

{
  _style: {
    entity: 'html=1;verticalLabelPosition=bottom;align=center;labelBackgroundColor=#ffffff;verticalAlign=top;strokeWidth=2;strokeColor=#0080F0;shadow=0;dashed=0;shape=mxgraph.ios7.icons.trophy;',
  },
  _width: 28.5,
  _height: 30,
}

Umbrella

Preview
Usage
Definition

import { Umbrella } from '@dinghy/diagrams/entitiesIos7Icons'

<Umbrella/>

// or

import { extendStyle } from "@dinghy/base-components";
import { UMBRELLA } from '@dinghy/diagrams/entitiesIos7Icons'

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

{
  _style: {
    entity: 'html=1;verticalLabelPosition=bottom;align=center;labelBackgroundColor=#ffffff;verticalAlign=top;strokeWidth=2;strokeColor=#0080F0;shadow=0;dashed=0;shape=mxgraph.ios7.icons.umbrella;',
  },
  _original_width: 30,
  _original_height: 30,

}

Unlocked

Preview
Usage
Definition

import { Unlocked } from '@dinghy/diagrams/entitiesIos7Icons'

<Unlocked/>

// or

import { extendStyle } from "@dinghy/base-components";
import { UNLOCKED } from '@dinghy/diagrams/entitiesIos7Icons'

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

{
  _style: {
    entity: 'html=1;verticalLabelPosition=bottom;align=center;labelBackgroundColor=#ffffff;verticalAlign=top;strokeWidth=2;strokeColor=#0080F0;shadow=0;dashed=0;shape=mxgraph.ios7.icons.unlocked;',
  },
  _width: 24,
  _height: 30,
}

Up

Preview
Usage
Definition

import { Up } from '@dinghy/diagrams/entitiesIos7Icons'

<Up/>

// or

import { extendStyle } from "@dinghy/base-components";
import { UP } from '@dinghy/diagrams/entitiesIos7Icons'

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

{
  _style: {
    entity: 'html=1;verticalLabelPosition=bottom;align=center;labelBackgroundColor=#ffffff;verticalAlign=top;strokeWidth=2;strokeColor=#0080F0;shadow=0;dashed=0;shape=mxgraph.ios7.icons.up;',
  },
  _width: 21,
  _height: 25.5,
}

User

Preview
Usage
Definition

import { User } from '@dinghy/diagrams/entitiesIos7Icons'

<User/>

// or

import { extendStyle } from "@dinghy/base-components";
import { USER } from '@dinghy/diagrams/entitiesIos7Icons'

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

{
  _style: {
    entity: 'html=1;verticalLabelPosition=bottom;align=center;labelBackgroundColor=#ffffff;verticalAlign=top;strokeWidth=2;strokeColor=#0080F0;shadow=0;dashed=0;shape=mxgraph.ios7.icons.user;',
  },
  _original_width: 30,
  _original_height: 30,

}

Video Conversation

Preview
Usage
Definition

import { VideoConversation } from '@dinghy/diagrams/entitiesIos7Icons'

<VideoConversation/>

// or

import { extendStyle } from "@dinghy/base-components";
import { VIDEO_CONVERSATION } from '@dinghy/diagrams/entitiesIos7Icons'

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

{
  _style: {
    entity: 'html=1;verticalLabelPosition=bottom;align=center;labelBackgroundColor=#ffffff;verticalAlign=top;strokeWidth=2;strokeColor=#0080F0;shadow=0;dashed=0;shape=mxgraph.ios7.icons.video_conversation;',
  },
  _width: 30,
  _height: 15,
}

Volume

Preview
Usage
Definition

import { Volume } from '@dinghy/diagrams/entitiesIos7Icons'

<Volume/>

// or

import { extendStyle } from "@dinghy/base-components";
import { VOLUME } from '@dinghy/diagrams/entitiesIos7Icons'

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

{
  _style: {
    entity: 'html=1;verticalLabelPosition=bottom;align=center;labelBackgroundColor=#ffffff;verticalAlign=top;strokeWidth=2;strokeColor=#0080F0;shadow=0;dashed=0;shape=mxgraph.ios7.icons.volume;pointerEvents=1',
  },
  _original_width: 30,
  _original_height: 30,

}

Volume 2

Preview
Usage
Definition

import { Volume2 } from '@dinghy/diagrams/entitiesIos7Icons'

<Volume2/>

// or

import { extendStyle } from "@dinghy/base-components";
import { VOLUME_2 } from '@dinghy/diagrams/entitiesIos7Icons'

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

{
  _style: {
    entity: 'html=1;verticalLabelPosition=bottom;align=center;labelBackgroundColor=#ffffff;verticalAlign=top;strokeWidth=2;strokeColor=#0080F0;shadow=0;dashed=0;shape=mxgraph.ios7.icons.volume_2;pointerEvents=1',
  },
  _width: 30.299999999999997,
  _height: 28.2,
}

Wallet

Preview
Usage
Definition

import { Wallet } from '@dinghy/diagrams/entitiesIos7Icons'

<Wallet/>

// or

import { extendStyle } from "@dinghy/base-components";
import { WALLET } from '@dinghy/diagrams/entitiesIos7Icons'

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

{
  _style: {
    entity: 'html=1;verticalLabelPosition=bottom;align=center;labelBackgroundColor=#ffffff;verticalAlign=top;strokeWidth=2;strokeColor=#0080F0;shadow=0;dashed=0;shape=mxgraph.ios7.icons.wallet;',
  },
  _width: 30,
  _height: 24,
}

WiFi

Preview
Usage
Definition

import { Wifi } from '@dinghy/diagrams/entitiesIos7Icons'

<Wifi/>

// or

import { extendStyle } from "@dinghy/base-components";
import { WIFI } from '@dinghy/diagrams/entitiesIos7Icons'

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

{
  _style: {
    entity: 'html=1;verticalLabelPosition=bottom;align=center;labelBackgroundColor=#ffffff;verticalAlign=top;strokeWidth=2;strokeColor=#0080F0;shadow=0;dashed=0;shape=mxgraph.ios7.icons.wifi;pointerEvents=1',
  },
  _width: 29.7,
  _height: 21,
}

Window

Preview
Usage
Definition

import { Window } from '@dinghy/diagrams/entitiesIos7Icons'

<Window/>

// or

import { extendStyle } from "@dinghy/base-components";
import { WINDOW } from '@dinghy/diagrams/entitiesIos7Icons'

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

{
  _style: {
    entity: 'html=1;verticalLabelPosition=bottom;align=center;labelBackgroundColor=#ffffff;verticalAlign=top;strokeWidth=2;strokeColor=#0080F0;shadow=0;dashed=0;shape=mxgraph.ios7.icons.window;',
  },
  _original_width: 30,
  _original_height: 30,

}

Add​

Alarm Clock​

Back​

Backward​

Bag​

Basket Cancel​

Basketball​

Battery​

Bell​

Bluetooth​

Book​

Bookmark​

Box​

Briefcase​

Calculator​

Calendar​

Camera​

Chat​

Clock​

Cloud​

Compose​

Controls​

Credit Card​

Crop​

Cube​

Cup​

Data​

Delete​

Document​

Documents​

Down​

Edit​

Envelope (Empty)​

Envelope (Message)​

Eye​

Flag​

Flash​

Flashlight​

Folder​

Folders​

Folders 2​

Forward​

Gauge​

Glasses​

Globe​

Heart​

Help​

Home​

Info​

Keypad​

Lightbulb​

Link​

Location​

Location 2​

Locked​

Looking Glass​

Loud​

Magnet​

Mail​

Map​

Message​

Messages​

Microphone​

Monitor​

Moon​

Most Viewed​

Move to Folder​

Note​

Options​

Orientation Lock​

Page Navigation​

Paint​

Pause​

Pen​

Pie Chart​

Play​

Pointer​

Preferences​

Printer​

Privacy​

Add

Alarm Clock

Back

Backward

Bag

Basket Cancel

Basketball

Battery

Bell

Bluetooth

Book

Bookmark

Box

Briefcase

Calculator

Calendar

Camera

Chat

Clock

Cloud

Compose

Controls

Credit Card

Crop

Cube

Cup

Data

Delete

Document

Documents

Down

Edit

Envelope (Empty)

Envelope (Message)

Eye

Flag

Flash

Flashlight

Folder

Folders

Folders 2

Forward

Gauge

Glasses

Globe

Heart

Help

Home

Info

Keypad

Lightbulb

Link

Location

Location 2

Locked

Looking Glass

Loud

Magnet

Mail

Map

Message

Messages

Microphone

Monitor

Moon

Most Viewed

Move to Folder

Note

Options

Orientation Lock

Page Navigation

Paint

Pause

Pen

Pie Chart

Play

Pointer

Preferences

Printer

Privacy