Web Icons Entities

Adfty

Preview
Usage
Definition

import { Adfty } from '@dinghy/diagrams/entitiesWebIcons'

<Adfty/>

// or

import { extendStyle } from "@dinghy/base-components";
import { ADFTY } from '@dinghy/diagrams/entitiesWebIcons'

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

{
  _style: {
    entity: 'dashed=0;outlineConnect=0;html=1;align=center;labelPosition=center;verticalLabelPosition=bottom;verticalAlign=top;shape=mxgraph.webicons.adfty;fillColor=#66E8F3;gradientColor=#1C7CBA',
  },
  _original_width: 102.4,
  _original_height: 102.4,

}

Adobe PDF

Preview
Usage
Definition

import { AdobePdf } from '@dinghy/diagrams/entitiesWebIcons'

<AdobePdf/>

// or

import { extendStyle } from "@dinghy/base-components";
import { ADOBE_PDF } from '@dinghy/diagrams/entitiesWebIcons'

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

{
  _style: {
    entity: 'dashed=0;outlineConnect=0;html=1;align=center;labelPosition=center;verticalLabelPosition=bottom;verticalAlign=top;shape=mxgraph.webicons.adobe_pdf;fillColor=#F40C0C;gradientColor=#610603',
  },
  _original_width: 102.4,
  _original_height: 102.4,

}

Aim

Preview
Usage
Definition

import { Aim } from '@dinghy/diagrams/entitiesWebIcons'

<Aim/>

// or

import { extendStyle } from "@dinghy/base-components";
import { AIM } from '@dinghy/diagrams/entitiesWebIcons'

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

{
  _style: {
    entity: 'dashed=0;outlineConnect=0;html=1;align=center;labelPosition=center;verticalLabelPosition=bottom;verticalAlign=top;shape=mxgraph.webicons.aim;fillColor=#27E1E5;gradientColor=#0A4361',
  },
  _original_width: 102.4,
  _original_height: 102.4,

}

Allvoices

Preview
Usage
Definition

import { Allvoices } from '@dinghy/diagrams/entitiesWebIcons'

<Allvoices/>

// or

import { extendStyle } from "@dinghy/base-components";
import { ALLVOICES } from '@dinghy/diagrams/entitiesWebIcons'

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

{
  _style: {
    entity: 'dashed=0;outlineConnect=0;html=1;align=center;labelPosition=center;verticalLabelPosition=bottom;verticalAlign=top;shape=mxgraph.webicons.allvoices;fillColor=#807E7E;gradientColor=#1B1C1C',
  },
  _original_width: 102.4,
  _original_height: 102.4,

}

Amazon

Preview
Usage
Definition

import { Amazon } from '@dinghy/diagrams/entitiesWebIcons'

<Amazon/>

// or

import { extendStyle } from "@dinghy/base-components";
import { AMAZON } from '@dinghy/diagrams/entitiesWebIcons'

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

{
  _style: {
    entity: 'dashed=0;outlineConnect=0;html=1;align=center;labelPosition=center;verticalLabelPosition=bottom;verticalAlign=top;shape=mxgraph.webicons.amazon;gradientColor=#DFDEDE',
  },
  _original_width: 102.4,
  _original_height: 102.4,

}

Amazon 2

Preview
Usage
Definition

import { Amazon2 } from '@dinghy/diagrams/entitiesWebIcons'

<Amazon2/>

// or

import { extendStyle } from "@dinghy/base-components";
import { AMAZON_2 } from '@dinghy/diagrams/entitiesWebIcons'

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

{
  _style: {
    entity: 'dashed=0;outlineConnect=0;html=1;align=center;labelPosition=center;verticalLabelPosition=bottom;verticalAlign=top;shape=mxgraph.webicons.amazon_2;gradientColor=#231F20',
  },
  _original_width: 102.4,
  _original_height: 102.4,

}

Android

Preview
Usage
Definition

import { Android } from '@dinghy/diagrams/entitiesWebIcons'

<Android/>

// or

import { extendStyle } from "@dinghy/base-components";
import { ANDROID } from '@dinghy/diagrams/entitiesWebIcons'

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

{
  _style: {
    entity: 'dashed=0;outlineConnect=0;html=1;align=center;labelPosition=center;verticalLabelPosition=bottom;verticalAlign=top;shape=mxgraph.webicons.android;gradientColor=#DFDEDE',
  },
  _original_width: 102.4,
  _original_height: 102.4,

}

Apache

Preview
Usage
Definition

import { Apache } from '@dinghy/diagrams/entitiesWebIcons'

<Apache/>

// or

import { extendStyle } from "@dinghy/base-components";
import { APACHE } from '@dinghy/diagrams/entitiesWebIcons'

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

{
  _style: {
    entity: 'dashed=0;outlineConnect=0;html=1;align=center;labelPosition=center;verticalLabelPosition=bottom;verticalAlign=top;shape=mxgraph.webicons.apache;gradientColor=#DFDEDE',
  },
  _original_width: 102.4,
  _original_height: 102.4,

}

Apple

Preview
Usage
Definition

import { Apple } from '@dinghy/diagrams/entitiesWebIcons'

<Apple/>

// or

import { extendStyle } from "@dinghy/base-components";
import { APPLE } from '@dinghy/diagrams/entitiesWebIcons'

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

{
  _style: {
    entity: 'dashed=0;outlineConnect=0;html=1;align=center;labelPosition=center;verticalLabelPosition=bottom;verticalAlign=top;shape=mxgraph.webicons.apple;fillColor=#807E7E;gradientColor=#1B1C1C',
  },
  _original_width: 102.4,
  _original_height: 102.4,

}

Apple (classic)

Preview
Usage
Definition

import { AppleClassic } from '@dinghy/diagrams/entitiesWebIcons'

<AppleClassic/>

// or

import { extendStyle } from "@dinghy/base-components";
import { APPLE_CLASSIC } from '@dinghy/diagrams/entitiesWebIcons'

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

{
  _style: {
    entity: 'dashed=0;outlineConnect=0;html=1;align=center;labelPosition=center;verticalLabelPosition=bottom;verticalAlign=top;shape=mxgraph.webicons.apple_classic;fillColor=#66E8F3;gradientColor=#1C7CBA',
  },
  _original_width: 102.4,
  _original_height: 102.4,

}

Arduino

Preview
Usage
Definition

import { Arduino } from '@dinghy/diagrams/entitiesWebIcons'

<Arduino/>

// or

import { extendStyle } from "@dinghy/base-components";
import { ARDUINO } from '@dinghy/diagrams/entitiesWebIcons'

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

{
  _style: {
    entity: 'dashed=0;outlineConnect=0;html=1;align=center;labelPosition=center;verticalLabelPosition=bottom;verticalAlign=top;shape=mxgraph.webicons.arduino;gradientColor=#DFDEDE',
  },
  _original_width: 102.4,
  _original_height: 102.4,

}

Ask

Preview
Usage
Definition

import { Ask } from '@dinghy/diagrams/entitiesWebIcons'

<Ask/>

// or

import { extendStyle } from "@dinghy/base-components";
import { ASK } from '@dinghy/diagrams/entitiesWebIcons'

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

{
  _style: {
    entity: 'dashed=0;outlineConnect=0;html=1;align=center;labelPosition=center;verticalLabelPosition=bottom;verticalAlign=top;shape=mxgraph.webicons.ask;fillColor=#F33543;gradientColor=#B50E11',
  },
  _original_width: 102.4,
  _original_height: 102.4,

}

Atlassian

Preview
Usage
Definition

import { Atlassian } from '@dinghy/diagrams/entitiesWebIcons'

<Atlassian/>

// or

import { extendStyle } from "@dinghy/base-components";
import { ATLASSIAN } from '@dinghy/diagrams/entitiesWebIcons'

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

{
  _style: {
    entity: 'dashed=0;outlineConnect=0;html=1;align=center;labelPosition=center;verticalLabelPosition=bottom;verticalAlign=top;shape=mxgraph.webicons.atlassian;gradientColor=#DFDEDE',
  },
  _original_width: 102.4,
  _original_height: 102.4,

}

Audioboo

Preview
Usage
Definition

import { Audioboo } from '@dinghy/diagrams/entitiesWebIcons'

<Audioboo/>

// or

import { extendStyle } from "@dinghy/base-components";
import { AUDIOBOO } from '@dinghy/diagrams/entitiesWebIcons'

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

{
  _style: {
    entity: 'dashed=0;outlineConnect=0;html=1;align=center;labelPosition=center;verticalLabelPosition=bottom;verticalAlign=top;shape=mxgraph.webicons.audioboo;fillColor=#EB35CF;gradientColor=#8C0E35',
  },
  _original_width: 102.4,
  _original_height: 102.4,

}

AWS

Preview
Usage
Definition

import { Aws } from '@dinghy/diagrams/entitiesWebIcons'

<Aws/>

// or

import { extendStyle } from "@dinghy/base-components";
import { AWS } from '@dinghy/diagrams/entitiesWebIcons'

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

{
  _style: {
    entity: 'dashed=0;outlineConnect=0;html=1;align=center;labelPosition=center;verticalLabelPosition=bottom;verticalAlign=top;shape=mxgraph.webicons.aws;gradientColor=#DFDEDE',
  },
  _original_width: 102.4,
  _original_height: 102.4,

}

AWS S3

Preview
Usage
Definition

import { AwsS3 } from '@dinghy/diagrams/entitiesWebIcons'

<AwsS3/>

// or

import { extendStyle } from "@dinghy/base-components";
import { AWS_S3 } from '@dinghy/diagrams/entitiesWebIcons'

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

{
  _style: {
    entity: 'dashed=0;outlineConnect=0;html=1;align=center;labelPosition=center;verticalLabelPosition=bottom;verticalAlign=top;shape=mxgraph.webicons.aws_s3;gradientColor=#DFDEDE',
  },
  _original_width: 102.4,
  _original_height: 102.4,

}

Baidu

Preview
Usage
Definition

import { Baidu } from '@dinghy/diagrams/entitiesWebIcons'

<Baidu/>

// or

import { extendStyle } from "@dinghy/base-components";
import { BAIDU } from '@dinghy/diagrams/entitiesWebIcons'

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

{
  _style: {
    entity: 'dashed=0;outlineConnect=0;html=1;align=center;labelPosition=center;verticalLabelPosition=bottom;verticalAlign=top;shape=mxgraph.webicons.baidu;fillColor=#738FE8;gradientColor=#1F2470',
  },
  _original_width: 102.4,
  _original_height: 102.4,

}

Bebo

Preview
Usage
Definition

import { Bebo } from '@dinghy/diagrams/entitiesWebIcons'

<Bebo/>

// or

import { extendStyle } from "@dinghy/base-components";
import { BEBO } from '@dinghy/diagrams/entitiesWebIcons'

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

{
  _style: {
    entity: 'dashed=0;outlineConnect=0;html=1;align=center;labelPosition=center;verticalLabelPosition=bottom;verticalAlign=top;shape=mxgraph.webicons.bebo;fillColor=#695D5D;gradientColor=#100E0E',
  },
  _original_width: 102.4,
  _original_height: 102.4,

}

Behance

Preview
Usage
Definition

import { Behance } from '@dinghy/diagrams/entitiesWebIcons'

<Behance/>

// or

import { extendStyle } from "@dinghy/base-components";
import { BEHANCE } from '@dinghy/diagrams/entitiesWebIcons'

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

{
  _style: {
    entity: 'dashed=0;outlineConnect=0;html=1;align=center;labelPosition=center;verticalLabelPosition=bottom;verticalAlign=top;shape=mxgraph.webicons.behance;fillColor=#695D5D;gradientColor=#100E0E',
  },
  _original_width: 102.4,
  _original_height: 102.4,

}

Bing

Preview
Usage
Definition

import { Bing } from '@dinghy/diagrams/entitiesWebIcons'

<Bing/>

// or

import { extendStyle } from "@dinghy/base-components";
import { BING } from '@dinghy/diagrams/entitiesWebIcons'

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

{
  _style: {
    entity: 'dashed=0;outlineConnect=0;html=1;align=center;labelPosition=center;verticalLabelPosition=bottom;verticalAlign=top;shape=mxgraph.webicons.bing;fillColor=#0A776E;gradientColor=#053D39',
  },
  _original_width: 102.4,
  _original_height: 102.4,

}

Bitbucket

Preview
Usage
Definition

import { Bitbucket } from '@dinghy/diagrams/entitiesWebIcons'

<Bitbucket/>

// or

import { extendStyle } from "@dinghy/base-components";
import { BITBUCKET } from '@dinghy/diagrams/entitiesWebIcons'

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

{
  _style: {
    entity: 'dashed=0;outlineConnect=0;html=1;align=center;labelPosition=center;verticalLabelPosition=bottom;verticalAlign=top;shape=mxgraph.webicons.bitbucket;gradientColor=#DFDEDE',
  },
  _original_width: 102.4,
  _original_height: 102.4,

}

Blinklist

Preview
Usage
Definition

import { Blinklist } from '@dinghy/diagrams/entitiesWebIcons'

<Blinklist/>

// or

import { extendStyle } from "@dinghy/base-components";
import { BLINKLIST } from '@dinghy/diagrams/entitiesWebIcons'

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

{
  _style: {
    entity: 'dashed=0;outlineConnect=0;html=1;align=center;labelPosition=center;verticalLabelPosition=bottom;verticalAlign=top;shape=mxgraph.webicons.blinklist;fillColor=#695D5D;gradientColor=#100E0E',
  },
  _original_width: 102.4,
  _original_height: 102.4,

}

Blogger

Preview
Usage
Definition

import { Blogger } from '@dinghy/diagrams/entitiesWebIcons'

<Blogger/>

// or

import { extendStyle } from "@dinghy/base-components";
import { BLOGGER } from '@dinghy/diagrams/entitiesWebIcons'

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

