Gmdl Icons Entities

Attraction

Preview
Usage
Definition

import { Attraction } from '@dinghy/diagrams/entitiesGmdlIcons'

<Attraction/>

// or

import { extendStyle } from "@dinghy/base-components";
import { ATTRACTION } from '@dinghy/diagrams/entitiesGmdlIcons'

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

{
  _style: {
    entity: 'html=1;dashed=0;aspect=fixed;verticalLabelPosition=bottom;verticalAlign=top;align=center;shape=mxgraph.gmdl.attractions;strokeColor=#ffffff;fillColor=#737373;shadow=0;strokeWidth=1;sketch=0;',
  },
  _width: 22,
  _height: 18,
}

Birthday

Preview
Usage
Definition

import { Birthday } from '@dinghy/diagrams/entitiesGmdlIcons'

<Birthday/>

// or

import { extendStyle } from "@dinghy/base-components";
import { BIRTHDAY } from '@dinghy/diagrams/entitiesGmdlIcons'

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

{
  _style: {
    entity: 'html=1;dashed=0;aspect=fixed;verticalLabelPosition=bottom;verticalAlign=top;align=center;shape=mxgraph.gmdl.birthday;strokeColor=none;fillColor=#737373;shadow=0;sketch=0;',
  },
  _width: 24,
  _height: 22,
}

Bookmark

Preview
Usage
Definition

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

<Bookmark/>

// or

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

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

{
  _style: {
    entity: 'html=1;dashed=0;aspect=fixed;verticalLabelPosition=bottom;verticalAlign=top;align=center;shape=mxgraph.gmdl.bookmark;strokeColor=none;fillColor=#737373;shadow=0;sketch=0;',
  },
  _width: 12,
  _height: 20,
}

Calendar

Preview
Usage
Definition

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

<Calendar/>

// or

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

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

{
  _style: {
    entity: 'html=1;dashed=0;aspect=fixed;verticalLabelPosition=bottom;verticalAlign=top;align=center;shape=mxgraph.gmdl.calendar;strokeColor=none;fillColor=#737373;shadow=0;sketch=0;',
  },
  _original_width: 20,
  _original_height: 20,

}

Chat

Preview
Usage
Definition

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

<Chat/>

// or

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

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

{
  _style: {
    entity: 'html=1;dashed=0;aspect=fixed;verticalLabelPosition=bottom;verticalAlign=top;align=center;shape=mxgraph.gmdl.chat;strokeColor=none;fillColor=#737373;shadow=0;sketch=0;',
  },
  _original_width: 20,
  _original_height: 20,

}

Cloud

Preview
Usage
Definition

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

<Cloud/>

// or

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

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

{
  _style: {
    entity: 'html=1;dashed=0;aspect=fixed;verticalLabelPosition=bottom;verticalAlign=top;align=center;shape=mxgraph.gmdl.cloud;strokeColor=none;fillColor=#737373;shadow=0;sketch=0;',
  },
  _width: 24,
  _height: 16,
}

Dining

Preview
Usage
Definition

import { Dining } from '@dinghy/diagrams/entitiesGmdlIcons'

<Dining/>

// or

import { extendStyle } from "@dinghy/base-components";
import { DINING } from '@dinghy/diagrams/entitiesGmdlIcons'

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

{
  _style: {
    entity: 'html=1;dashed=0;aspect=fixed;verticalLabelPosition=bottom;verticalAlign=top;align=center;shape=mxgraph.gmdl.dining;strokeColor=none;fillColor=#737373;shadow=0;sketch=0;',
  },
  _width: 18,
  _height: 20,
}

Edit

Preview
Usage
Definition

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

<Edit/>

// or

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

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

{
  _style: {
    entity: 'html=1;dashed=0;aspect=fixed;verticalLabelPosition=bottom;verticalAlign=top;align=center;shape=mxgraph.gmdl.edit;strokeColor=none;fillColor=#737373;shadow=0;sketch=0;',
  },
  _original_width: 20,
  _original_height: 20,

}

Education

Preview
Usage
Definition

import { Education } from '@dinghy/diagrams/entitiesGmdlIcons'

<Education/>

// or