{
  _style: {
    entity: 'dashed=0;outlineConnect=0;html=1;align=center;labelPosition=center;verticalLabelPosition=bottom;verticalAlign=top;shape=mxgraph.webicons.blogger;fillColor=#FDE47C;gradientColor=#F55F21',
  },
  _original_width: 102.4,
  _original_height: 102.4,

}

Blogmarks

Preview
Usage
Definition

import { Blogmarks } from '@dinghy/diagrams/entitiesWebIcons'

<Blogmarks/>

// or

import { extendStyle } from "@dinghy/base-components";
import { BLOGMARKS } from '@dinghy/diagrams/entitiesWebIcons'

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

{
  _style: {
    entity: 'dashed=0;outlineConnect=0;html=1;align=center;labelPosition=center;verticalLabelPosition=bottom;verticalAlign=top;shape=mxgraph.webicons.blogmarks;gradientColor=#DFDEDE',
  },
  _original_width: 102.4,
  _original_height: 102.4,

}

Bookmarks.fr

Preview
Usage
Definition

import { BookmarksFr } from '@dinghy/diagrams/entitiesWebIcons'

<BookmarksFr/>

// or

import { extendStyle } from "@dinghy/base-components";
import { BOOKMARKS_FR } from '@dinghy/diagrams/entitiesWebIcons'

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

{
  _style: {
    entity: 'dashed=0;outlineConnect=0;html=1;align=center;labelPosition=center;verticalLabelPosition=bottom;verticalAlign=top;shape=mxgraph.webicons.bookmarks.fr;fillColor=#F9FAF4;gradientColor=#DCDFBB',
  },
  _original_width: 102.4,
  _original_height: 102.4,

}

Box

Preview
Usage
Definition

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

<Box/>

// or

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

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

{
  _style: {
    entity: 'dashed=0;outlineConnect=0;html=1;align=center;labelPosition=center;verticalLabelPosition=bottom;verticalAlign=top;shape=mxgraph.webicons.box;fillColor=#4CDFEF;gradientColor=#153EA0',
  },
  _original_width: 102.4,
  _original_height: 102.4,

}

Buddymarks

Preview
Usage
Definition

import { Buddymarks } from '@dinghy/diagrams/entitiesWebIcons'

<Buddymarks/>

// or

import { extendStyle } from "@dinghy/base-components";
import { BUDDYMARKS } from '@dinghy/diagrams/entitiesWebIcons'

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

{
  _style: {
    entity: 'dashed=0;outlineConnect=0;html=1;align=center;labelPosition=center;verticalLabelPosition=bottom;verticalAlign=top;shape=mxgraph.webicons.buddymarks;gradientColor=#DFDEDE',
  },
  _original_width: 102.4,
  _original_height: 102.4,

}

Buffer

Preview
Usage
Definition

import { Buffer } from '@dinghy/diagrams/entitiesWebIcons'

<Buffer/>

// or

import { extendStyle } from "@dinghy/base-components";
import { BUFFER } from '@dinghy/diagrams/entitiesWebIcons'

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

{
  _style: {
    entity: 'dashed=0;outlineConnect=0;html=1;align=center;labelPosition=center;verticalLabelPosition=bottom;verticalAlign=top;shape=mxgraph.webicons.buffer;gradientColor=#DFDEDE',
  },
  _original_width: 102.4,
  _original_height: 102.4,

}

Buzzfeed

Preview
Usage
Definition

import { Buzzfeed } from '@dinghy/diagrams/entitiesWebIcons'

<Buzzfeed/>

// or

import { extendStyle } from "@dinghy/base-components";
import { BUZZFEED } from '@dinghy/diagrams/entitiesWebIcons'

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

{
  _style: {
    entity: 'dashed=0;outlineConnect=0;html=1;align=center;labelPosition=center;verticalLabelPosition=bottom;verticalAlign=top;shape=mxgraph.webicons.buzzfeed;gradientColor=#DFDEDE',
  },
  _original_width: 102.4,
  _original_height: 102.4,

}

Chrome

Preview
Usage
Definition

import { Chrome } from '@dinghy/diagrams/entitiesWebIcons'

<Chrome/>

// or

import { extendStyle } from "@dinghy/base-components";
import { CHROME } from '@dinghy/diagrams/entitiesWebIcons'

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

{
  _style: {
    entity: 'dashed=0;outlineConnect=0;html=1;align=center;labelPosition=center;verticalLabelPosition=bottom;verticalAlign=top;shape=mxgraph.webicons.chrome;gradientColor=#DFDEDE',
  },
  _width: 103.2,
  _height: 104,
}

Citeulike

Preview
Usage
Definition

import { Citeulike } from '@dinghy/diagrams/entitiesWebIcons'

<Citeulike/>

// or

import { extendStyle } from "@dinghy/base-components";
import { CITEULIKE } from '@dinghy/diagrams/entitiesWebIcons'

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

{
  _style: {
    entity: 'dashed=0;outlineConnect=0;html=1;align=center;labelPosition=center;verticalLabelPosition=bottom;verticalAlign=top;shape=mxgraph.webicons.citeulike;fillColor=#ACD65E;gradientColor=#2E3618',
  },
  _original_width: 102.4,
  _original_height: 102.4,

}

Confluence

Preview
Usage
Definition

import { Confluence } from '@dinghy/diagrams/entitiesWebIcons'

<Confluence/>

// or

import { extendStyle } from "@dinghy/base-components";
import { CONFLUENCE } from '@dinghy/diagrams/entitiesWebIcons'

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

{
  _style: {
    entity: 'dashed=0;outlineConnect=0;html=1;align=center;labelPosition=center;verticalLabelPosition=bottom;verticalAlign=top;shape=mxgraph.webicons.confluence;gradientColor=#DFDEDE',
  },
  _original_width: 102.4,
  _original_height: 102.4,

}

Connotea

Preview
Usage
Definition

import { Connotea } from '@dinghy/diagrams/entitiesWebIcons'

<Connotea/>

// or

import { extendStyle } from "@dinghy/base-components";
import { CONNOTEA } from '@dinghy/diagrams/entitiesWebIcons'

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

{
  _style: {
    entity: 'dashed=0;outlineConnect=0;html=1;align=center;labelPosition=center;verticalLabelPosition=bottom;verticalAlign=top;shape=mxgraph.webicons.connotea;fillColor=#E9FDFC;gradientColor=#BADBE9',
  },
  _original_width: 102.4,
  _original_height: 102.4,

}

Dealsplus

Preview
Usage
Definition

import { Dealsplus } from '@dinghy/diagrams/entitiesWebIcons'

<Dealsplus/>

// or

import { extendStyle } from "@dinghy/base-components";
import { DEALSPLUS } from '@dinghy/diagrams/entitiesWebIcons'

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

{
  _style: {
    entity: 'dashed=0;outlineConnect=0;html=1;align=center;labelPosition=center;verticalLabelPosition=bottom;verticalAlign=top;shape=mxgraph.webicons.dealsplus;fillColor=#B569B5;gradientColor=#7A467A',
  },
  _original_width: 102.4,
  _original_height: 102.4,

}

Delicious

Preview
Usage
Definition

import { Delicious } from '@dinghy/diagrams/entitiesWebIcons'

<Delicious/>

// or

import { extendStyle } from "@dinghy/base-components";
import { DELICIOUS } from '@dinghy/diagrams/entitiesWebIcons'

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

{
  _style: {
    entity: 'dashed=0;outlineConnect=0;html=1;align=center;labelPosition=center;verticalLabelPosition=bottom;verticalAlign=top;shape=mxgraph.webicons.delicious',
  },
  _original_width: 102.4,
  _original_height: 102.4,

}

Designfloat

Preview
Usage
Definition

import { Designfloat } from '@dinghy/diagrams/entitiesWebIcons'

<Designfloat/>

// or

import { extendStyle } from "@dinghy/base-components";
import { DESIGNFLOAT } from '@dinghy/diagrams/entitiesWebIcons'

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

{
  _style: {
    entity: 'dashed=0;outlineConnect=0;html=1;align=center;labelPosition=center;verticalLabelPosition=bottom;verticalAlign=top;shape=mxgraph.webicons.designfloat;fillColor=#247BE0;gradientColor=#0A1F42',
  },
  _original_width: 102.4,
  _original_height: 102.4,

}

Deviantart

Preview
Usage
Definition

import { Deviantart } from '@dinghy/diagrams/entitiesWebIcons'

<Deviantart/>

// or

import { extendStyle } from "@dinghy/base-components";
import { DEVIANTART } from '@dinghy/diagrams/entitiesWebIcons'

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

{
  _style: {
    entity: 'dashed=0;outlineConnect=0;html=1;align=center;labelPosition=center;verticalLabelPosition=bottom;verticalAlign=top;shape=mxgraph.webicons.deviantart;fillColor=#00C659;gradientColor=#00813B',
  },
  _original_width: 102.4,
  _original_height: 102.4,

}

Digg

Preview
Usage
Definition

import { Digg } from '@dinghy/diagrams/entitiesWebIcons'

<Digg/>

// or

import { extendStyle } from "@dinghy/base-components";
import { DIGG } from '@dinghy/diagrams/entitiesWebIcons'

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

{
  _style: {
    entity: 'dashed=0;outlineConnect=0;html=1;align=center;labelPosition=center;verticalLabelPosition=bottom;verticalAlign=top;shape=mxgraph.webicons.digg;gradientColor=#DFDEDE',
  },
  _original_width: 102.4,
  _original_height: 102.4,

}

Diigo

Preview
Usage
Definition

import { Diigo } from '@dinghy/diagrams/entitiesWebIcons'

<Diigo/>

// or

import { extendStyle } from "@dinghy/base-components";
import { DIIGO } from '@dinghy/diagrams/entitiesWebIcons'

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

{
  _style: {
    entity: 'dashed=0;outlineConnect=0;html=1;align=center;labelPosition=center;verticalLabelPosition=bottom;verticalAlign=top;shape=mxgraph.webicons.diigo;fillColor=#2C7DE0;gradientColor=#1E5599',
  },
  _original_width: 102.4,
  _original_height: 102.4,

}

Dopplr

Preview
Usage
Definition

import { Dopplr } from '@dinghy/diagrams/entitiesWebIcons'

<Dopplr/>

// or

import { extendStyle } from "@dinghy/base-components";
import { DOPPLR } from '@dinghy/diagrams/entitiesWebIcons'

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

{
  _style: {
    entity: 'dashed=0;outlineConnect=0;html=1;align=center;labelPosition=center;verticalLabelPosition=bottom;verticalAlign=top;shape=mxgraph.webicons.dopplr;gradientColor=#DFDEDE',
  },
  _original_width: 102.4,
  _original_height: 102.4,

}

draw.io

Preview
Usage
Definition

import { DrawIo } from '@dinghy/diagrams/entitiesWebIcons'

<DrawIo/>

// or

import { extendStyle } from "@dinghy/base-components";
import { DRAW_IO } from '@dinghy/diagrams/entitiesWebIcons'

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

{
  _style: {
    entity: 'dashed=0;outlineConnect=0;html=1;align=center;labelPosition=center;verticalLabelPosition=bottom;verticalAlign=top;shape=mxgraph.webicons.drawio2;fillColor=#2174CE;gradientColor=#134277',
  },
  _original_width: 102.4,
  _original_height: 102.4,

}

Dribbble

Preview
Usage
Definition

import { Dribbble } from '@dinghy/diagrams/entitiesWebIcons'

<Dribbble/>

// or

import { extendStyle } from "@dinghy/base-components";
import { DRIBBBLE } from '@dinghy/diagrams/entitiesWebIcons'

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

{
  _style: {
    entity: 'dashed=0;outlineConnect=0;html=1;align=center;labelPosition=center;verticalLabelPosition=bottom;verticalAlign=top;shape=mxgraph.webicons.dribbble;gradientColor=#DFDEDE',
  },
  _original_width: 102.4,
  _original_height: 102.4,

}

Dropbox

Preview
Usage
Definition

import { Dropbox } from '@dinghy/diagrams/entitiesWebIcons'

<Dropbox/>

// or

import { extendStyle } from "@dinghy/base-components";
import { DROPBOX } from '@dinghy/diagrams/entitiesWebIcons'

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

{
  _style: {
    entity: 'dashed=0;outlineConnect=0;html=1;align=center;labelPosition=center;verticalLabelPosition=bottom;verticalAlign=top;shape=mxgraph.webicons.dropbox;fillColor=#0BAAFE;gradientColor=#0080E6',
  },
  _original_width: 102.4,
  _original_height: 102.4,

}

Dropbox 2

Preview
Usage
Definition

import { Dropbox2 } from '@dinghy/diagrams/entitiesWebIcons'

<Dropbox2/>

// or

import { extendStyle } from "@dinghy/base-components";
import { DROPBOX_2 } from '@dinghy/diagrams/entitiesWebIcons'

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

{
  _style: {
    entity: 'dashed=0;outlineConnect=0;html=1;align=center;labelPosition=center;verticalLabelPosition=bottom;verticalAlign=top;shape=mxgraph.webicons.dropbox2;fillColor=#2FB8FC;gradientColor=#0080E6',
  },
  _original_width: 102.4,
  _original_height: 102.4,

}

Drupal

Preview
Usage
Definition

import { Drupal } from '@dinghy/diagrams/entitiesWebIcons'

<Drupal/>

// or

import { extendStyle } from "@dinghy/base-components";
import { DRUPAL } from '@dinghy/diagrams/entitiesWebIcons'

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

{
  _style: {
    entity: 'dashed=0;outlineConnect=0;html=1;align=center;labelPosition=center;verticalLabelPosition=bottom;verticalAlign=top;shape=mxgraph.webicons.drupal;gradientColor=#DFDEDE',
  },
  _original_width: 102.4,
  _original_height: 102.4,

}

Dzone

Preview
Usage
Definition

import { Dzone } from '@dinghy/diagrams/entitiesWebIcons'

<Dzone/>

// or

import { extendStyle } from "@dinghy/base-components";
import { DZONE } from '@dinghy/diagrams/entitiesWebIcons'

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

{
  _style: {
    entity: 'dashed=0;outlineConnect=0;html=1;align=center;labelPosition=center;verticalLabelPosition=bottom;verticalAlign=top;shape=mxgraph.webicons.dzone;gradientColor=#DFDEDE',
  },
  _original_width: 102.4,
  _original_height: 102.4,

}

Ebay

Preview
Usage
Definition

import { Ebay } from '@dinghy/diagrams/entitiesWebIcons'

<Ebay/>

// or

import { extendStyle } from "@dinghy/base-components";
import { EBAY } from '@dinghy/diagrams/entitiesWebIcons'

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

{
  _style: {
    entity: 'dashed=0;outlineConnect=0;html=1;align=center;labelPosition=center;verticalLabelPosition=bottom;verticalAlign=top;shape=mxgraph.webicons.ebay;gradientColor=#DFDEDE',
  },
  _original_width: 102.4,
  _original_height: 102.4,

}

Edmodo

Preview
Usage
Definition

import { Edmodo } from '@dinghy/diagrams/entitiesWebIcons'

<Edmodo/>

// or

import { extendStyle } from "@dinghy/base-components";
import { EDMODO } from '@dinghy/diagrams/entitiesWebIcons'

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

{
  _style: {
    entity: 'dashed=0;outlineConnect=0;html=1;align=center;labelPosition=center;verticalLabelPosition=bottom;verticalAlign=top;shape=mxgraph.webicons.edmodo;fillColor=#2F81CE;gradientColor=#1F5487',
  },
  _original_width: 102.4,
  _original_height: 102.4,

}

Evernote

Preview
Usage
Definition

import { Evernote } from '@dinghy/diagrams/entitiesWebIcons'

<Evernote/>

// or

import { extendStyle } from "@dinghy/base-components";
import { EVERNOTE } from '@dinghy/diagrams/entitiesWebIcons'

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

{
  _style: {
    entity: 'dashed=0;outlineConnect=0;html=1;align=center;labelPosition=center;verticalLabelPosition=bottom;verticalAlign=top;shape=mxgraph.webicons.evernote;fillColor=#D4EF75;gradientColor=#399F1F',
  },
  _original_width: 102.4,
  _original_height: 102.4,

}

Facebook

Preview
Usage
Definition

import { Facebook } from '@dinghy/diagrams/entitiesWebIcons'

<Facebook/>

// or

import { extendStyle } from "@dinghy/base-components";
import { FACEBOOK } from '@dinghy/diagrams/entitiesWebIcons'

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

{
  _style: {
    entity: 'dashed=0;outlineConnect=0;html=1;align=center;labelPosition=center;verticalLabelPosition=bottom;verticalAlign=top;shape=mxgraph.webicons.facebook;fillColor=#6294E4;gradientColor=#1A2665',
  },
  _original_width: 102.4,
  _original_height: 102.4,

}

Fancy

Preview
Usage
Definition

import { Fancy } from '@dinghy/diagrams/entitiesWebIcons'

<Fancy/>

// or

import { extendStyle } from "@dinghy/base-components";
import { FANCY } from '@dinghy/diagrams/entitiesWebIcons'

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

{
  _style: {
    entity: 'dashed=0;outlineConnect=0;html=1;align=center;labelPosition=center;verticalLabelPosition=bottom;verticalAlign=top;shape=mxgraph.webicons.fancy;fillColor=#C3ECF8;gradientColor=#348DD4',
  },
  _original_width: 102.4,
  _original_height: 102.4,

}

Fark

Preview
Usage
Definition

import { Fark } from '@dinghy/diagrams/entitiesWebIcons'

<Fark/>

// or

import { extendStyle } from "@dinghy/base-components";
import { FARK } from '@dinghy/diagrams/entitiesWebIcons'

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

{
  _style: {
    entity: 'dashed=0;outlineConnect=0;html=1;align=center;labelPosition=center;verticalLabelPosition=bottom;verticalAlign=top;shape=mxgraph.webicons.fark;fillColor=#EBEBF1;gradientColor=#8482A7',
  },
  _original_width: 102.4,
  _original_height: 102.4,

}

Fashiolista

Preview
Usage
Definition

import { Fashiolista } from '@dinghy/diagrams/entitiesWebIcons'

<Fashiolista/>

// or

import { extendStyle } from "@dinghy/base-components";
import { FASHIOLISTA } from '@dinghy/diagrams/entitiesWebIcons'

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

{
  _style: {
    entity: 'dashed=0;outlineConnect=0;html=1;align=center;labelPosition=center;verticalLabelPosition=bottom;verticalAlign=top;shape=mxgraph.webicons.fashiolista;gradientColor=#DFDEDE',
  },
  _original_width: 102.4,
  _original_height: 102.4,

}

Feed

Preview
Usage
Definition

import { Feed } from '@dinghy/diagrams/entitiesWebIcons'

<Feed/>

// or

import { extendStyle } from "@dinghy/base-components";
import { FEED } from '@dinghy/diagrams/entitiesWebIcons'

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

{
  _style: {
    entity: 'dashed=0;outlineConnect=0;html=1;align=center;labelPosition=center;verticalLabelPosition=bottom;verticalAlign=top;shape=mxgraph.webicons.feed;fillColor=#FFAC75;gradientColor=#FF6600',
  },
  _original_width: 102.4,
  _original_height: 102.4,

}

Feedburner

Preview
Usage
Definition

import { Feedburner } from '@dinghy/diagrams/entitiesWebIcons'

<Feedburner/>

// or

import { extendStyle } from "@dinghy/base-components";
import { FEEDBURNER } from '@dinghy/diagrams/entitiesWebIcons'

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

{
  _style: {
    entity: 'dashed=0;outlineConnect=0;html=1;align=center;labelPosition=center;verticalLabelPosition=bottom;verticalAlign=top;shape=mxgraph.webicons.feedburner;gradientColor=#DFDEDE',
  },
  _original_width: 102.4,
  _original_height: 102.4,

}

Flickr

Preview
Usage
Definition

import { Flickr } from '@dinghy/diagrams/entitiesWebIcons'

<Flickr/>

// or

import { extendStyle } from "@dinghy/base-components";
import { FLICKR } from '@dinghy/diagrams/entitiesWebIcons'

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

{
  _style: {
    entity: 'dashed=0;outlineConnect=0;html=1;align=center;labelPosition=center;verticalLabelPosition=bottom;verticalAlign=top;shape=mxgraph.webicons.flickr;gradientColor=#DFDEDE',
  },
  _original_width: 102.4,
  _original_height: 102.4,

}

Folkd

Preview
Usage
Definition

import { Folkd } from '@dinghy/diagrams/entitiesWebIcons'

<Folkd/>

// or

import { extendStyle } from "@dinghy/base-components";
import { FOLKD } from '@dinghy/diagrams/entitiesWebIcons'

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

{
  _style: {
    entity: 'dashed=0;outlineConnect=0;html=1;align=center;labelPosition=center;verticalLabelPosition=bottom;verticalAlign=top;shape=mxgraph.webicons.folkd;fillColor=#27A2E9;gradientColor=#0A2977',
  },
  _original_width: 102.4,
  _original_height: 102.4,

}

Forrst

Preview
Usage
Definition

import { Forrst } from '@dinghy/diagrams/entitiesWebIcons'

<Forrst/>

// or

import { extendStyle } from "@dinghy/base-components";
import { FORRST } from '@dinghy/diagrams/entitiesWebIcons'

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

{
  _style: {
    entity: 'dashed=0;outlineConnect=0;html=1;align=center;labelPosition=center;verticalLabelPosition=bottom;verticalAlign=top;shape=mxgraph.webicons.forrst;fillColor=#3E6B32;gradientColor=#111C0D',
  },
  _original_width: 102.4,
  _original_height: 102.4,

}

Fotolog

Preview
Usage
Definition

import { Fotolog } from '@dinghy/diagrams/entitiesWebIcons'

<Fotolog/>

// or

import { extendStyle } from "@dinghy/base-components";
import { FOTOLOG } from '@dinghy/diagrams/entitiesWebIcons'

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

{
  _style: {
    entity: 'dashed=0;outlineConnect=0;html=1;align=center;labelPosition=center;verticalLabelPosition=bottom;verticalAlign=top;shape=mxgraph.webicons.fotolog;gradientColor=#DFDEDE',
  },
  _original_width: 102.4,
  _original_height: 102.4,

}

Freshbump

Preview
Usage
Definition

import { Freshbump } from '@dinghy/diagrams/entitiesWebIcons'

<Freshbump/>

// or

import { extendStyle } from "@dinghy/base-components";
import { FRESHBUMP } from '@dinghy/diagrams/entitiesWebIcons'

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

{
  _style: {
    entity: 'dashed=0;outlineConnect=0;html=1;align=center;labelPosition=center;verticalLabelPosition=bottom;verticalAlign=top;shape=mxgraph.webicons.freshbump;fillColor=#695D5D;gradientColor=#100E0E',
  },
  _original_width: 102.4,
  _original_height: 102.4,

}

Fresqui

Preview
Usage
Definition

import { Fresqui } from '@dinghy/diagrams/entitiesWebIcons'

<Fresqui/>

// or

import { extendStyle } from "@dinghy/base-components";
import { FRESQUI } from '@dinghy/diagrams/entitiesWebIcons'

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

{
  _style: {
    entity: 'dashed=0;outlineConnect=0;html=1;align=center;labelPosition=center;verticalLabelPosition=bottom;verticalAlign=top;shape=mxgraph.webicons.fresqui;gradientColor=#DFDEDE',
  },
  _original_width: 102.4,
  _original_height: 102.4,

}

Friendfeed

Preview
Usage
Definition

import { Friendfeed } from '@dinghy/diagrams/entitiesWebIcons'

<Friendfeed/>

// or

import { extendStyle } from "@dinghy/base-components";
import { FRIENDFEED } from '@dinghy/diagrams/entitiesWebIcons'

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

{
  _style: {
    entity: 'dashed=0;outlineConnect=0;html=1;align=center;labelPosition=center;verticalLabelPosition=bottom;verticalAlign=top;shape=mxgraph.webicons.friendfeed;fillColor=#7BDCEF;gradientColor=#21379E',
  },
  _original_width: 102.4,
  _original_height: 102.4,

}

Funp

Preview
Usage
Definition

import { Funp } from '@dinghy/diagrams/entitiesWebIcons'

<Funp/>

// or

import { extendStyle } from "@dinghy/base-components";
import { FUNP } from '@dinghy/diagrams/entitiesWebIcons'

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

{
  _style: {
    entity: 'dashed=0;outlineConnect=0;html=1;align=center;labelPosition=center;verticalLabelPosition=bottom;verticalAlign=top;shape=mxgraph.webicons.funp;gradientColor=#DFDEDE',
  },
  _original_width: 102.4,
  _original_height: 102.4,

}

Fwisp

Preview
Usage
Definition

import { Fwisp } from '@dinghy/diagrams/entitiesWebIcons'

<Fwisp/>

// or

import { extendStyle } from "@dinghy/base-components";
import { FWISP } from '@dinghy/diagrams/entitiesWebIcons'

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

{
  _style: {
    entity: 'dashed=0;outlineConnect=0;html=1;align=center;labelPosition=center;verticalLabelPosition=bottom;verticalAlign=top;shape=mxgraph.webicons.fwisp;gradientColor=#DFDEDE',
  },
  _original_width: 102.4,
  _original_height: 102.4,

}

Gabbr

Preview
Usage
Definition

import { Gabbr } from '@dinghy/diagrams/entitiesWebIcons'

<Gabbr/>

// or

import { extendStyle } from "@dinghy/base-components";
import { GABBR } from '@dinghy/diagrams/entitiesWebIcons'

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

{
  _style: {
    entity: 'dashed=0;outlineConnect=0;html=1;align=center;labelPosition=center;verticalLabelPosition=bottom;verticalAlign=top;shape=mxgraph.webicons.gabbr;fillColor=#FBAC39;gradientColor=#EA2B0E',
  },
  _original_width: 102.4,
  _original_height: 102.4,

}

Gamespot

Preview
Usage
Definition

import { Gamespot } from '@dinghy/diagrams/entitiesWebIcons'

<Gamespot/>

// or

import { extendStyle } from "@dinghy/base-components";
import { GAMESPOT } from '@dinghy/diagrams/entitiesWebIcons'

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

{
  _style: {
    entity: 'dashed=0;outlineConnect=0;html=1;align=center;labelPosition=center;verticalLabelPosition=bottom;verticalAlign=top;shape=mxgraph.webicons.gamespot;fillColor=#695D5D;gradientColor=#100E0E',
  },
  _original_width: 102.4,
  _original_height: 102.4,

}

Github

Preview
Usage
Definition

import { Github } from '@dinghy/diagrams/entitiesWebIcons'

<Github/>

// or

import { extendStyle } from "@dinghy/base-components";
import { GITHUB } from '@dinghy/diagrams/entitiesWebIcons'

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

{
  _style: {
    entity: 'dashed=0;outlineConnect=0;html=1;align=center;labelPosition=center;verticalLabelPosition=bottom;verticalAlign=top;shape=mxgraph.webicons.github;gradientColor=#DFDEDE',
  },
  _original_width: 102.4,
  _original_height: 102.4,

}

Gmail

Preview
Usage
Definition

import { Gmail } from '@dinghy/diagrams/entitiesWebIcons'

<Gmail/>

// or

import { extendStyle } from "@dinghy/base-components";
import { GMAIL } from '@dinghy/diagrams/entitiesWebIcons'

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