import { extendStyle } from "@dinghy/base-components";
import { EDUCATION } from '@dinghy/diagrams/entitiesGmdlIcons'

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

{
  _style: {
    entity: 'html=1;dashed=0;aspect=fixed;verticalLabelPosition=bottom;verticalAlign=top;align=center;shape=mxgraph.gmdl.education;strokeColor=none;fillColor=#737373;shadow=0;sketch=0;',
  },
  _original_width: 20,
  _original_height: 20,

}

Family

Preview
Usage
Definition

import { Family } from '@dinghy/diagrams/entitiesGmdlIcons'

<Family/>

// or

import { extendStyle } from "@dinghy/base-components";
import { FAMILY } from '@dinghy/diagrams/entitiesGmdlIcons'

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

{
  _style: {
    entity: 'html=1;dashed=0;aspect=fixed;verticalLabelPosition=bottom;verticalAlign=top;align=center;shape=mxgraph.gmdl.family;strokeColor=none;fillColor=#737373;shadow=0;sketch=0;',
  },
  _original_width: 20,
  _original_height: 20,

}

Gallery

Preview
Usage
Definition

import { Gallery } from '@dinghy/diagrams/entitiesGmdlIcons'

<Gallery/>

// or

import { extendStyle } from "@dinghy/base-components";
import { GALLERY } from '@dinghy/diagrams/entitiesGmdlIcons'

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

{
  _style: {
    entity: 'html=1;dashed=0;aspect=fixed;verticalLabelPosition=bottom;verticalAlign=top;align=center;shape=mxgraph.gmdl.gallery;strokeColor=none;fillColor=#737373;shadow=0;sketch=0;',
  },
  _width: 24,
  _height: 22,
}

Google

Preview
Usage
Definition

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

<Google/>

// or

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

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

{
  _style: {
    entity: 'html=1;dashed=0;aspect=fixed;verticalLabelPosition=bottom;verticalAlign=top;align=center;shape=mxgraph.gmdl.google;strokeColor=none;fillColor=#737373;shadow=0;sketch=0;',
  },
  _width: 16,
  _height: 24,
}

GPS

Preview
Usage
Definition

import { Gps } from '@dinghy/diagrams/entitiesGmdlIcons'

<Gps/>

// or

import { extendStyle } from "@dinghy/base-components";
import { GPS } from '@dinghy/diagrams/entitiesGmdlIcons'

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

{
  _style: {
    entity: 'html=1;dashed=0;aspect=fixed;verticalLabelPosition=bottom;verticalAlign=top;align=center;shape=mxgraph.gmdl.gps;strokeColor=#737373;fillColor=#737373;shadow=0;strokeWidth=2;sketch=0;',
  },
  _original_width: 20,
  _original_height: 20,

}

Health

Preview
Usage
Definition

import { Health } from '@dinghy/diagrams/entitiesGmdlIcons'

<Health/>

// or

import { extendStyle } from "@dinghy/base-components";
import { HEALTH } from '@dinghy/diagrams/entitiesGmdlIcons'

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

{
  _style: {
    entity: 'html=1;dashed=0;aspect=fixed;verticalLabelPosition=bottom;verticalAlign=top;align=center;shape=mxgraph.gmdl.health;strokeColor=none;fillColor=#737373;shadow=0;sketch=0;',
  },
  _width: 20,
  _height: 18,
}

Heart

Preview
Usage
Definition

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

<Heart/>

// or

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

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

{
  _style: {
    entity: 'html=1;dashed=0;aspect=fixed;verticalLabelPosition=bottom;verticalAlign=top;align=center;shape=mxgraph.gmdl.heart;strokeColor=none;fillColor=#737373;shadow=0;sketch=0;',
  },
  _width: 20,
  _height: 18,
}

Navigate

Preview
Usage
Definition

import { Navigate } from '@dinghy/diagrams/entitiesGmdlIcons'

<Navigate/>

// or

import { extendStyle } from "@dinghy/base-components";
import { NAVIGATE } from '@dinghy/diagrams/entitiesGmdlIcons'

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

{
  _style: {
    entity: 'html=1;dashed=0;aspect=fixed;verticalLabelPosition=bottom;verticalAlign=top;align=center;shape=mxgraph.gmdl.navigate;strokeColor=none;fillColor=#737373;shadow=0;sketch=0;',
  },
  _original_width: 20,
  _original_height: 20,

}

Office

Preview
Usage
Definition

import { Office } from '@dinghy/diagrams/entitiesGmdlIcons'

<Office/>

// or

import { extendStyle } from "@dinghy/base-components";
import { OFFICE } from '@dinghy/diagrams/entitiesGmdlIcons'

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

{
  _style: {
    entity: 'html=1;dashed=0;aspect=fixed;verticalLabelPosition=bottom;verticalAlign=top;align=center;shape=mxgraph.gmdl.office;strokeColor=none;fillColor=#737373;shadow=0;sketch=0;',
  },
  _original_width: 20,
  _original_height: 20,

}

Promotion

Preview
Usage
Definition

import { Promotion } from '@dinghy/diagrams/entitiesGmdlIcons'

<Promotion/>

// or

import { extendStyle } from "@dinghy/base-components";
import { PROMOTION } from '@dinghy/diagrams/entitiesGmdlIcons'

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

{
  _style: {
    entity: 'html=1;dashed=0;aspect=fixed;verticalLabelPosition=bottom;verticalAlign=top;align=center;shape=mxgraph.gmdl.promotions;strokeColor=none;fillColor=#737373;shadow=0;sketch=0;',
  },
  _original_width: 20,
  _original_height: 20,

}

Radio

Preview
Usage
Definition

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

<Radio/>

// or

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

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

{
  _style: {
    entity: 'html=1;dashed=0;aspect=fixed;verticalLabelPosition=bottom;verticalAlign=top;align=center;shape=mxgraph.gmdl.radio;strokeColor=none;fillColor=#737373;shadow=0;sketch=0;',
  },
  _original_width: 20,
  _original_height: 20,

}

Recipe

Preview
Usage
Definition

import { Recipe } from '@dinghy/diagrams/entitiesGmdlIcons'

<Recipe/>

// or

import { extendStyle } from "@dinghy/base-components";
import { RECIPE } from '@dinghy/diagrams/entitiesGmdlIcons'

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

{
  _style: {
    entity: 'html=1;dashed=0;aspect=fixed;verticalLabelPosition=bottom;verticalAlign=top;align=center;shape=mxgraph.gmdl.recipes;strokeColor=none;fillColor=#737373;shadow=0;sketch=0;',
  },
  _original_width: 20,
  _original_height: 20,

}

Reply

Preview
Usage
Definition

import { Reply } from '@dinghy/diagrams/entitiesGmdlIcons'

<Reply/>

// or

import { extendStyle } from "@dinghy/base-components";
import { REPLY } from '@dinghy/diagrams/entitiesGmdlIcons'

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

{
  _style: {
    entity: 'html=1;dashed=0;aspect=fixed;verticalLabelPosition=bottom;verticalAlign=top;align=center;shape=mxgraph.gmdl.reply;strokeColor=none;fillColor=#737373;shadow=0;sketch=0;',
  },
  _width: 20,
  _height: 18,
}

Preview
Usage
Definition

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

<Share/>

// or

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

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

{
  _style: {
    entity: 'html=1;dashed=0;aspect=fixed;verticalLabelPosition=bottom;verticalAlign=top;align=center;shape=mxgraph.gmdl.share2;strokeColor=none;fillColor=#737373;shadow=0;sketch=0;',
  },
  _original_width: 20,
  _original_height: 20,

}

Sports

Preview
Usage
Definition

import { Sports } from '@dinghy/diagrams/entitiesGmdlIcons'

<Sports/>

// or

import { extendStyle } from "@dinghy/base-components";
import { SPORTS } from '@dinghy/diagrams/entitiesGmdlIcons'

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

{
  _style: {
    entity: 'html=1;dashed=0;aspect=fixed;verticalLabelPosition=bottom;verticalAlign=top;align=center;shape=mxgraph.gmdl.sports;strokeColor=none;fillColor=#737373;shadow=0;sketch=0;',
  },
  _original_width: 20,
  _original_height: 20,

}

Star