{
  _style: {
    entity: 'dashed=0;outlineConnect=0;html=1;align=center;labelPosition=center;verticalLabelPosition=bottom;verticalAlign=top;shape=mxgraph.webicons.gmail;gradientColor=#DFDEDE',
  },
  _original_width: 102.4,
  _original_height: 102.4,

}

Google

Preview
Usage
Definition

import { Google } from '@dinghy/diagrams/entitiesWebIcons'

<Google/>

// or

import { extendStyle } from "@dinghy/base-components";
import { GOOGLE } from '@dinghy/diagrams/entitiesWebIcons'

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

{
  _style: {
    entity: 'dashed=0;outlineConnect=0;html=1;align=center;labelPosition=center;verticalLabelPosition=bottom;verticalAlign=top;shape=mxgraph.webicons.google;gradientColor=#DFDEDE',
  },
  _original_width: 102.4,
  _original_height: 102.4,

}

Google Drive

Preview
Usage
Definition

import { GoogleDrive } from '@dinghy/diagrams/entitiesWebIcons'

<GoogleDrive/>

// or

import { extendStyle } from "@dinghy/base-components";
import { GOOGLE_DRIVE } from '@dinghy/diagrams/entitiesWebIcons'

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

{
  _style: {
    entity: 'dashed=0;outlineConnect=0;html=1;align=center;labelPosition=center;verticalLabelPosition=bottom;verticalAlign=top;shape=mxgraph.webicons.google_drive;gradientColor=#DFDEDE',
  },
  _original_width: 102.4,
  _original_height: 102.4,

}

Google Hangout

Preview
Usage
Definition

import { GoogleHangout } from '@dinghy/diagrams/entitiesWebIcons'

<GoogleHangout/>

// or

import { extendStyle } from "@dinghy/base-components";
import { GOOGLE_HANGOUT } from '@dinghy/diagrams/entitiesWebIcons'

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

{
  _style: {
    entity: 'dashed=0;outlineConnect=0;html=1;align=center;labelPosition=center;verticalLabelPosition=bottom;verticalAlign=top;shape=mxgraph.webicons.google_hangout;gradientColor=#DFDEDE',
  },
  _original_width: 102.4,
  _original_height: 102.4,

}

Google Photos

Preview
Usage
Definition

import { GooglePhotos } from '@dinghy/diagrams/entitiesWebIcons'

<GooglePhotos/>

// or

import { extendStyle } from "@dinghy/base-components";
import { GOOGLE_PHOTOS } from '@dinghy/diagrams/entitiesWebIcons'

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

{
  _style: {
    entity: 'dashed=0;outlineConnect=0;html=1;align=center;labelPosition=center;verticalLabelPosition=bottom;verticalAlign=top;shape=mxgraph.webicons.google_photos;gradientColor=#DFDEDE',
  },
  _original_width: 102.4,
  _original_height: 102.4,

}

Google Play

Preview
Usage
Definition

import { GooglePlay } from '@dinghy/diagrams/entitiesWebIcons'

<GooglePlay/>

// or

import { extendStyle } from "@dinghy/base-components";
import { GOOGLE_PLAY } from '@dinghy/diagrams/entitiesWebIcons'

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

{
  _style: {
    entity: 'dashed=0;outlineConnect=0;html=1;align=center;labelPosition=center;verticalLabelPosition=bottom;verticalAlign=top;shape=mxgraph.webicons.google_play;fillColor=#000000',
  },
  _width: 69.4,
  _height: 20.6,
}

Google Play Light

Preview
Usage
Definition

import { GooglePlayLight } from '@dinghy/diagrams/entitiesWebIcons'

<GooglePlayLight/>

// or

import { extendStyle } from "@dinghy/base-components";
import { GOOGLE_PLAY_LIGHT } from '@dinghy/diagrams/entitiesWebIcons'

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

{
  _style: {
    entity: 'dashed=0;outlineConnect=0;html=1;align=center;labelPosition=center;verticalLabelPosition=bottom;verticalAlign=top;shape=mxgraph.webicons.google_play_light;fillColor=#66E8F3;gradientColor=#1C7CBA',
  },
  _width: 60,
  _height: 10.4,
}

Google Plus

Preview
Usage
Definition

import { GooglePlus } from '@dinghy/diagrams/entitiesWebIcons'

<GooglePlus/>

// or

import { extendStyle } from "@dinghy/base-components";
import { GOOGLE_PLUS } from '@dinghy/diagrams/entitiesWebIcons'

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

{
  _style: {
    entity: 'dashed=0;outlineConnect=0;html=1;align=center;labelPosition=center;verticalLabelPosition=bottom;verticalAlign=top;shape=mxgraph.webicons.google_plus;fillColor=#F24B46;gradientColor=#AD3832',
  },
  _original_width: 102.4,
  _original_height: 102.4,

}

Grooveshark

Preview
Usage
Definition

import { Grooveshark } from '@dinghy/diagrams/entitiesWebIcons'

<Grooveshark/>

// or

import { extendStyle } from "@dinghy/base-components";
import { GROOVESHARK } from '@dinghy/diagrams/entitiesWebIcons'

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

{
  _style: {
    entity: 'dashed=0;outlineConnect=0;html=1;align=center;labelPosition=center;verticalLabelPosition=bottom;verticalAlign=top;shape=mxgraph.webicons.grooveshark;fillColor=#695D5D;gradientColor=#000000',
  },
  _original_width: 102.4,
  _original_height: 102.4,

}

Hatena

Preview
Usage
Definition

import { Hatena } from '@dinghy/diagrams/entitiesWebIcons'

<Hatena/>

// or

import { extendStyle } from "@dinghy/base-components";
import { HATENA } from '@dinghy/diagrams/entitiesWebIcons'

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

{
  _style: {
    entity: 'dashed=0;outlineConnect=0;html=1;align=center;labelPosition=center;verticalLabelPosition=bottom;verticalAlign=top;shape=mxgraph.webicons.hatena;gradientColor=#DFDEDE',
  },
  _original_width: 102.4,
  _original_height: 102.4,

}

HTML5

Preview
Usage
Definition

import { Html5 } from '@dinghy/diagrams/entitiesWebIcons'

<Html5/>

// or

import { extendStyle } from "@dinghy/base-components";
import { HTML5 } from '@dinghy/diagrams/entitiesWebIcons'

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

{
  _style: {
    entity: 'dashed=0;outlineConnect=0;html=1;align=center;labelPosition=center;verticalLabelPosition=bottom;verticalAlign=top;shape=mxgraph.webicons.html5;gradientColor=#DFDEDE',
  },
  _original_width: 102.4,
  _original_height: 102.4,

}

Identi.ca

Preview
Usage
Definition

import { IdentiCa } from '@dinghy/diagrams/entitiesWebIcons'

<IdentiCa/>

// or

import { extendStyle } from "@dinghy/base-components";
import { IDENTI_CA } from '@dinghy/diagrams/entitiesWebIcons'

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

{
  _style: {
    entity: 'dashed=0;outlineConnect=0;html=1;align=center;labelPosition=center;verticalLabelPosition=bottom;verticalAlign=top;shape=mxgraph.webicons.identi.ca;gradientColor=#DFDEDE',
  },
  _original_width: 102.4,
  _original_height: 102.4,

}

Instagram

Preview
Usage
Definition

import { Instagram } from '@dinghy/diagrams/entitiesWebIcons'

<Instagram/>

// or

import { extendStyle } from "@dinghy/base-components";
import { INSTAGRAM } from '@dinghy/diagrams/entitiesWebIcons'

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

{
  _style: {
    entity: 'dashed=0;outlineConnect=0;html=1;align=center;labelPosition=center;verticalLabelPosition=bottom;verticalAlign=top;shape=mxgraph.webicons.instagram;gradientColor=#DFDEDE',
  },
  _original_width: 102.4,
  _original_height: 102.4,

}

Instapaper

Preview
Usage
Definition

import { Instapaper } from '@dinghy/diagrams/entitiesWebIcons'

<Instapaper/>

// or

import { extendStyle } from "@dinghy/base-components";
import { INSTAPAPER } from '@dinghy/diagrams/entitiesWebIcons'

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

{
  _style: {
    entity: 'dashed=0;outlineConnect=0;html=1;align=center;labelPosition=center;verticalLabelPosition=bottom;verticalAlign=top;shape=mxgraph.webicons.instapaper;fillColor=#807E7E;gradientColor=#1B1C1C',
  },
  _original_width: 102.4,
  _original_height: 102.4,

}

iOS

Preview
Usage
Definition

import { Ios } from '@dinghy/diagrams/entitiesWebIcons'

<Ios/>

// or

import { extendStyle } from "@dinghy/base-components";
import { IOS } from '@dinghy/diagrams/entitiesWebIcons'

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

{
  _style: {
    entity: 'dashed=0;outlineConnect=0;html=1;align=center;labelPosition=center;verticalLabelPosition=bottom;verticalAlign=top;shape=mxgraph.webicons.ios;fillColor=#695D5D;gradientColor=#100E0E',
  },
  _original_width: 102.4,
  _original_height: 102.4,

}

Jamespot

Preview
Usage
Definition

import { Jamespot } from '@dinghy/diagrams/entitiesWebIcons'

<Jamespot/>

// or

import { extendStyle } from "@dinghy/base-components";
import { JAMESPOT } from '@dinghy/diagrams/entitiesWebIcons'

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

{
  _style: {
    entity: 'dashed=0;outlineConnect=0;html=1;align=center;labelPosition=center;verticalLabelPosition=bottom;verticalAlign=top;shape=mxgraph.webicons.jamespot;fillColor=#695D5D;gradientColor=#100E0E',
  },
  _original_width: 102.4,
  _original_height: 102.4,

}

Java

Preview
Usage
Definition

import { Java } from '@dinghy/diagrams/entitiesWebIcons'

<Java/>

// or

import { extendStyle } from "@dinghy/base-components";
import { JAVA } from '@dinghy/diagrams/entitiesWebIcons'

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

{
  _style: {
    entity: 'dashed=0;outlineConnect=0;html=1;align=center;labelPosition=center;verticalLabelPosition=bottom;verticalAlign=top;shape=mxgraph.webicons.java;gradientColor=#DFDEDE',
  },
  _original_width: 102.4,
  _original_height: 102.4,

}

Joomla

Preview
Usage
Definition

import { Joomla } from '@dinghy/diagrams/entitiesWebIcons'

<Joomla/>

// or

import { extendStyle } from "@dinghy/base-components";
import { JOOMLA } from '@dinghy/diagrams/entitiesWebIcons'

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

{
  _style: {
    entity: 'dashed=0;outlineConnect=0;html=1;align=center;labelPosition=center;verticalLabelPosition=bottom;verticalAlign=top;shape=mxgraph.webicons.joomla;fillColor=#1F457D;gradientColor=#081220',
  },
  _original_width: 102.4,
  _original_height: 102.4,

}

Jquery

Preview
Usage
Definition

import { Jquery } from '@dinghy/diagrams/entitiesWebIcons'

<Jquery/>

// or

import { extendStyle } from "@dinghy/base-components";
import { JQUERY } from '@dinghy/diagrams/entitiesWebIcons'

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

{
  _style: {
    entity: 'dashed=0;outlineConnect=0;html=1;align=center;labelPosition=center;verticalLabelPosition=bottom;verticalAlign=top;shape=mxgraph.webicons.jquery;fillColor=#0BB9EA;gradientColor=#032F80',
  },
  _original_width: 102.4,
  _original_height: 102.4,

}

JSON

Preview
Usage
Definition

import { Json } from '@dinghy/diagrams/entitiesWebIcons'

<Json/>

// or

import { extendStyle } from "@dinghy/base-components";
import { JSON } from '@dinghy/diagrams/entitiesWebIcons'

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

{
  _style: {
    entity: 'dashed=0;outlineConnect=0;html=1;align=center;labelPosition=center;verticalLabelPosition=bottom;verticalAlign=top;shape=mxgraph.webicons.json;gradientColor=#DFDEDE',
  },
  _original_width: 102.4,
  _original_height: 102.4,

}

JSON 2

Preview
Usage
Definition

import { Json2 } from '@dinghy/diagrams/entitiesWebIcons'

<Json2/>

// or

import { extendStyle } from "@dinghy/base-components";
import { JSON_2 } from '@dinghy/diagrams/entitiesWebIcons'

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

{
  _style: {
    entity: 'dashed=0;outlineConnect=0;html=1;align=center;labelPosition=center;verticalLabelPosition=bottom;verticalAlign=top;shape=mxgraph.webicons.json_2;gradientColor=#DFDEDE',
  },
  _original_width: 102.4,
  _original_height: 102.4,

}

Last.fm

Preview
Usage
Definition

import { LastFm } from '@dinghy/diagrams/entitiesWebIcons'

<LastFm/>

// or

import { extendStyle } from "@dinghy/base-components";
import { LAST_FM } from '@dinghy/diagrams/entitiesWebIcons'

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

{
  _style: {
    entity: 'dashed=0;outlineConnect=0;html=1;align=center;labelPosition=center;verticalLabelPosition=bottom;verticalAlign=top;shape=mxgraph.webicons.last.fm;fillColor=#F33543;gradientColor=#BD0E11',
  },
  _original_width: 102.4,
  _original_height: 102.4,

}

Linkagogo

Preview
Usage
Definition

import { Linkagogo } from '@dinghy/diagrams/entitiesWebIcons'

<Linkagogo/>

// or

import { extendStyle } from "@dinghy/base-components";
import { LINKAGOGO } from '@dinghy/diagrams/entitiesWebIcons'

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

{
  _style: {
    entity: 'dashed=0;outlineConnect=0;html=1;align=center;labelPosition=center;verticalLabelPosition=bottom;verticalAlign=top;shape=mxgraph.webicons.linkagogo;fillColor=#F6F5FA;gradientColor=#C8C1E1',
  },
  _original_width: 102.4,
  _original_height: 102.4,

}

Preview
Usage
Definition

import { Linkedin } from '@dinghy/diagrams/entitiesWebIcons'

<Linkedin/>

// or

import { extendStyle } from "@dinghy/base-components";
import { LINKEDIN } from '@dinghy/diagrams/entitiesWebIcons'

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

{
  _style: {
    entity: 'dashed=0;outlineConnect=0;html=1;align=center;labelPosition=center;verticalLabelPosition=bottom;verticalAlign=top;shape=mxgraph.webicons.linkedin;fillColor=#0095DB;gradientColor=#006391',
  },
  _original_width: 102.4,
  _original_height: 102.4,

}

Livejournal

Preview
Usage
Definition

import { Livejournal } from '@dinghy/diagrams/entitiesWebIcons'

<Livejournal/>

// or

import { extendStyle } from "@dinghy/base-components";
import { LIVEJOURNAL } from '@dinghy/diagrams/entitiesWebIcons'

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

{
  _style: {
    entity: 'dashed=0;outlineConnect=0;html=1;align=center;labelPosition=center;verticalLabelPosition=bottom;verticalAlign=top;shape=mxgraph.webicons.livejournal;fillColor=#2690E5;gradientColor=#0A2463',
  },
  _original_width: 102.4,
  _original_height: 102.4,

}

Mail.ru

Preview
Usage
Definition

import { MailRu } from '@dinghy/diagrams/entitiesWebIcons'

<MailRu/>

// or

import { extendStyle } from "@dinghy/base-components";
import { MAIL_RU } from '@dinghy/diagrams/entitiesWebIcons'

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

{
  _style: {
    entity: 'dashed=0;outlineConnect=0;html=1;align=center;labelPosition=center;verticalLabelPosition=bottom;verticalAlign=top;shape=mxgraph.webicons.mail.ru;fillColor=#267BE0;gradientColor=#0A1F42',
  },
  _original_width: 102.4,
  _original_height: 102.4,

}

Meetup

Preview
Usage
Definition

import { Meetup } from '@dinghy/diagrams/entitiesWebIcons'

<Meetup/>

// or

import { extendStyle } from "@dinghy/base-components";
import { MEETUP } from '@dinghy/diagrams/entitiesWebIcons'

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

{
  _style: {
    entity: 'dashed=0;outlineConnect=0;html=1;align=center;labelPosition=center;verticalLabelPosition=bottom;verticalAlign=top;shape=mxgraph.webicons.meetup;fillColor=#F83263;gradientColor=#D40D19',
  },
  _original_width: 102.4,
  _original_height: 102.4,

}

Meneame

Preview
Usage
Definition

import { Meneame } from '@dinghy/diagrams/entitiesWebIcons'

<Meneame/>

// or

import { extendStyle } from "@dinghy/base-components";
import { MENEAME } from '@dinghy/diagrams/entitiesWebIcons'

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

{
  _style: {
    entity: 'dashed=0;outlineConnect=0;html=1;align=center;labelPosition=center;verticalLabelPosition=bottom;verticalAlign=top;shape=mxgraph.webicons.meneame;gradientColor=#DFDEDE',
  },
  _original_width: 102.4,
  _original_height: 102.4,

}

Messenger

Preview
Usage
Definition

import { Messenger } from '@dinghy/diagrams/entitiesWebIcons'

<Messenger/>

// or

import { extendStyle } from "@dinghy/base-components";
import { MESSENGER } from '@dinghy/diagrams/entitiesWebIcons'

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

{
  _style: {
    entity: 'dashed=0;outlineConnect=0;html=1;align=center;labelPosition=center;verticalLabelPosition=bottom;verticalAlign=top;shape=mxgraph.webicons.messenger;gradientColor=#DFDEDE',
  },
  _original_width: 102.4,
  _original_height: 102.4,

}

Messenger 2

Preview
Usage
Definition

import { Messenger2 } from '@dinghy/diagrams/entitiesWebIcons'

<Messenger2/>

// or

import { extendStyle } from "@dinghy/base-components";
import { MESSENGER_2 } from '@dinghy/diagrams/entitiesWebIcons'

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

{
  _style: {
    entity: 'dashed=0;outlineConnect=0;html=1;align=center;labelPosition=center;verticalLabelPosition=bottom;verticalAlign=top;shape=mxgraph.webicons.messenger_2;gradientColor=#DFDEDE',
  },
  _original_width: 102.4,
  _original_height: 102.4,

}

Messenger 3

Preview
Usage
Definition

import { Messenger3 } from '@dinghy/diagrams/entitiesWebIcons'

<Messenger3/>

// or

import { extendStyle } from "@dinghy/base-components";
import { MESSENGER_3 } from '@dinghy/diagrams/entitiesWebIcons'

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

{
  _style: {
    entity: 'dashed=0;outlineConnect=0;html=1;align=center;labelPosition=center;verticalLabelPosition=bottom;verticalAlign=top;shape=mxgraph.webicons.messenger_3;fillColor=#09BEFC;gradientColor=#0060FA',
  },
  _original_width: 102.4,
  _original_height: 102.4,

}

Mind Body Green

Preview
Usage
Definition

import { MindBodyGreen } from '@dinghy/diagrams/entitiesWebIcons'

<MindBodyGreen/>

// or

import { extendStyle } from "@dinghy/base-components";
import { MIND_BODY_GREEN } from '@dinghy/diagrams/entitiesWebIcons'

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

{
  _style: {
    entity: 'dashed=0;outlineConnect=0;html=1;align=center;labelPosition=center;verticalLabelPosition=bottom;verticalAlign=top;shape=mxgraph.webicons.mind_body_green;fillColor=#E0EEF8;gradientColor=#4496D5',
  },
  _original_width: 102.4,
  _original_height: 102.4,

}

MongoDb

Preview
Usage
Definition

import { Mongodb } from '@dinghy/diagrams/entitiesWebIcons'

<Mongodb/>

// or

import { extendStyle } from "@dinghy/base-components";
import { MONGODB } from '@dinghy/diagrams/entitiesWebIcons'

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

{
  _style: {
    entity: 'dashed=0;outlineConnect=0;html=1;align=center;labelPosition=center;verticalLabelPosition=bottom;verticalAlign=top;shape=mxgraph.webicons.mongodb;gradientColor=#DFDEDE',
  },
  _original_width: 102.4,
  _original_height: 102.4,

}

MySpace

Preview
Usage
Definition

import { Myspace } from '@dinghy/diagrams/entitiesWebIcons'

<Myspace/>

// or

import { extendStyle } from "@dinghy/base-components";
import { MYSPACE } from '@dinghy/diagrams/entitiesWebIcons'

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

{
  _style: {
    entity: 'dashed=0;outlineConnect=0;html=1;align=center;labelPosition=center;verticalLabelPosition=bottom;verticalAlign=top;shape=mxgraph.webicons.myspace;fillColor=#3C69E2;gradientColor=#101B54',
  },
  _original_width: 102.4,
  _original_height: 102.4,

}

N4g

Preview
Usage
Definition

import { N4g } from '@dinghy/diagrams/entitiesWebIcons'

<N4g/>

// or

import { extendStyle } from "@dinghy/base-components";
import { N4G } from '@dinghy/diagrams/entitiesWebIcons'

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

{
  _style: {
    entity: 'dashed=0;outlineConnect=0;html=1;align=center;labelPosition=center;verticalLabelPosition=bottom;verticalAlign=top;shape=mxgraph.webicons.n4g;gradientColor=#DFDEDE',
  },
  _original_width: 102.4,
  _original_height: 102.4,

}

Netlog

Preview
Usage
Definition

import { Netlog } from '@dinghy/diagrams/entitiesWebIcons'

<Netlog/>

// or

import { extendStyle } from "@dinghy/base-components";
import { NETLOG } from '@dinghy/diagrams/entitiesWebIcons'

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

{
  _style: {
    entity: 'dashed=0;outlineConnect=0;html=1;align=center;labelPosition=center;verticalLabelPosition=bottom;verticalAlign=top;shape=mxgraph.webicons.netlog;fillColor=#FA3743;gradientColor=#E10E11',
  },
  _original_width: 102.4,
  _original_height: 102.4,

}

Netvibes

Preview
Usage
Definition

import { Netvibes } from '@dinghy/diagrams/entitiesWebIcons'

<Netvibes/>

// or

import { extendStyle } from "@dinghy/base-components";
import { NETVIBES } from '@dinghy/diagrams/entitiesWebIcons'

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

{
  _style: {
    entity: 'dashed=0;outlineConnect=0;html=1;align=center;labelPosition=center;verticalLabelPosition=bottom;verticalAlign=top;shape=mxgraph.webicons.netvibes;fillColor=#99DB00;gradientColor=#638E00',
  },
  _original_width: 102.4,
  _original_height: 102.4,

}

Netvouz

Preview
Usage
Definition

import { Netvouz } from '@dinghy/diagrams/entitiesWebIcons'

<Netvouz/>

// or

import { extendStyle } from "@dinghy/base-components";
import { NETVOUZ } from '@dinghy/diagrams/entitiesWebIcons'

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

{
  _style: {
    entity: 'dashed=0;outlineConnect=0;html=1;align=center;labelPosition=center;verticalLabelPosition=bottom;verticalAlign=top;shape=mxgraph.webicons.netvouz;gradientColor=#DFDEDE',
  },
  _original_width: 102.4,
  _original_height: 102.4,

}

Networkedblogs

Preview
Usage
Definition

import { Networkedblogs } from '@dinghy/diagrams/entitiesWebIcons'

<Networkedblogs/>

// or

import { extendStyle } from "@dinghy/base-components";
import { NETWORKEDBLOGS } from '@dinghy/diagrams/entitiesWebIcons'

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

{
  _style: {
    entity: 'dashed=0;outlineConnect=0;html=1;align=center;labelPosition=center;verticalLabelPosition=bottom;verticalAlign=top;shape=mxgraph.webicons.networkedblogs;gradientColor=#DFDEDE',
  },
  _original_width: 102.4,
  _original_height: 102.4,

}

Newsvine

Preview
Usage
Definition

import { Newsvine } from '@dinghy/diagrams/entitiesWebIcons'

<Newsvine/>

// or

import { extendStyle } from "@dinghy/base-components";
import { NEWSVINE } from '@dinghy/diagrams/entitiesWebIcons'

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

{
  _style: {
    entity: 'dashed=0;outlineConnect=0;html=1;align=center;labelPosition=center;verticalLabelPosition=bottom;verticalAlign=top;shape=mxgraph.webicons.newsvine;fillColor=#008733;gradientColor=#00441B',
  },
  _original_width: 102.4,
  _original_height: 102.4,

}

Odnoklassniki

Preview
Usage
Definition

import { Odnoklassniki } from '@dinghy/diagrams/entitiesWebIcons'

<Odnoklassniki/>

// or

import { extendStyle } from "@dinghy/base-components";
import { ODNOKLASSNIKI } from '@dinghy/diagrams/entitiesWebIcons'

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

{
  _style: {
    entity: 'dashed=0;outlineConnect=0;html=1;align=center;labelPosition=center;verticalLabelPosition=bottom;verticalAlign=top;shape=mxgraph.webicons.odnoklassniki;fillColor=#FDE15A;gradientColor=#F24317',
  },
  _original_width: 102.4,
  _original_height: 102.4,

}

Oknotizie

Preview
Usage
Definition

import { Oknotizie } from '@dinghy/diagrams/entitiesWebIcons'

<Oknotizie/>

// or

import { extendStyle } from "@dinghy/base-components";
import { OKNOTIZIE } from '@dinghy/diagrams/entitiesWebIcons'

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

{
  _style: {
    entity: 'dashed=0;outlineConnect=0;html=1;align=center;labelPosition=center;verticalLabelPosition=bottom;verticalAlign=top;shape=mxgraph.webicons.oknotizie;gradientColor=#DFDEDE',
  },
  _original_width: 102.4,
  _original_height: 102.4,

}

OneDrive

Preview
Usage
Definition

import { Onedrive } from '@dinghy/diagrams/entitiesWebIcons'

<Onedrive/>

// or

import { extendStyle } from "@dinghy/base-components";
import { ONEDRIVE } from '@dinghy/diagrams/entitiesWebIcons'

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

{
  _style: {
    entity: 'dashed=0;outlineConnect=0;html=1;align=center;labelPosition=center;verticalLabelPosition=bottom;verticalAlign=top;shape=mxgraph.webicons.onedrive;gradientColor=#DFDEDE',
  },
  _original_width: 102.4,
  _original_height: 102.4,

}

Oracle

Preview
Usage
Definition

import { Oracle } from '@dinghy/diagrams/entitiesWebIcons'

<Oracle/>

// or

import { extendStyle } from "@dinghy/base-components";
import { ORACLE } from '@dinghy/diagrams/entitiesWebIcons'

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

{
  _style: {
    entity: 'dashed=0;outlineConnect=0;html=1;align=center;labelPosition=center;verticalLabelPosition=bottom;verticalAlign=top;shape=mxgraph.webicons.oracle;fillColor=#FA3743;gradientColor=#E10E11',
  },
  _original_width: 102.4,
  _original_height: 102.4,

}

Paypal

Preview
Usage
Definition

import { Paypal } from '@dinghy/diagrams/entitiesWebIcons'

<Paypal/>

// or

import { extendStyle } from "@dinghy/base-components";
import { PAYPAL } from '@dinghy/diagrams/entitiesWebIcons'

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

{
  _style: {
    entity: 'dashed=0;outlineConnect=0;html=1;align=center;labelPosition=center;verticalLabelPosition=bottom;verticalAlign=top;shape=mxgraph.webicons.paypal;gradientColor=#DFDEDE',
  },
  _original_width: 102.4,
  _original_height: 102.4,

}