Preview
Usage
Definition

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

<Star/>

// or

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

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

{
  _style: {
    entity: 'html=1;dashed=0;aspect=fixed;verticalLabelPosition=bottom;verticalAlign=top;align=center;shape=mxgraph.gmdl.star;strokeColor=none;fillColor=#737373;shadow=0;sketch=0;',
  },
  _original_width: 20,
  _original_height: 20,

}

Travel

Preview
Usage
Definition

import { Travel } from '@dinghy/diagrams/entitiesGmdlIcons'

<Travel/>

// or

import { extendStyle } from "@dinghy/base-components";
import { TRAVEL } from '@dinghy/diagrams/entitiesGmdlIcons'

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

{
  _style: {
    entity: 'html=1;dashed=0;aspect=fixed;verticalLabelPosition=bottom;verticalAlign=top;align=center;shape=mxgraph.gmdl.travel;strokeColor=none;fillColor=#737373;shadow=0;direction=south;sketch=0;',
  },
  _original_width: 20,
  _original_height: 20,

}

Users

Preview
Usage
Definition

import { Users } from '@dinghy/diagrams/entitiesGmdlIcons'

<Users/>

// or

import { extendStyle } from "@dinghy/base-components";
import { USERS } from '@dinghy/diagrams/entitiesGmdlIcons'

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

{
  _style: {
    entity: 'html=1;dashed=0;aspect=fixed;verticalLabelPosition=bottom;verticalAlign=top;align=center;shape=mxgraph.gmdl.users;strokeColor=none;fillColor=#737373;shadow=0;sketch=0;',
  },
  _width: 24,
  _height: 16,
}

Video

Preview
Usage
Definition

import { Video } from '@dinghy/diagrams/entitiesGmdlIcons'

<Video/>

// or

import { extendStyle } from "@dinghy/base-components";
import { VIDEO } from '@dinghy/diagrams/entitiesGmdlIcons'

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

{
  _style: {
    entity: 'html=1;dashed=0;aspect=fixed;verticalLabelPosition=bottom;verticalAlign=top;align=center;shape=mxgraph.gmdl.video;strokeColor=none;fillColor=#737373;shadow=0;sketch=0;',
  },
  _width: 24,
  _height: 16,
}

Voice

Preview
Usage
Definition

import { Voice } from '@dinghy/diagrams/entitiesGmdlIcons'

<Voice/>

// or

import { extendStyle } from "@dinghy/base-components";
import { VOICE } from '@dinghy/diagrams/entitiesGmdlIcons'

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

{
  _style: {
    entity: 'html=1;dashed=0;aspect=fixed;verticalLabelPosition=bottom;verticalAlign=top;align=center;shape=mxgraph.gmdl.voice;strokeColor=#737373;fillColor=#737373;shadow=0;strokeWidth=2;sketch=0;',
  },
  _width: 12,
  _height: 20,
}

X

Preview
Usage
Definition

import { X } from '@dinghy/diagrams/entitiesGmdlIcons'

<X/>

// or

import { extendStyle } from "@dinghy/base-components";
import { X_CONST } from '@dinghy/diagrams/entitiesGmdlIcons'

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

{
  _style: {
    entity: 'html=1;dashed=0;aspect=fixed;verticalLabelPosition=bottom;verticalAlign=top;align=center;shape=mxgraph.gmdl.x;strokeColor=#737373;fillColor=#737373;shadow=0;strokeWidth=2;sketch=0;',
  },
  _original_width: 16,
  _original_height: 16,

}

Attraction​

Birthday​

Bookmark​

Calendar​

Chat​

Cloud​

Dining​

Edit​

Education​

Family​

Gallery​

Google​

GPS​

Health​

Heart​

Navigate​

Office​

Promotion​

Radio​

Recipe​

Reply​

Share​

Sports​

Star​

Travel​

Users​

Video​

Voice​

X​

Attraction

Birthday

Bookmark

Calendar

Chat

Cloud

Dining

Edit

Education

Family

Gallery

Google

GPS

Health

Heart

Navigate

Office

Promotion

Radio

Recipe

Reply

Share

Sports

Star

Travel

Users

Video

Voice

X