Phone

Preview
Usage
Definition

import { Phone } from '@dinghy/diagrams/entitiesWebIcons'

<Phone/>

// or

import { extendStyle } from "@dinghy/base-components";
import { PHONE } from '@dinghy/diagrams/entitiesWebIcons'

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

{
  _style: {
    entity: 'dashed=0;outlineConnect=0;html=1;align=center;labelPosition=center;verticalLabelPosition=bottom;verticalAlign=top;shape=mxgraph.webicons.phone;fillColor=#76F21E;gradientColor=#079704',
  },
  _original_width: 102.4,
  _original_height: 102.4,

}

Phonefavs

Preview
Usage
Definition

import { Phonefavs } from '@dinghy/diagrams/entitiesWebIcons'

<Phonefavs/>

// or

import { extendStyle } from "@dinghy/base-components";
import { PHONEFAVS } from '@dinghy/diagrams/entitiesWebIcons'

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

{
  _style: {
    entity: 'dashed=0;outlineConnect=0;html=1;align=center;labelPosition=center;verticalLabelPosition=bottom;verticalAlign=top;shape=mxgraph.webicons.phonefavs;gradientColor=#DFDEDE',
  },
  _original_width: 102.4,
  _original_height: 102.4,

}

Preview
Usage
Definition

import { Pinterest } from '@dinghy/diagrams/entitiesWebIcons'

<Pinterest/>

// or

import { extendStyle } from "@dinghy/base-components";
import { PINTEREST } from '@dinghy/diagrams/entitiesWebIcons'

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

{
  _style: {
    entity: 'dashed=0;outlineConnect=0;html=1;align=center;labelPosition=center;verticalLabelPosition=bottom;verticalAlign=top;shape=mxgraph.webicons.pinterest;fillColor=#E50B28;gradientColor=#890616',
  },
  _original_width: 102.4,
  _original_height: 102.4,

}

Plaxo

Preview
Usage
Definition

import { Plaxo } from '@dinghy/diagrams/entitiesWebIcons'

<Plaxo/>

// or

import { extendStyle } from "@dinghy/base-components";
import { PLAXO } from '@dinghy/diagrams/entitiesWebIcons'

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

{
  _style: {
    entity: 'dashed=0;outlineConnect=0;html=1;align=center;labelPosition=center;verticalLabelPosition=bottom;verticalAlign=top;shape=mxgraph.webicons.plaxo;gradientColor=#DFDEDE',
  },
  _original_width: 102.4,
  _original_height: 102.4,

}

Playfire

Preview
Usage
Definition

import { Playfire } from '@dinghy/diagrams/entitiesWebIcons'

<Playfire/>

// or

import { extendStyle } from "@dinghy/base-components";
import { PLAYFIRE } from '@dinghy/diagrams/entitiesWebIcons'

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

{
  _style: {
    entity: 'dashed=0;outlineConnect=0;html=1;align=center;labelPosition=center;verticalLabelPosition=bottom;verticalAlign=top;shape=mxgraph.webicons.playfire;fillColor=#695D5D;gradientColor=#100E0E',
  },
  _original_width: 102.4,
  _original_height: 102.4,

}

Plurk

Preview
Usage
Definition

import { Plurk } from '@dinghy/diagrams/entitiesWebIcons'

<Plurk/>

// or

import { extendStyle } from "@dinghy/base-components";
import { PLURK } from '@dinghy/diagrams/entitiesWebIcons'

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

{
  _style: {
    entity: 'dashed=0;outlineConnect=0;html=1;align=center;labelPosition=center;verticalLabelPosition=bottom;verticalAlign=top;shape=mxgraph.webicons.plurk;fillColor=#FF5656;gradientColor=#A8312D',
  },
  _original_width: 102.4,
  _original_height: 102.4,

}

Pocket

Preview
Usage
Definition

import { Pocket } from '@dinghy/diagrams/entitiesWebIcons'

<Pocket/>

// or

import { extendStyle } from "@dinghy/base-components";
import { POCKET } from '@dinghy/diagrams/entitiesWebIcons'

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

{
  _style: {
    entity: 'dashed=0;outlineConnect=0;html=1;align=center;labelPosition=center;verticalLabelPosition=bottom;verticalAlign=top;shape=mxgraph.webicons.pocket;fillColor=#FF4460;gradientColor=#B73143',
  },
  _original_width: 102.4,
  _original_height: 102.4,

}

Protopage

Preview
Usage
Definition

import { Protopage } from '@dinghy/diagrams/entitiesWebIcons'

<Protopage/>

// or

import { extendStyle } from "@dinghy/base-components";
import { PROTOPAGE } from '@dinghy/diagrams/entitiesWebIcons'

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

{
  _style: {
    entity: 'dashed=0;outlineConnect=0;html=1;align=center;labelPosition=center;verticalLabelPosition=bottom;verticalAlign=top;shape=mxgraph.webicons.protopage;fillColor=#4B78C0;gradientColor=#294282',
  },
  _original_width: 102.4,
  _original_height: 102.4,

}

Readernaut

Preview
Usage
Definition

import { Readernaut } from '@dinghy/diagrams/entitiesWebIcons'

<Readernaut/>

// or

import { extendStyle } from "@dinghy/base-components";
import { READERNAUT } from '@dinghy/diagrams/entitiesWebIcons'

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

{
  _style: {
    entity: 'dashed=0;outlineConnect=0;html=1;align=center;labelPosition=center;verticalLabelPosition=bottom;verticalAlign=top;shape=mxgraph.webicons.readernaut;fillColor=#695D5D;gradientColor=#100E0E',
  },
  _original_width: 102.4,
  _original_height: 102.4,

}

Preview
Usage
Definition

import { Reddit } from '@dinghy/diagrams/entitiesWebIcons'

<Reddit/>

// or

import { extendStyle } from "@dinghy/base-components";
import { REDDIT } from '@dinghy/diagrams/entitiesWebIcons'

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

{
  _style: {
    entity: 'dashed=0;outlineConnect=0;html=1;align=center;labelPosition=center;verticalLabelPosition=bottom;verticalAlign=top;shape=mxgraph.webicons.reddit;fillColor=#F3F8FC;gradientColor=#B4D2F0',
  },
  _original_width: 102.4,
  _original_height: 102.4,

}

RSS

Preview
Usage
Definition

import { Rss } from '@dinghy/diagrams/entitiesWebIcons'

<Rss/>

// or

import { extendStyle } from "@dinghy/base-components";
import { RSS } from '@dinghy/diagrams/entitiesWebIcons'

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

{
  _style: {
    entity: 'dashed=0;outlineConnect=0;html=1;align=center;labelPosition=center;verticalLabelPosition=bottom;verticalAlign=top;shape=mxgraph.webicons.rss;fillColor=#FDE532;gradientColor=#F4600D',
  },
  _original_width: 102.4,
  _original_height: 102.4,

}

Scoopit

Preview
Usage
Definition

import { Scoopit } from '@dinghy/diagrams/entitiesWebIcons'

<Scoopit/>

// or

import { extendStyle } from "@dinghy/base-components";
import { SCOOPIT } from '@dinghy/diagrams/entitiesWebIcons'

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

{
  _style: {
    entity: 'dashed=0;outlineConnect=0;html=1;align=center;labelPosition=center;verticalLabelPosition=bottom;verticalAlign=top;shape=mxgraph.webicons.scoopit;fillColor=#8CD845;gradientColor=#4E7A27',
  },
  _original_width: 102.4,
  _original_height: 102.4,

}

Scribd

Preview
Usage
Definition

import { Scribd } from '@dinghy/diagrams/entitiesWebIcons'

<Scribd/>

// or

import { extendStyle } from "@dinghy/base-components";
import { SCRIBD } from '@dinghy/diagrams/entitiesWebIcons'

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

{
  _style: {
    entity: 'dashed=0;outlineConnect=0;html=1;align=center;labelPosition=center;verticalLabelPosition=bottom;verticalAlign=top;shape=mxgraph.webicons.scribd;fillColor=#1D637D;gradientColor=#071920',
  },
  _original_width: 102.4,
  _original_height: 102.4,

}

Segnalo

Preview
Usage
Definition

import { Segnalo } from '@dinghy/diagrams/entitiesWebIcons'

<Segnalo/>

// or

import { extendStyle } from "@dinghy/base-components";
import { SEGNALO } from '@dinghy/diagrams/entitiesWebIcons'

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

{
  _style: {
    entity: 'dashed=0;outlineConnect=0;html=1;align=center;labelPosition=center;verticalLabelPosition=bottom;verticalAlign=top;shape=mxgraph.webicons.segnalo;gradientColor=#DFDEDE',
  },
  _original_width: 102.4,
  _original_height: 102.4,

}

Sina

Preview
Usage
Definition

import { Sina } from '@dinghy/diagrams/entitiesWebIcons'

<Sina/>

// or

import { extendStyle } from "@dinghy/base-components";
import { SINA } from '@dinghy/diagrams/entitiesWebIcons'

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

{
  _style: {
    entity: 'dashed=0;outlineConnect=0;html=1;align=center;labelPosition=center;verticalLabelPosition=bottom;verticalAlign=top;shape=mxgraph.webicons.sina;gradientColor=#DFDEDE',
  },
  _original_width: 102.4,
  _original_height: 102.4,

}

Sitejot

Preview
Usage
Definition

import { Sitejot } from '@dinghy/diagrams/entitiesWebIcons'

<Sitejot/>

// or

import { extendStyle } from "@dinghy/base-components";
import { SITEJOT } from '@dinghy/diagrams/entitiesWebIcons'

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

{
  _style: {
    entity: 'dashed=0;outlineConnect=0;html=1;align=center;labelPosition=center;verticalLabelPosition=bottom;verticalAlign=top;shape=mxgraph.webicons.sitejot;gradientColor=#DFDEDE',
  },
  _original_width: 102.4,
  _original_height: 102.4,

}

Skype

Preview
Usage
Definition

import { Skype } from '@dinghy/diagrams/entitiesWebIcons'

<Skype/>

// or

import { extendStyle } from "@dinghy/base-components";
import { SKYPE } from '@dinghy/diagrams/entitiesWebIcons'

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

{
  _style: {
    entity: 'dashed=0;outlineConnect=0;html=1;align=center;labelPosition=center;verticalLabelPosition=bottom;verticalAlign=top;shape=mxgraph.webicons.skype;gradientColor=#DFDEDE',
  },
  _original_width: 102.4,
  _original_height: 102.4,

}

Skyrock

Preview
Usage
Definition

import { Skyrock } from '@dinghy/diagrams/entitiesWebIcons'

<Skyrock/>

// or

import { extendStyle } from "@dinghy/base-components";
import { SKYROCK } from '@dinghy/diagrams/entitiesWebIcons'

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

{
  _style: {
    entity: 'dashed=0;outlineConnect=0;html=1;align=center;labelPosition=center;verticalLabelPosition=bottom;verticalAlign=top;shape=mxgraph.webicons.skyrock;fillColor=#47B8FF;gradientColor=#006AAD',
  },
  _original_width: 102.4,
  _original_height: 102.4,

}

Slashdot

Preview
Usage
Definition

import { Slashdot } from '@dinghy/diagrams/entitiesWebIcons'

<Slashdot/>

// or

import { extendStyle } from "@dinghy/base-components";
import { SLASHDOT } from '@dinghy/diagrams/entitiesWebIcons'

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

{
  _style: {
    entity: 'dashed=0;outlineConnect=0;html=1;align=center;labelPosition=center;verticalLabelPosition=bottom;verticalAlign=top;shape=mxgraph.webicons.slashdot;fillColor=#03B2AC;gradientColor=#012C2C',
  },
  _original_width: 102.4,
  _original_height: 102.4,

}

SMS

Preview
Usage
Definition

import { Sms } from '@dinghy/diagrams/entitiesWebIcons'

<Sms/>

// or

import { extendStyle } from "@dinghy/base-components";
import { SMS } from '@dinghy/diagrams/entitiesWebIcons'

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

{
  _style: {
    entity: 'dashed=0;outlineConnect=0;html=1;align=center;labelPosition=center;verticalLabelPosition=bottom;verticalAlign=top;shape=mxgraph.webicons.sms;fillColor=#86D466;gradientColor=#42B418',
  },
  _original_width: 102.4,
  _original_height: 102.4,

}

Socialvibe

Preview
Usage
Definition

import { Socialvibe } from '@dinghy/diagrams/entitiesWebIcons'

<Socialvibe/>

// or

import { extendStyle } from "@dinghy/base-components";
import { SOCIALVIBE } from '@dinghy/diagrams/entitiesWebIcons'

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

{
  _style: {
    entity: 'dashed=0;outlineConnect=0;html=1;align=center;labelPosition=center;verticalLabelPosition=bottom;verticalAlign=top;shape=mxgraph.webicons.socialvibe;fillColor=#FA16E2;gradientColor=#DF064B',
  },
  _original_width: 102.4,
  _original_height: 102.4,

}

Society6

Preview
Usage
Definition

import { Society6 } from '@dinghy/diagrams/entitiesWebIcons'

<Society6/>

// or

import { extendStyle } from "@dinghy/base-components";
import { SOCIETY6 } from '@dinghy/diagrams/entitiesWebIcons'

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

{
  _style: {
    entity: 'dashed=0;outlineConnect=0;html=1;align=center;labelPosition=center;verticalLabelPosition=bottom;verticalAlign=top;shape=mxgraph.webicons.society6;fillColor=#695D5D;gradientColor=#100E0E',
  },
  _original_width: 102.4,
  _original_height: 102.4,

}

Sonico

Preview
Usage
Definition

import { Sonico } from '@dinghy/diagrams/entitiesWebIcons'

<Sonico/>

// or

import { extendStyle } from "@dinghy/base-components";
import { SONICO } from '@dinghy/diagrams/entitiesWebIcons'

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

{
  _style: {
    entity: 'dashed=0;outlineConnect=0;html=1;align=center;labelPosition=center;verticalLabelPosition=bottom;verticalAlign=top;shape=mxgraph.webicons.sonico;fillColor=#3FEAF6;gradientColor=#117EC9',
  },
  _original_width: 102.4,
  _original_height: 102.4,

}

Soundcloud

Preview
Usage
Definition

import { Soundcloud } from '@dinghy/diagrams/entitiesWebIcons'

<Soundcloud/>

// or

import { extendStyle } from "@dinghy/base-components";
import { SOUNDCLOUD } from '@dinghy/diagrams/entitiesWebIcons'

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

{
  _style: {
    entity: 'dashed=0;outlineConnect=0;html=1;align=center;labelPosition=center;verticalLabelPosition=bottom;verticalAlign=top;shape=mxgraph.webicons.soundcloud;fillColor=#F78E11;gradientColor=#F93A0E',
  },
  _original_width: 102.4,
  _original_height: 102.4,

}

Sourceforge

Preview
Usage
Definition

import { Sourceforge } from '@dinghy/diagrams/entitiesWebIcons'

<Sourceforge/>

// or

import { extendStyle } from "@dinghy/base-components";
import { SOURCEFORGE } from '@dinghy/diagrams/entitiesWebIcons'

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

{
  _style: {
    entity: 'dashed=0;outlineConnect=0;html=1;align=center;labelPosition=center;verticalLabelPosition=bottom;verticalAlign=top;shape=mxgraph.webicons.sourceforge;gradientColor=#DFDEDE',
  },
  _original_width: 102.4,
  _original_height: 102.4,

}

Sourceforge 2

Preview
Usage
Definition

import { Sourceforge2 } from '@dinghy/diagrams/entitiesWebIcons'

<Sourceforge2/>

// or

import { extendStyle } from "@dinghy/base-components";
import { SOURCEFORGE_2 } from '@dinghy/diagrams/entitiesWebIcons'

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

{
  _style: {
    entity: 'dashed=0;outlineConnect=0;html=1;align=center;labelPosition=center;verticalLabelPosition=bottom;verticalAlign=top;shape=mxgraph.webicons.sourceforge_2;fillColor=#0078AF;gradientColor=#00385E',
  },
  _original_width: 102.4,
  _original_height: 102.4,

}

Spring.me

Preview
Usage
Definition

import { SpringMe } from '@dinghy/diagrams/entitiesWebIcons'

<SpringMe/>

// or

import { extendStyle } from "@dinghy/base-components";
import { SPRING_ME } from '@dinghy/diagrams/entitiesWebIcons'

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

{
  _style: {
    entity: 'dashed=0;outlineConnect=0;html=1;align=center;labelPosition=center;verticalLabelPosition=bottom;verticalAlign=top;shape=mxgraph.webicons.spring.me;fillColor=#3CBEF2;gradientColor=#2B8AAF',
  },
  _original_width: 102.4,
  _original_height: 102.4,

}

Stackexchange

Preview
Usage
Definition

import { Stackexchange } from '@dinghy/diagrams/entitiesWebIcons'

<Stackexchange/>

// or

import { extendStyle } from "@dinghy/base-components";
import { STACKEXCHANGE } from '@dinghy/diagrams/entitiesWebIcons'

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

{
  _style: {
    entity: 'dashed=0;outlineConnect=0;html=1;align=center;labelPosition=center;verticalLabelPosition=bottom;verticalAlign=top;shape=mxgraph.webicons.stackexchange;gradientColor=#DFDEDE',
  },
  _original_width: 102.4,
  _original_height: 102.4,

}

StackOverflow

Preview
Usage
Definition

import { Stackoverflow } from '@dinghy/diagrams/entitiesWebIcons'

<Stackoverflow/>

// or

import { extendStyle } from "@dinghy/base-components";
import { STACKOVERFLOW } from '@dinghy/diagrams/entitiesWebIcons'

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

{
  _style: {
    entity: 'dashed=0;outlineConnect=0;html=1;align=center;labelPosition=center;verticalLabelPosition=bottom;verticalAlign=top;shape=mxgraph.webicons.stackoverflow;gradientColor=#DFDEDE',
  },
  _original_width: 102.4,
  _original_height: 102.4,

}

Startaid

Preview
Usage
Definition

import { Startaid } from '@dinghy/diagrams/entitiesWebIcons'

<Startaid/>

// or

import { extendStyle } from "@dinghy/base-components";
import { STARTAID } from '@dinghy/diagrams/entitiesWebIcons'

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

{
  _style: {
    entity: 'dashed=0;outlineConnect=0;html=1;align=center;labelPosition=center;verticalLabelPosition=bottom;verticalAlign=top;shape=mxgraph.webicons.startaid;fillColor=#47B0E5;gradientColor=#2F7599',
  },
  _original_width: 102.4,
  _original_height: 102.4,

}

Startlap

Preview
Usage
Definition

import { Startlap } from '@dinghy/diagrams/entitiesWebIcons'

<Startlap/>

// or

import { extendStyle } from "@dinghy/base-components";
import { STARTLAP } from '@dinghy/diagrams/entitiesWebIcons'

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

{
  _style: {
    entity: 'dashed=0;outlineConnect=0;html=1;align=center;labelPosition=center;verticalLabelPosition=bottom;verticalAlign=top;shape=mxgraph.webicons.startlap;fillColor=#B9E6F0;gradientColor=#3062A2',
  },
  _original_width: 102.4,
  _original_height: 102.4,

}

Steam

Preview
Usage
Definition

import { Steam } from '@dinghy/diagrams/entitiesWebIcons'

<Steam/>

// or

import { extendStyle } from "@dinghy/base-components";
import { STEAM } from '@dinghy/diagrams/entitiesWebIcons'

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

{
  _style: {
    entity: 'dashed=0;outlineConnect=0;html=1;align=center;labelPosition=center;verticalLabelPosition=bottom;verticalAlign=top;shape=mxgraph.webicons.steam;fillColor=#695D5D;gradientColor=#100E0E',
  },
  _original_width: 102.4,
  _original_height: 102.4,

}

StumbleUpon

Preview
Usage
Definition

import { Stumbleupon } from '@dinghy/diagrams/entitiesWebIcons'

<Stumbleupon/>

// or

import { extendStyle } from "@dinghy/base-components";
import { STUMBLEUPON } from '@dinghy/diagrams/entitiesWebIcons'

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

{
  _style: {
    entity: 'dashed=0;outlineConnect=0;html=1;align=center;labelPosition=center;verticalLabelPosition=bottom;verticalAlign=top;shape=mxgraph.webicons.stumbleupon;fillColor=#FA823C;gradientColor=#E12110',
  },
  _original_width: 102.4,
  _original_height: 102.4,

}

Stumpedia

Preview
Usage
Definition

import { Stumpedia } from '@dinghy/diagrams/entitiesWebIcons'

<Stumpedia/>

// or

import { extendStyle } from "@dinghy/base-components";
import { STUMPEDIA } from '@dinghy/diagrams/entitiesWebIcons'

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

{
  _style: {
    entity: 'dashed=0;outlineConnect=0;html=1;align=center;labelPosition=center;verticalLabelPosition=bottom;verticalAlign=top;shape=mxgraph.webicons.stumpedia;gradientColor=#DFDEDE',
  },
  _original_width: 102.4,
  _original_height: 102.4,

}

Technorati

Preview
Usage
Definition

import { Technorati } from '@dinghy/diagrams/entitiesWebIcons'

<Technorati/>

// or

import { extendStyle } from "@dinghy/base-components";
import { TECHNORATI } from '@dinghy/diagrams/entitiesWebIcons'

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

{
  _style: {
    entity: 'dashed=0;outlineConnect=0;html=1;align=center;labelPosition=center;verticalLabelPosition=bottom;verticalAlign=top;shape=mxgraph.webicons.technorati;fillColor=#99EC92;gradientColor=#288925',
  },
  _original_width: 102.4,
  _original_height: 102.4,

}

Translate

Preview
Usage
Definition

import { Translate } from '@dinghy/diagrams/entitiesWebIcons'

<Translate/>

// or

import { extendStyle } from "@dinghy/base-components";
import { TRANSLATE } from '@dinghy/diagrams/entitiesWebIcons'

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

{
  _style: {
    entity: 'dashed=0;outlineConnect=0;html=1;align=center;labelPosition=center;verticalLabelPosition=bottom;verticalAlign=top;shape=mxgraph.webicons.translate;gradientColor=#DFDEDE',
  },
  _original_width: 102.4,
  _original_height: 102.4,

}

Tumblr

Preview
Usage
Definition

import { Tumblr } from '@dinghy/diagrams/entitiesWebIcons'

<Tumblr/>

// or

import { extendStyle } from "@dinghy/base-components";
import { TUMBLR } from '@dinghy/diagrams/entitiesWebIcons'

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

{
  _style: {
    entity: 'dashed=0;outlineConnect=0;html=1;align=center;labelPosition=center;verticalLabelPosition=bottom;verticalAlign=top;shape=mxgraph.webicons.tumblr;fillColor=#588BBC;gradientColor=#172330',
  },
  _original_width: 102.4,
  _original_height: 102.4,

}

Tunein

Preview
Usage
Definition

import { Tunein } from '@dinghy/diagrams/entitiesWebIcons'

<Tunein/>

// or

import { extendStyle } from "@dinghy/base-components";
import { TUNEIN } from '@dinghy/diagrams/entitiesWebIcons'

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

{
  _style: {
    entity: 'dashed=0;outlineConnect=0;html=1;align=center;labelPosition=center;verticalLabelPosition=bottom;verticalAlign=top;shape=mxgraph.webicons.tunein;gradientColor=#DFDEDE',
  },
  _original_width: 102.4,
  _original_height: 102.4,

}

Twitter

Preview
Usage
Definition

import { Twitter } from '@dinghy/diagrams/entitiesWebIcons'

<Twitter/>

// or

import { extendStyle } from "@dinghy/base-components";
import { TWITTER } from '@dinghy/diagrams/entitiesWebIcons'

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

{
  _style: {
    entity: 'dashed=0;outlineConnect=0;html=1;align=center;labelPosition=center;verticalLabelPosition=bottom;verticalAlign=top;shape=mxgraph.webicons.twitter;fillColor=#49EAF7;gradientColor=#137BD0',
  },
  _original_width: 102.4,
  _original_height: 102.4,

}

Two

Preview
Usage
Definition

import { Two } from '@dinghy/diagrams/entitiesWebIcons'

<Two/>

// or

import { extendStyle } from "@dinghy/base-components";
import { TWO } from '@dinghy/diagrams/entitiesWebIcons'

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

{
  _style: {
    entity: 'dashed=0;outlineConnect=0;html=1;align=center;labelPosition=center;verticalLabelPosition=bottom;verticalAlign=top;shape=mxgraph.webicons.two;gradientColor=#DFDEDE',
  },
  _original_width: 102.4,
  _original_height: 102.4,

}

Typepad

Preview
Usage
Definition

import { Typepad } from '@dinghy/diagrams/entitiesWebIcons'

<Typepad/>

// or

import { extendStyle } from "@dinghy/base-components";
import { TYPEPAD } from '@dinghy/diagrams/entitiesWebIcons'

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

{
  _style: {
    entity: 'dashed=0;outlineConnect=0;html=1;align=center;labelPosition=center;verticalLabelPosition=bottom;verticalAlign=top;shape=mxgraph.webicons.typepad;fillColor=#CBD372;gradientColor=#818748',
  },
  _original_width: 102.4,
  _original_height: 102.4,

}

Viadeo

Preview
Usage
Definition

import { Viadeo } from '@dinghy/diagrams/entitiesWebIcons'

<Viadeo/>

// or

import { extendStyle } from "@dinghy/base-components";
import { VIADEO } from '@dinghy/diagrams/entitiesWebIcons'

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

{
  _style: {
    entity: 'dashed=0;outlineConnect=0;html=1;align=center;labelPosition=center;verticalLabelPosition=bottom;verticalAlign=top;shape=mxgraph.webicons.viadeo;gradientColor=#DFDEDE',
  },
  _original_width: 102.4,
  _original_height: 102.4,

}

Viber

Preview
Usage
Definition

import { Viber } from '@dinghy/diagrams/entitiesWebIcons'

<Viber/>

// or

import { extendStyle } from "@dinghy/base-components";
import { VIBER } from '@dinghy/diagrams/entitiesWebIcons'

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

{
  _style: {
    entity: 'dashed=0;outlineConnect=0;html=1;align=center;labelPosition=center;verticalLabelPosition=bottom;verticalAlign=top;shape=mxgraph.webicons.viber;fillColor=#9964C4;gradientColor=#52366B',
  },
  _original_width: 102.4,
  _original_height: 102.4,

}

Viddler

Preview
Usage
Definition

import { Viddler } from '@dinghy/diagrams/entitiesWebIcons'

<Viddler/>

// or

import { extendStyle } from "@dinghy/base-components";
import { VIDDLER } from '@dinghy/diagrams/entitiesWebIcons'

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

{
  _style: {
    entity: 'dashed=0;outlineConnect=0;html=1;align=center;labelPosition=center;verticalLabelPosition=bottom;verticalAlign=top;shape=mxgraph.webicons.viddler;gradientColor=#DFDEDE',
  },
  _original_width: 102.4,
  _original_height: 102.4,

}

Vimeo

Preview
Usage
Definition

import { Vimeo } from '@dinghy/diagrams/entitiesWebIcons'

<Vimeo/>

// or

import { extendStyle } from "@dinghy/base-components";
import { VIMEO } from '@dinghy/diagrams/entitiesWebIcons'

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

{
  _style: {
    entity: 'dashed=0;outlineConnect=0;html=1;align=center;labelPosition=center;verticalLabelPosition=bottom;verticalAlign=top;shape=mxgraph.webicons.vimeo;fillColor=#A4EDF9;gradientColor=#2B8ED9',
  },
  _original_width: 102.4,
  _original_height: 102.4,

}

Virb

Preview
Usage
Definition

import { Virb } from '@dinghy/diagrams/entitiesWebIcons'

<Virb/>

// or

import { extendStyle } from "@dinghy/base-components";
import { VIRB } from '@dinghy/diagrams/entitiesWebIcons'

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

{
  _style: {
    entity: 'dashed=0;outlineConnect=0;html=1;align=center;labelPosition=center;verticalLabelPosition=bottom;verticalAlign=top;shape=mxgraph.webicons.virb;fillColor=#536873;gradientColor=#161A1D',
  },
  _original_width: 102.4,
  _original_height: 102.4,

}

Vkontakte

Preview
Usage
Definition

import { Vkontakte } from '@dinghy/diagrams/entitiesWebIcons'

<Vkontakte/>

// or

import { extendStyle } from "@dinghy/base-components";
import { VKONTAKTE } from '@dinghy/diagrams/entitiesWebIcons'

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

{
  _style: {
    entity: 'dashed=0;outlineConnect=0;html=1;align=center;labelPosition=center;verticalLabelPosition=bottom;verticalAlign=top;shape=mxgraph.webicons.vkontakte;fillColor=#5F94CC;gradientColor=#39587A',
  },
  _original_width: 102.4,
  _original_height: 102.4,

}

Wakoopa

Preview
Usage
Definition

import { Wakoopa } from '@dinghy/diagrams/entitiesWebIcons'

<Wakoopa/>

// or

import { extendStyle } from "@dinghy/base-components";
import { WAKOOPA } from '@dinghy/diagrams/entitiesWebIcons'

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

{
  _style: {
    entity: 'dashed=0;outlineConnect=0;html=1;align=center;labelPosition=center;verticalLabelPosition=bottom;verticalAlign=top;shape=mxgraph.webicons.wakoopa;gradientColor=#DFDEDE',
  },
  _original_width: 102.4,
  _original_height: 102.4,

}

Weheartit

Preview
Usage
Definition

import { Weheartit } from '@dinghy/diagrams/entitiesWebIcons'

<Weheartit/>

// or

import { extendStyle } from "@dinghy/base-components";
import { WEHEARTIT } from '@dinghy/diagrams/entitiesWebIcons'

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

{
  _style: {
    entity: 'dashed=0;outlineConnect=0;html=1;align=center;labelPosition=center;verticalLabelPosition=bottom;verticalAlign=top;shape=mxgraph.webicons.weheartit;fillColor=#FF7AA2;gradientColor=#FF4577',
  },
  _original_width: 102.4,
  _original_height: 102.4,

}

Preview
Usage
Definition

import { Whatsapp } from '@dinghy/diagrams/entitiesWebIcons'

<Whatsapp/>

// or

import { extendStyle } from "@dinghy/base-components";
import { WHATSAPP } from '@dinghy/diagrams/entitiesWebIcons'

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

{
  _style: {
    entity: 'dashed=0;outlineConnect=0;html=1;align=center;labelPosition=center;verticalLabelPosition=bottom;verticalAlign=top;shape=mxgraph.webicons.whatsapp;fillColor=#4FE238;gradientColor=#138709',
  },
  _original_width: 102.4,
  _original_height: 102.4,

}

Wix

Preview
Usage
Definition

import { Wix } from '@dinghy/diagrams/entitiesWebIcons'

<Wix/>

// or

import { extendStyle } from "@dinghy/base-components";
import { WIX } from '@dinghy/diagrams/entitiesWebIcons'

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

{
  _style: {
    entity: 'dashed=0;outlineConnect=0;html=1;align=center;labelPosition=center;verticalLabelPosition=bottom;verticalAlign=top;shape=mxgraph.webicons.wix;fillColor=#8AE3F2;gradientColor=#2451B0',
  },
  _original_width: 102.4,
  _original_height: 102.4,

}

Wordpress

Preview
Usage
Definition

import { Wordpress } from '@dinghy/diagrams/entitiesWebIcons'

<Wordpress/>

// or

import { extendStyle } from "@dinghy/base-components";
import { WORDPRESS } from '@dinghy/diagrams/entitiesWebIcons'

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

{
  _style: {
    entity: 'dashed=0;outlineConnect=0;html=1;align=center;labelPosition=center;verticalLabelPosition=bottom;verticalAlign=top;shape=mxgraph.webicons.wordpress;fillColor=#35E2EE;gradientColor=#0E4D99',
  },
  _original_width: 102.4,
  _original_height: 102.4,

}

Wordpress 2

Preview
Usage
Definition

import { Wordpress2 } from '@dinghy/diagrams/entitiesWebIcons'

<Wordpress2/>

// or

import { extendStyle } from "@dinghy/base-components";
import { WORDPRESS_2 } from '@dinghy/diagrams/entitiesWebIcons'

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

{
  _style: {
    entity: 'dashed=0;outlineConnect=0;html=1;align=center;labelPosition=center;verticalLabelPosition=bottom;verticalAlign=top;shape=mxgraph.webicons.wordpress_2;fillColor=#35E2EE;gradientColor=#0E4D99',
  },
  _original_width: 102.4,
  _original_height: 102.4,

}

Xanga

Preview
Usage
Definition

import { Xanga } from '@dinghy/diagrams/entitiesWebIcons'

<Xanga/>

// or

import { extendStyle } from "@dinghy/base-components";
import { XANGA } from '@dinghy/diagrams/entitiesWebIcons'

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

{
  _style: {
    entity: 'dashed=0;outlineConnect=0;html=1;align=center;labelPosition=center;verticalLabelPosition=bottom;verticalAlign=top;shape=mxgraph.webicons.xanga;gradientColor=#DFDEDE',
  },
  _original_width: 102.4,
  _original_height: 102.4,

}

Xerpi

Preview
Usage
Definition

import { Xerpi } from '@dinghy/diagrams/entitiesWebIcons'

<Xerpi/>

// or

import { extendStyle } from "@dinghy/base-components";
import { XERPI } from '@dinghy/diagrams/entitiesWebIcons'

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

{
  _style: {
    entity: 'dashed=0;outlineConnect=0;html=1;align=center;labelPosition=center;verticalLabelPosition=bottom;verticalAlign=top;shape=mxgraph.webicons.xerpi;fillColor=#7F719B;gradientColor=#32264B',
  },
  _original_width: 102.4,
  _original_height: 102.4,

}

Xing

Preview
Usage
Definition

import { Xing } from '@dinghy/diagrams/entitiesWebIcons'

<Xing/>

// or

import { extendStyle } from "@dinghy/base-components";
import { XING } from '@dinghy/diagrams/entitiesWebIcons'

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

{
  _style: {
    entity: 'dashed=0;outlineConnect=0;html=1;align=center;labelPosition=center;verticalLabelPosition=bottom;verticalAlign=top;shape=mxgraph.webicons.xing;gradientColor=#DFDEDE',
  },
  _original_width: 102.4,
  _original_height: 102.4,

}

Yahoo

Preview
Usage
Definition

import { Yahoo } from '@dinghy/diagrams/entitiesWebIcons'

<Yahoo/>

// or

import { extendStyle } from "@dinghy/base-components";
import { YAHOO } from '@dinghy/diagrams/entitiesWebIcons'

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

{
  _style: {
    entity: 'dashed=0;outlineConnect=0;html=1;align=center;labelPosition=center;verticalLabelPosition=bottom;verticalAlign=top;shape=mxgraph.webicons.yahoo;fillColor=#AC37AE;gradientColor=#2E0E2D',
  },
  _original_width: 102.4,
  _original_height: 102.4,

}

Yahoo 2

Preview
Usage
Definition

import { Yahoo2 } from '@dinghy/diagrams/entitiesWebIcons'

<Yahoo2/>

// or

import { extendStyle } from "@dinghy/base-components";
import { YAHOO_2 } from '@dinghy/diagrams/entitiesWebIcons'

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

{
  _style: {
    entity: 'dashed=0;outlineConnect=0;html=1;align=center;labelPosition=center;verticalLabelPosition=bottom;verticalAlign=top;shape=mxgraph.webicons.yahoo_2;fillColor=#AC37AE;gradientColor=#2E0E2D',
  },
  _original_width: 102.4,
  _original_height: 102.4,

}

Yammer

Preview
Usage
Definition

import { Yammer } from '@dinghy/diagrams/entitiesWebIcons'

<Yammer/>

// or

import { extendStyle } from "@dinghy/base-components";
import { YAMMER } from '@dinghy/diagrams/entitiesWebIcons'

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

{
  _style: {
    entity: 'dashed=0;outlineConnect=0;html=1;align=center;labelPosition=center;verticalLabelPosition=bottom;verticalAlign=top;shape=mxgraph.webicons.yammer;fillColor=#00AFE0;gradientColor=#005F7A',
  },
  _original_width: 102.4,
  _original_height: 102.4,

}

Yandex

Preview
Usage
Definition

import { Yandex } from '@dinghy/diagrams/entitiesWebIcons'

<Yandex/>

// or

import { extendStyle } from "@dinghy/base-components";
import { YANDEX } from '@dinghy/diagrams/entitiesWebIcons'

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

{
  _style: {
    entity: 'dashed=0;outlineConnect=0;html=1;align=center;labelPosition=center;verticalLabelPosition=bottom;verticalAlign=top;shape=mxgraph.webicons.yandex;gradientColor=#DFDEDE',
  },
  _original_width: 102.4,
  _original_height: 102.4,

}

Yelp

Preview
Usage
Definition

import { Yelp } from '@dinghy/diagrams/entitiesWebIcons'

<Yelp/>

// or

import { extendStyle } from "@dinghy/base-components";
import { YELP } from '@dinghy/diagrams/entitiesWebIcons'

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

{
  _style: {
    entity: 'dashed=0;outlineConnect=0;html=1;align=center;labelPosition=center;verticalLabelPosition=bottom;verticalAlign=top;shape=mxgraph.webicons.yelp;fillColor=#EF5140;gradientColor=#9C1410',
  },
  _original_width: 102.4,
  _original_height: 102.4,

}

Yoolink

Preview
Usage
Definition

import { Yoolink } from '@dinghy/diagrams/entitiesWebIcons'

<Yoolink/>

// or

import { extendStyle } from "@dinghy/base-components";
import { YOOLINK } from '@dinghy/diagrams/entitiesWebIcons'

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

{
  _style: {
    entity: 'dashed=0;outlineConnect=0;html=1;align=center;labelPosition=center;verticalLabelPosition=bottom;verticalAlign=top;shape=mxgraph.webicons.yoolink;gradientColor=#DFDEDE',
  },
  _original_width: 102.4,
  _original_height: 102.4,

}

Youmob

Preview
Usage
Definition

import { Youmob } from '@dinghy/diagrams/entitiesWebIcons'

<Youmob/>

// or

import { extendStyle } from "@dinghy/base-components";
import { YOUMOB } from '@dinghy/diagrams/entitiesWebIcons'

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

{
  _style: {
    entity: 'dashed=0;outlineConnect=0;html=1;align=center;labelPosition=center;verticalLabelPosition=bottom;verticalAlign=top;shape=mxgraph.webicons.youmob;gradientColor=#DFDEDE',
  },
  _original_width: 102.4,
  _original_height: 102.4,

}

Adfty​

Adobe PDF​

Aim​

Allvoices​

Amazon​

Amazon 2​

Android​

Apache​

Apple​

Apple (classic)​

Arduino​

Ask​

Atlassian​

Audioboo​

AWS​

AWS S3​

Baidu​

Bebo​

Behance​

Bing​

Bitbucket​

Blinklist​

Blogger​

Blogmarks​

Bookmarks.fr​

Box​

Buddymarks​

Buffer​

Buzzfeed​

Chrome​

Citeulike​

Confluence​

Connotea​

Dealsplus​

Delicious​

Designfloat​

Deviantart​

Digg​

Diigo​

Dopplr​

draw.io​

Dribbble​

Dropbox​

Dropbox 2​

Drupal​

Dzone​

Ebay​

Edmodo​

Evernote​

Facebook​

Fancy​

Fark​

Fashiolista​

Feed​

Feedburner​

Flickr​

Folkd​

Forrst​

Fotolog​

Freshbump​

Fresqui​

Friendfeed​

Funp​

Fwisp​

Gabbr​

Gamespot​

Github​

Gmail​

Google​

Google Drive​

Google Hangout​

Google Photos​

Google Play​

Google Play Light​

Google Plus​

Grooveshark​

Hatena​

HTML5​

Identi.ca​

Instagram​

Adfty

Adobe PDF

Aim

Allvoices

Amazon

Amazon 2

Android

Apache

Apple

Apple (classic)

Arduino

Ask

Atlassian

Audioboo

AWS

AWS S3

Baidu

Bebo

Behance

Bing

Bitbucket

Blinklist

Blogger

Blogmarks

Bookmarks.fr

Box

Buddymarks

Buffer

Buzzfeed

Chrome

Citeulike

Confluence

Connotea

Dealsplus

Delicious

Designfloat

Deviantart

Digg

Diigo

Dopplr

draw.io

Dribbble

Dropbox

Dropbox 2

Drupal

Dzone

Ebay

Edmodo

Evernote

Facebook

Fancy

Fark

Fashiolista

Feed

Feedburner

Flickr

Folkd

Forrst

Fotolog

Freshbump

Fresqui

Friendfeed

Funp

Fwisp

Gabbr

Gamespot

Github

Gmail

Google

Google Drive

Google Hangout

Google Photos

Google Play

Google Play Light

Google Plus

Grooveshark

Hatena

HTML5

Identi.ca

Instagram