Sap Generic Icons Entities

Adapter Highlight

Preview

Usage

import { AdapterHighlight } from '@dinghy/diagrams/entitiesSapGenericIcons'

<AdapterHighlight/>

// or

import { extendStyle } from "@dinghy/base-components";
import { ADAPTER_HIGHLIGHT } from '@dinghy/diagrams/entitiesSapGenericIcons'

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

Definition

{
  _style: {
    entity: 'shape=image;editableCssRules=.*;verticalLabelPosition=bottom;labelBackgroundColor=default;verticalAlign=top;aspect=fixed;imageAspect=0;image=data:image/svg+xml,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9Ii0wLjUgLTAuNSAyOCAyNy44OSIgaGVpZ2h0PSIyNy44OSIgd2lkdGg9IjI4Ij4mI3hhOwkgIDxzdHlsZSB0eXBlPSJ0ZXh0L2NzcyI+JiN4YTsJCS5zdDB7c3RvcC1jb2xvcjojMDBjZWFjO30mI3hhOwkJLnN0MXtzdG9wLWNvbG9yOiMwNzgzOGY7fSYjeGE7CSAgPC9zdHlsZT4mI3hhOwk8ZGVmcz4mI3hhOwkJPGxpbmVhckdyYWRpZW50IGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIiB5Mj0iMjQuOTU0IiB4Mj0iMjUuMjEyIiB5MT0iMy42MjUiIHgxPSIzLjM3OSIgaWQ9IkEiPiYjeGE7CQkJPHN0b3AgY2xhc3M9InN0MCIvPiYjeGE7CQkJPHN0b3AgY2xhc3M9InN0MSIgb2Zmc2V0PSIxIi8+JiN4YTsJCTwvbGluZWFyR3JhZGllbnQ+JiN4YTsJPC9kZWZzPiYjeGE7CTxwYXRoIGZpbGw9InVybCgjQSkiIGQ9Ik0tLjA2MiAyNS4wMzNjLS4yOTEuMjkzLS40MzguNjAzLS40MzguOTMxLjAwMi4xODYuMDQyLjM2OS4xMTcuNTM5cy4xODUuMzIyLjMyMS40NDhjLjEyNi4xMzcuMjc5LjI0Ni40NDguMzIxcy4zNTMuMTE1LjUzOS4xMTdjLjMyOCAwIC42MzgtLjE0Ny45MzEtLjQzOGwzLjg5MS0zLjg5MWMxLjEzMy45ODcgMi40MTEgMS40NiAzLjgzNSAxLjQyNSAxLjQyNi0uMDc0IDIuNjY3LS42NCAzLjcyNi0xLjcwMWwxLjI2MS0xLjI1OWMuMjkzLS4yOTMuNDM4LS42MDMuNDM4LS45MzEgMC0uMzY2LS4xNDYtLjY5NC0uNDM4LS45ODdsLTcuMTI0LTcuMTIyYTEuMzYgMS4zNiAwIDAgMC0uOTg1LS40MzhjLS4zNjUgMC0uNjk0LjE0Ni0uOTg3LjQzOGwtMS4yNTkgMS4yNTljLTEuMDU5IDEuMDYxLTEuNjA4IDIuMjg1LTEuNjQ1IDMuNjcyLS4wNzIgMS4zNTIuMzQ3IDIuNTc2IDEuMjYxIDMuNjcyem0xMS4yOS00LjMyOWMtLjU4Ni41NDktMS4yNDMuODIyLTEuOTczLjgyMnMtMS4zODktLjI3My0xLjk3My0uODIybC0xLjA5Ni0xLjA5NmMtLjU0OS0uNTg0LS44MjItMS4yNDEtLjgyMi0xLjk3M3MuMjc0LTEuMzg3LjgyMi0xLjk3M2wuMjcyLS4yNzRMMTEuNSAyMC40M2wtLjI3NC4yNzN6bTIuNjMtNC44NzZjLjEyNi4xMzYuMjc4LjI0NS40NDcuMzIxYTEuMzYgMS4zNiAwIDAgMCAuNTM4LjExN2MuMzMgMCAuNjQtLjE0NS45MzMtLjQzOGwyLjUxOC0yLjUyMSAxLjA5NiAxLjA5NmMuMTI2LjEzNi4yNzkuMjQ2LjQ0OC4zMjFzLjM1My4xMTUuNTM5LjExN2ExLjI1IDEuMjUgMCAwIDAgLjk4Ni0uNDM4bDEuMjYxLTEuMjA1YzEuMDU5LTEuMDU5IDEuNjI1LTIuMjY1IDEuNjk5LTMuNjE3YTUuNjcgNS42NyAwIDAgMC0xLjE1Mi0zLjc4bDMuODkxLTMuODkxQTEuMzYgMS4zNiAwIDAgMCAyNy41LjkyNGMwLS4zNjUtLjE0NS0uNjk0LS40MzgtLjk4N1MyNi40NTgtLjUgMjYuMTMxLS41Yy0uMzY2IDAtLjY5NC4xNDctLjk4Ny40MzhsLTMuODg5IDMuODkzYy0xLjA3MS0uODk0LTIuNDQzLTEuMzQ2LTMuODM2LTEuMjYyLTEuNDI2LjA3NC0yLjY2NS42NC0zLjcyNiAxLjcwMWwtMS4yNjEgMS4yNTljLS4xMjguMTMtLjIyOC4yODQtLjI5NC40NTRzLS4wOTcuMzUxLS4wOS41MzNjLS4wMDMuMTczLjAzLjM0NS4wOTcuNTA1cy4xNjUuMzA0LjI4OS40MjVsMS4xNDkgMS4xNTItMi41MiAyLjQ2NWMtLjI5My4yOTMtLjQzOC42MjEtLjQzOC45ODdhMS4zNiAxLjM2IDAgMCAwIC4xMTcuNTM4Yy4wNzUuMTY5LjE4NS4zMjIuMzIxLjQ0Ny4xMjYuMTM2LjI3OS4yNDYuNDQ4LjMyMWExLjM2IDEuMzYgMCAwIDAgLjUzOS4xMTdjLjE4NS0uMDAyLjM2OC0uMDQyLjUzOC0uMTE3cy4zMjItLjE4NS40NDctLjMyMWwyLjQ2NS0yLjUyMS44NzcuODc3LTIuNTE4IDIuNDY1Yy0uMjkzLjI5My0uNDM4LjYyMS0uNDM4Ljk4N2ExLjM2IDEuMzYgMCAwIDAgLjExNy41MzhjLjA3NS4xNjkuMTg0LjMyMi4zMjEuNDQ3em0xLjUzNC05LjMxNmwuMjc0LS4zMjhhMi42OSAyLjY5IDAgMCAxIDEuOTczLS44MjJjLjczMSAwIDEuMzY5LjI3NCAxLjkxOC44MjJsMS4wOTYgMS4xNWMuNTg0LjU0OS44NzcgMS4yMDYuODc3IDEuOTczIDAgLjczMS0uMjkzIDEuMzcxLS44NzcgMS45MThsLS4yNzMuMjc0LTQuOTg3LTQuOTg1eiIvPiYjeGE7PC9zdmc+;strokeColor=none;',
  },
  _original_width: 28,
  _original_height: 28,

}

Adapter Non-SAP

Preview

Usage

import { AdapterNonSap } from '@dinghy/diagrams/entitiesSapGenericIcons'

<AdapterNonSap/>

// or

import { extendStyle } from "@dinghy/base-components";
import { ADAPTER_NON_SAP } from '@dinghy/diagrams/entitiesSapGenericIcons'

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

Definition

{
  _style: {
    entity: 'shape=image;editableCssRules=.*;verticalLabelPosition=bottom;labelBackgroundColor=default;verticalAlign=top;aspect=fixed;imageAspect=0;image=data:image/svg+xml,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9Ii0wLjUgLTAuNSAyOCAyNy44OSIgaGVpZ2h0PSIyNy44OSIgd2lkdGg9IjI4Ij4mI3hhOwkgIDxzdHlsZSB0eXBlPSJ0ZXh0L2NzcyI+LnN0MCB7IHN0b3AtY29sb3I6IHJnYig5MSwgMTE1LCAxMzkpOyB9IC5zdDEgeyBzdG9wLWNvbG9yOiByZ2IoMzQsIDUzLCA3Mik7IH0gPC9zdHlsZT4mI3hhOwk8ZGVmcz4mI3hhOwkJPGxpbmVhckdyYWRpZW50IGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIiB5Mj0iMjQuOTU0IiB4Mj0iMjUuMjEyIiB5MT0iMy42MjUiIHgxPSIzLjM3OSIgaWQ9IkEiPiYjeGE7CQkJPHN0b3AgY2xhc3M9InN0MCIvPiYjeGE7CQkJPHN0b3AgY2xhc3M9InN0MSIgb2Zmc2V0PSIxIi8+JiN4YTsJCTwvbGluZWFyR3JhZGllbnQ+JiN4YTsJPC9kZWZzPiYjeGE7CTxwYXRoIGZpbGw9InVybCgjQSkiIGQ9Ik0tLjA2MiAyNS4wMzNjLS4yOTEuMjkzLS40MzguNjAzLS40MzguOTMxLjAwMi4xODYuMDQyLjM2OS4xMTcuNTM5cy4xODUuMzIyLjMyMS40NDhjLjEyNi4xMzcuMjc5LjI0Ni40NDguMzIxcy4zNTMuMTE1LjUzOS4xMTdjLjMyOCAwIC42MzgtLjE0Ny45MzEtLjQzOGwzLjg5MS0zLjg5MWMxLjEzMy45ODcgMi40MTEgMS40NiAzLjgzNSAxLjQyNSAxLjQyNi0uMDc0IDIuNjY3LS42NCAzLjcyNi0xLjcwMWwxLjI2MS0xLjI1OWMuMjkzLS4yOTMuNDM4LS42MDMuNDM4LS45MzEgMC0uMzY2LS4xNDYtLjY5NC0uNDM4LS45ODdsLTcuMTI0LTcuMTIyYTEuMzYgMS4zNiAwIDAgMC0uOTg1LS40MzhjLS4zNjUgMC0uNjk0LjE0Ni0uOTg3LjQzOGwtMS4yNTkgMS4yNTljLTEuMDU5IDEuMDYxLTEuNjA4IDIuMjg1LTEuNjQ1IDMuNjcyLS4wNzIgMS4zNTIuMzQ3IDIuNTc2IDEuMjYxIDMuNjcyem0xMS4yOS00LjMyOWMtLjU4Ni41NDktMS4yNDMuODIyLTEuOTczLjgyMnMtMS4zODktLjI3My0xLjk3My0uODIybC0xLjA5Ni0xLjA5NmMtLjU0OS0uNTg0LS44MjItMS4yNDEtLjgyMi0xLjk3M3MuMjc0LTEuMzg3LjgyMi0xLjk3M2wuMjcyLS4yNzRMMTEuNSAyMC40M2wtLjI3NC4yNzN6bTIuNjMtNC44NzZjLjEyNi4xMzYuMjc4LjI0NS40NDcuMzIxYTEuMzYgMS4zNiAwIDAgMCAuNTM4LjExN2MuMzMgMCAuNjQtLjE0NS45MzMtLjQzOGwyLjUxOC0yLjUyMSAxLjA5NiAxLjA5NmMuMTI2LjEzNi4yNzkuMjQ2LjQ0OC4zMjFzLjM1My4xMTUuNTM5LjExN2ExLjI1IDEuMjUgMCAwIDAgLjk4Ni0uNDM4bDEuMjYxLTEuMjA1YzEuMDU5LTEuMDU5IDEuNjI1LTIuMjY1IDEuNjk5LTMuNjE3YTUuNjcgNS42NyAwIDAgMC0xLjE1Mi0zLjc4bDMuODkxLTMuODkxQTEuMzYgMS4zNiAwIDAgMCAyNy41LjkyNGMwLS4zNjUtLjE0NS0uNjk0LS40MzgtLjk4N1MyNi40NTgtLjUgMjYuMTMxLS41Yy0uMzY2IDAtLjY5NC4xNDctLjk4Ny40MzhsLTMuODg5IDMuODkzYy0xLjA3MS0uODk0LTIuNDQzLTEuMzQ2LTMuODM2LTEuMjYyLTEuNDI2LjA3NC0yLjY2NS42NC0zLjcyNiAxLjcwMWwtMS4yNjEgMS4yNTljLS4xMjguMTMtLjIyOC4yODQtLjI5NC40NTRzLS4wOTcuMzUxLS4wOS41MzNjLS4wMDMuMTczLjAzLjM0NS4wOTcuNTA1cy4xNjUuMzA0LjI4OS40MjVsMS4xNDkgMS4xNTItMi41MiAyLjQ2NWMtLjI5My4yOTMtLjQzOC42MjEtLjQzOC45ODdhMS4zNiAxLjM2IDAgMCAwIC4xMTcuNTM4Yy4wNzUuMTY5LjE4NS4zMjIuMzIxLjQ0Ny4xMjYuMTM2LjI3OS4yNDYuNDQ4LjMyMWExLjM2IDEuMzYgMCAwIDAgLjUzOS4xMTdjLjE4NS0uMDAyLjM2OC0uMDQyLjUzOC0uMTE3cy4zMjItLjE4NS40NDctLjMyMWwyLjQ2NS0yLjUyMS44NzcuODc3LTIuNTE4IDIuNDY1Yy0uMjkzLjI5My0uNDM4LjYyMS0uNDM4Ljk4N2ExLjM2IDEuMzYgMCAwIDAgLjExNy41MzhjLjA3NS4xNjkuMTg0LjMyMi4zMjEuNDQ3em0xLjUzNC05LjMxNmwuMjc0LS4zMjhhMi42OSAyLjY5IDAgMCAxIDEuOTczLS44MjJjLjczMSAwIDEuMzY5LjI3NCAxLjkxOC44MjJsMS4wOTYgMS4xNWMuNTg0LjU0OS44NzcgMS4yMDYuODc3IDEuOTczIDAgLjczMS0uMjkzIDEuMzcxLS44NzcgMS45MThsLS4yNzMuMjc0LTQuOTg3LTQuOTg1eiIvPiYjeGE7PC9zdmc+;strokeColor=none;',
  },
  _original_width: 28,
  _original_height: 28,

}

Adapter SAP

Preview

Usage

import { AdapterSap } from '@dinghy/diagrams/entitiesSapGenericIcons'

<AdapterSap/>

// or

import { extendStyle } from "@dinghy/base-components";
import { ADAPTER_SAP } from '@dinghy/diagrams/entitiesSapGenericIcons'

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

Definition

{
  _style: {
    entity: 'shape=image;editableCssRules=.*;verticalLabelPosition=bottom;labelBackgroundColor=default;verticalAlign=top;aspect=fixed;imageAspect=0;image=data:image/svg+xml,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9Ii0wLjUgLTAuNSAyOCAyNy44OSIgaGVpZ2h0PSIyNy44OSIgd2lkdGg9IjI4Ij4mI3hhOwkgIDxzdHlsZSB0eXBlPSJ0ZXh0L2NzcyI+LnN0MCB7IHN0b3AtY29sb3I6IHJnYigzNSwgMTQ5LCAyNTUpOyB9IC5zdDEgeyBzdG9wLWNvbG9yOiByZ2IoMCwgODcsIDIxMCk7IH0gPC9zdHlsZT4mI3hhOwk8ZGVmcz4mI3hhOwkJPGxpbmVhckdyYWRpZW50IGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIiB5Mj0iMjQuOTU0IiB4Mj0iMjUuMjEyIiB5MT0iMy42MjUiIHgxPSIzLjM3OSIgaWQ9IkEiPiYjeGE7CQkJPHN0b3AgY2xhc3M9InN0MCIvPiYjeGE7CQkJPHN0b3AgY2xhc3M9InN0MSIgb2Zmc2V0PSIxIi8+JiN4YTsJCTwvbGluZWFyR3JhZGllbnQ+JiN4YTsJPC9kZWZzPiYjeGE7CTxwYXRoIGZpbGw9InVybCgjQSkiIGQ9Ik0tLjA2MiAyNS4wMzNjLS4yOTEuMjkzLS40MzguNjAzLS40MzguOTMxLjAwMi4xODYuMDQyLjM2OS4xMTcuNTM5cy4xODUuMzIyLjMyMS40NDhjLjEyNi4xMzcuMjc5LjI0Ni40NDguMzIxcy4zNTMuMTE1LjUzOS4xMTdjLjMyOCAwIC42MzgtLjE0Ny45MzEtLjQzOGwzLjg5MS0zLjg5MWMxLjEzMy45ODcgMi40MTEgMS40NiAzLjgzNSAxLjQyNSAxLjQyNi0uMDc0IDIuNjY3LS42NCAzLjcyNi0xLjcwMWwxLjI2MS0xLjI1OWMuMjkzLS4yOTMuNDM4LS42MDMuNDM4LS45MzEgMC0uMzY2LS4xNDYtLjY5NC0uNDM4LS45ODdsLTcuMTI0LTcuMTIyYTEuMzYgMS4zNiAwIDAgMC0uOTg1LS40MzhjLS4zNjUgMC0uNjk0LjE0Ni0uOTg3LjQzOGwtMS4yNTkgMS4yNTljLTEuMDU5IDEuMDYxLTEuNjA4IDIuMjg1LTEuNjQ1IDMuNjcyLS4wNzIgMS4zNTIuMzQ3IDIuNTc2IDEuMjYxIDMuNjcyem0xMS4yOS00LjMyOWMtLjU4Ni41NDktMS4yNDMuODIyLTEuOTczLjgyMnMtMS4zODktLjI3My0xLjk3My0uODIybC0xLjA5Ni0xLjA5NmMtLjU0OS0uNTg0LS44MjItMS4yNDEtLjgyMi0xLjk3M3MuMjc0LTEuMzg3LjgyMi0xLjk3M2wuMjcyLS4yNzRMMTEuNSAyMC40M2wtLjI3NC4yNzN6bTIuNjMtNC44NzZjLjEyNi4xMzYuMjc4LjI0NS40NDcuMzIxYTEuMzYgMS4zNiAwIDAgMCAuNTM4LjExN2MuMzMgMCAuNjQtLjE0NS45MzMtLjQzOGwyLjUxOC0yLjUyMSAxLjA5NiAxLjA5NmMuMTI2LjEzNi4yNzkuMjQ2LjQ0OC4zMjFzLjM1My4xMTUuNTM5LjExN2ExLjI1IDEuMjUgMCAwIDAgLjk4Ni0uNDM4bDEuMjYxLTEuMjA1YzEuMDU5LTEuMDU5IDEuNjI1LTIuMjY1IDEuNjk5LTMuNjE3YTUuNjcgNS42NyAwIDAgMC0xLjE1Mi0zLjc4bDMuODkxLTMuODkxQTEuMzYgMS4zNiAwIDAgMCAyNy41LjkyNGMwLS4zNjUtLjE0NS0uNjk0LS40MzgtLjk4N1MyNi40NTgtLjUgMjYuMTMxLS41Yy0uMzY2IDAtLjY5NC4xNDctLjk4Ny40MzhsLTMuODg5IDMuODkzYy0xLjA3MS0uODk0LTIuNDQzLTEuMzQ2LTMuODM2LTEuMjYyLTEuNDI2LjA3NC0yLjY2NS42NC0zLjcyNiAxLjcwMWwtMS4yNjEgMS4yNTljLS4xMjguMTMtLjIyOC4yODQtLjI5NC40NTRzLS4wOTcuMzUxLS4wOS41MzNjLS4wMDMuMTczLjAzLjM0NS4wOTcuNTA1cy4xNjUuMzA0LjI4OS40MjVsMS4xNDkgMS4xNTItMi41MiAyLjQ2NWMtLjI5My4yOTMtLjQzOC42MjEtLjQzOC45ODdhMS4zNiAxLjM2IDAgMCAwIC4xMTcuNTM4Yy4wNzUuMTY5LjE4NS4zMjIuMzIxLjQ0Ny4xMjYuMTM2LjI3OS4yNDYuNDQ4LjMyMWExLjM2IDEuMzYgMCAwIDAgLjUzOS4xMTdjLjE4NS0uMDAyLjM2OC0uMDQyLjUzOC0uMTE3cy4zMjItLjE4NS40NDctLjMyMWwyLjQ2NS0yLjUyMS44NzcuODc3LTIuNTE4IDIuNDY1Yy0uMjkzLjI5My0uNDM4LjYyMS0uNDM4Ljk4N2ExLjM2IDEuMzYgMCAwIDAgLjExNy41MzhjLjA3NS4xNjkuMTg0LjMyMi4zMjEuNDQ3em0xLjUzNC05LjMxNmwuMjc0LS4zMjhhMi42OSAyLjY5IDAgMCAxIDEuOTczLS44MjJjLjczMSAwIDEuMzY5LjI3NCAxLjkxOC44MjJsMS4wOTYgMS4xNWMuNTg0LjU0OS44NzcgMS4yMDYuODc3IDEuOTczIDAgLjczMS0uMjkzIDEuMzcxLS44NzcgMS45MThsLS4yNzMuMjc0LTQuOTg3LTQuOTg1eiIvPiYjeGE7PC9zdmc+;strokeColor=none;',
  },
  _original_width: 28,
  _original_height: 28,

}

Admin Highlight

Preview

Usage

import { AdminHighlight } from '@dinghy/diagrams/entitiesSapGenericIcons'

<AdminHighlight/>

// or

import { extendStyle } from "@dinghy/base-components";
import { ADMIN_HIGHLIGHT } from '@dinghy/diagrams/entitiesSapGenericIcons'

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

Definition

{
  _style: {
    entity: 'shape=image;editableCssRules=.*;verticalLabelPosition=bottom;labelBackgroundColor=default;verticalAlign=top;aspect=fixed;imageAspect=0;image=data:image/svg+xml,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9Ii0wLjUgLTAuNSAyNC4yMzMgMjgiIGhlaWdodD0iMjgiIHdpZHRoPSIyNC4yMzMiPiYjeGE7CSAgPHN0eWxlIHR5cGU9InRleHQvY3NzIj4mI3hhOwkJLnN0MHtzdG9wLWNvbG9yOiMwMGNlYWM7fSYjeGE7CQkuc3Qxe3N0b3AtY29sb3I6IzA3ODM4Zjt9JiN4YTsJICA8L3N0eWxlPiYjeGE7CTxkZWZzPiYjeGE7CQk8bGluZWFyR3JhZGllbnQgZ3JhZGllbnRVbml0cz0idXNlclNwYWNlT25Vc2UiIHkyPSIyMi4yMjkiIHgyPSIyMi45NSIgeTE9IjMuNDc0IiB4MT0iMS42OTgiIGlkPSJBIj4mI3hhOwkJCTxzdG9wIGNsYXNzPSJzdDAiLz4mI3hhOwkJCTxzdG9wIGNsYXNzPSJzdDEiIG9mZnNldD0iMSIvPiYjeGE7CQk8L2xpbmVhckdyYWRpZW50PiYjeGE7CTwvZGVmcz4mI3hhOwk8cGF0aCBmaWxsPSJ1cmwoI0EpIiBkPSJNMTUuNTUyIDExLjYwOGwtLjkzMS0uNDM4aC4wMDJhNy4wMyA3LjAzIDAgMCAwIDEuNDgtMi4xOTJjLjQwMS0uODQuNjAzLTEuNzUzLjYwMy0yLjczOSAwLS45NS0uMTg0LTEuODI3LS41NDktMi42M2E2LjQ1IDYuNDUgMCAwIDAtMS40MjQtMi4xMzdDMTQuMTExLjg1MiAxMy4zOTkuMzc3IDEyLjU5Ni4wNDlBNi4yNyA2LjI3IDAgMCAwIDkuOTY2LS41Yy0uOTE0IDAtMS43OS4xODItMi42My41NDdhNi4zMiA2LjMyIDAgMCAwLTIuMTkyIDEuNDI1QTcuOCA3LjggMCAwIDAgMy43MTkgMy42MWMtLjM2NS44MDMtLjU0NyAxLjY4LS41NDcgMi42M2E2LjYzIDYuNjMgMCAwIDAgLjYwMSAyLjc5M2MuMzk3LjgzMy45NTYgMS41NzggMS42NDUgMi4xOTItMS43NTMuNjk0LTMuMTc3IDEuODQ2LTQuMjczIDMuNDUyQy4wNDkgMTYuMjQ4LS41IDE4LjA1NS0uNSAyMC4xMDF2Mi43NGMtLjAwOS4zNC4xMDguNjcyLjMyOC45MzFhMS4zOCAxLjM4IDAgMCAwIC45MzMuMzI4aDkuMzFjLjE1Mi4wMDQuMzA0LS4wMjMuNDQ1LS4wOHMuMjctLjE0Mi4zNzctLjI1YTEuMjcgMS4yNyAwIDAgMCAuMzg0LS45MjkgMS4wNCAxLjA0IDAgMCAwLS4zODQtLjgyMmMtLjIxOS0uMjU2LS40OTMtLjM4NC0uODIyLS4zODRIMS45NjZ2LTEuNTM0YzAtLjk4Ny4xNjMtMS44OTkuNDkxLTIuNzQuMzQxLS44MzkuODQzLTEuNjAyIDEuNDgtMi4yNDYuNjIxLS42NTggMS4zMzQtMS4xNjggMi4xMzctMS41MzRhNi42NyA2LjY3IDAgMCAxIDIuNjg0LS41NDdoMi42M2MuODA2LS4wMDYgMS42MDYuMTQyIDIuMzU3LjQzOC43NjYuMjU2IDEuMzY5LjU4NCAxLjgwOC45ODdhMi41OCAyLjU4IDAgMCAwIC42NTcuNDkxYy4xOTguMDY3LjM5OS4xMjIuNjAzLjE2NS4yOTMgMCAuNTY2LS4xMjguODIyLS4zODIuMTgyLS4xODIuMjczLS4zODQuMjczLS42MDN2LS4xNjVjLS4wMDgtLjM0Ny0uMTQ1LS42NzktLjM4NC0uOTMxYTUuMTggNS4xOCAwIDAgMC0uOTMxLS44MjIgNC4zMSA0LjMxIDAgMCAwLTEuMDQxLS42MDN6bS0yLjU3Ni0yLjMwMmMtLjgzOC44NDItMS44NDQgMS4yNjItMy4wMTIgMS4yNjJ2LS4wMDJjLTEuMTY5IDAtMi4xOTItLjQxOS0zLjA2OC0xLjI1OUE0LjE4IDQuMTggMCAwIDEgNS42MzUgNi4yNGE0LjExIDQuMTEgMCAwIDEgMS4yNjEtMy4wMTRjLjg3Ny0uODQgMS44OTktMS4yNjEgMy4wNjgtMS4yNjFhNC4xMSA0LjExIDAgMCAxIDMuMDEyIDEuMjYxYy44NzcuODQgMS4zMTUgMS44NDQgMS4zMTUgMy4wMTJhNC4wOCA0LjA4IDAgMCAxLTEuMzE1IDMuMDY4em0uMTUxIDE2LjMwOWEuODUuODUgMCAwIDEgLjIxMy0uNTdsNC4wMDEtNC4xNDJjLS4wOTUtLjMxNC0uMTQyLS42MzctLjE0Mi0uOTY3YTMuNjEgMy42MSAwIDAgMSAuMjYtMS4zNjRjLjE3NC0uNDMuNDE4LS44MDIuNzM0LTEuMTE2YTMuMTQgMy4xNCAwIDAgMSAxLjA2NS0uNzY5Yy4zOTUtLjE5OC44MjktLjI5OCAxLjMwMi0uMjk4YTMuMDkgMy4wOSAwIDAgMSAxLjk2NS42N2MuNTY4LjQzLjk3MS45OTIgMS4yMDcgMS42ODZIMjAuOTRjLS4yMjEgMC0uNDM0LjA3NC0uNjM5LjIyMy0uMjIxLjE0OS0uMzMxLjMzOS0uMzMxLjU3di43OTRjMCAuMjMyLjExLjQzLjMzMS41OTUuMjA1LjE0OS40MTguMjIzLjYzOS4yMjNoMi43OTRjLS4yMzcuNjYxLS42MzkgMS4yMTUtMS4yMDcgMS42NjItLjU2OC40My0xLjIyMy42NDUtMS45NjUuNjQ1LS40NTggMC0uODY4LS4wODMtMS4yMzEtLjI0OGwtMy44NTkgNC4wNjdhLjcyLjcyIDAgMCAxLS41NDQuMjIzYy0uMTg5IDAtLjM1NS0uMDc0LS40OTctLjIyM2wtMS4wODktMS4xNDFhLjczLjczIDAgMCAxLS4yMTMtLjUyMXoiIGZpbGwtcnVsZT0iZXZlbm9kZCIvPiYjeGE7PC9zdmc+;strokeColor=none;',
  },
  _width: 24,
  _height: 28,
}

Admin Non-SAP

Preview

Usage

import { AdminNonSap } from '@dinghy/diagrams/entitiesSapGenericIcons'

<AdminNonSap/>

// or

import { extendStyle } from "@dinghy/base-components";
import { ADMIN_NON_SAP } from '@dinghy/diagrams/entitiesSapGenericIcons'

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

Definition

{
  _style: {
    entity: 'shape=image;editableCssRules=.*;verticalLabelPosition=bottom;labelBackgroundColor=default;verticalAlign=top;aspect=fixed;imageAspect=0;image=data:image/svg+xml,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9Ii0wLjUgLTAuNSAyNC4yMzMgMjgiIGhlaWdodD0iMjgiIHdpZHRoPSIyNC4yMzMiPiYjeGE7CSAgPHN0eWxlIHR5cGU9InRleHQvY3NzIj4uc3QwIHsgc3RvcC1jb2xvcjogcmdiKDkxLCAxMTUsIDEzOSk7IH0gLnN0MSB7IHN0b3AtY29sb3I6IHJnYigzNCwgNTMsIDcyKTsgfSA8L3N0eWxlPiYjeGE7CTxkZWZzPiYjeGE7CQk8bGluZWFyR3JhZGllbnQgZ3JhZGllbnRVbml0cz0idXNlclNwYWNlT25Vc2UiIHkyPSIyMi4yMjkiIHgyPSIyMi45NSIgeTE9IjMuNDc0IiB4MT0iMS42OTgiIGlkPSJBIj4mI3hhOwkJCTxzdG9wIGNsYXNzPSJzdDAiLz4mI3hhOwkJCTxzdG9wIGNsYXNzPSJzdDEiIG9mZnNldD0iMSIvPiYjeGE7CQk8L2xpbmVhckdyYWRpZW50PiYjeGE7CTwvZGVmcz4mI3hhOwk8cGF0aCBmaWxsPSJ1cmwoI0EpIiBkPSJNMTUuNTUyIDExLjYwOGwtLjkzMS0uNDM4aC4wMDJhNy4wMyA3LjAzIDAgMCAwIDEuNDgtMi4xOTJjLjQwMS0uODQuNjAzLTEuNzUzLjYwMy0yLjczOSAwLS45NS0uMTg0LTEuODI3LS41NDktMi42M2E2LjQ1IDYuNDUgMCAwIDAtMS40MjQtMi4xMzdDMTQuMTExLjg1MiAxMy4zOTkuMzc3IDEyLjU5Ni4wNDlBNi4yNyA2LjI3IDAgMCAwIDkuOTY2LS41Yy0uOTE0IDAtMS43OS4xODItMi42My41NDdhNi4zMiA2LjMyIDAgMCAwLTIuMTkyIDEuNDI1QTcuOCA3LjggMCAwIDAgMy43MTkgMy42MWMtLjM2NS44MDMtLjU0NyAxLjY4LS41NDcgMi42M2E2LjYzIDYuNjMgMCAwIDAgLjYwMSAyLjc5M2MuMzk3LjgzMy45NTYgMS41NzggMS42NDUgMi4xOTItMS43NTMuNjk0LTMuMTc3IDEuODQ2LTQuMjczIDMuNDUyQy4wNDkgMTYuMjQ4LS41IDE4LjA1NS0uNSAyMC4xMDF2Mi43NGMtLjAwOS4zNC4xMDguNjcyLjMyOC45MzFhMS4zOCAxLjM4IDAgMCAwIC45MzMuMzI4aDkuMzFjLjE1Mi4wMDQuMzA0LS4wMjMuNDQ1LS4wOHMuMjctLjE0Mi4zNzctLjI1YTEuMjcgMS4yNyAwIDAgMCAuMzg0LS45MjkgMS4wNCAxLjA0IDAgMCAwLS4zODQtLjgyMmMtLjIxOS0uMjU2LS40OTMtLjM4NC0uODIyLS4zODRIMS45NjZ2LTEuNTM0YzAtLjk4Ny4xNjMtMS44OTkuNDkxLTIuNzQuMzQxLS44MzkuODQzLTEuNjAyIDEuNDgtMi4yNDYuNjIxLS42NTggMS4zMzQtMS4xNjggMi4xMzctMS41MzRhNi42NyA2LjY3IDAgMCAxIDIuNjg0LS41NDdoMi42M2MuODA2LS4wMDYgMS42MDYuMTQyIDIuMzU3LjQzOC43NjYuMjU2IDEuMzY5LjU4NCAxLjgwOC45ODdhMi41OCAyLjU4IDAgMCAwIC42NTcuNDkxYy4xOTguMDY3LjM5OS4xMjIuNjAzLjE2NS4yOTMgMCAuNTY2LS4xMjguODIyLS4zODIuMTgyLS4xODIuMjczLS4zODQuMjczLS42MDN2LS4xNjVjLS4wMDgtLjM0Ny0uMTQ1LS42NzktLjM4NC0uOTMxYTUuMTggNS4xOCAwIDAgMC0uOTMxLS44MjIgNC4zMSA0LjMxIDAgMCAwLTEuMDQxLS42MDN6bS0yLjU3Ni0yLjMwMmMtLjgzOC44NDItMS44NDQgMS4yNjItMy4wMTIgMS4yNjJ2LS4wMDJjLTEuMTY5IDAtMi4xOTItLjQxOS0zLjA2OC0xLjI1OUE0LjE4IDQuMTggMCAwIDEgNS42MzUgNi4yNGE0LjExIDQuMTEgMCAwIDEgMS4yNjEtMy4wMTRjLjg3Ny0uODQgMS44OTktMS4yNjEgMy4wNjgtMS4yNjFhNC4xMSA0LjExIDAgMCAxIDMuMDEyIDEuMjYxYy44NzcuODQgMS4zMTUgMS44NDQgMS4zMTUgMy4wMTJhNC4wOCA0LjA4IDAgMCAxLTEuMzE1IDMuMDY4em0uMTUxIDE2LjMwOWEuODUuODUgMCAwIDEgLjIxMy0uNTdsNC4wMDEtNC4xNDJjLS4wOTUtLjMxNC0uMTQyLS42MzctLjE0Mi0uOTY3YTMuNjEgMy42MSAwIDAgMSAuMjYtMS4zNjRjLjE3NC0uNDMuNDE4LS44MDIuNzM0LTEuMTE2YTMuMTQgMy4xNCAwIDAgMSAxLjA2NS0uNzY5Yy4zOTUtLjE5OC44MjktLjI5OCAxLjMwMi0uMjk4YTMuMDkgMy4wOSAwIDAgMSAxLjk2NS42N2MuNTY4LjQzLjk3MS45OTIgMS4yMDcgMS42ODZIMjAuOTRjLS4yMjEgMC0uNDM0LjA3NC0uNjM5LjIyMy0uMjIxLjE0OS0uMzMxLjMzOS0uMzMxLjU3di43OTRjMCAuMjMyLjExLjQzLjMzMS41OTUuMjA1LjE0OS40MTguMjIzLjYzOS4yMjNoMi43OTRjLS4yMzcuNjYxLS42MzkgMS4yMTUtMS4yMDcgMS42NjItLjU2OC40My0xLjIyMy42NDUtMS45NjUuNjQ1LS40NTggMC0uODY4LS4wODMtMS4yMzEtLjI0OGwtMy44NTkgNC4wNjdhLjcyLjcyIDAgMCAxLS41NDQuMjIzYy0uMTg5IDAtLjM1NS0uMDc0LS40OTctLjIyM2wtMS4wODktMS4xNDFhLjczLjczIDAgMCAxLS4yMTMtLjUyMXoiIGZpbGwtcnVsZT0iZXZlbm9kZCIvPiYjeGE7PC9zdmc+;strokeColor=none;',
  },
  _width: 24,
  _height: 28,
}

Admin SAP

Preview

Usage

import { AdminSap } from '@dinghy/diagrams/entitiesSapGenericIcons'

<AdminSap/>

// or

import { extendStyle } from "@dinghy/base-components";
import { ADMIN_SAP } from '@dinghy/diagrams/entitiesSapGenericIcons'

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

Definition

{
  _style: {
    entity: 'shape=image;editableCssRules=.*;verticalLabelPosition=bottom;labelBackgroundColor=default;verticalAlign=top;aspect=fixed;imageAspect=0;image=data:image/svg+xml,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9Ii0wLjUgLTAuNSAyNC4yMzMgMjgiIGhlaWdodD0iMjgiIHdpZHRoPSIyNC4yMzMiPiYjeGE7CSAgPHN0eWxlIHR5cGU9InRleHQvY3NzIj4uc3QwIHsgc3RvcC1jb2xvcjogcmdiKDM1LCAxNDksIDI1NSk7IH0gLnN0MSB7IHN0b3AtY29sb3I6IHJnYigwLCA4NywgMjEwKTsgfSA8L3N0eWxlPiYjeGE7CTxkZWZzPiYjeGE7CQk8bGluZWFyR3JhZGllbnQgZ3JhZGllbnRVbml0cz0idXNlclNwYWNlT25Vc2UiIHkyPSIyMi4yMjkiIHgyPSIyMi45NSIgeTE9IjMuNDc0IiB4MT0iMS42OTgiIGlkPSJBIj4mI3hhOwkJCTxzdG9wIGNsYXNzPSJzdDAiLz4mI3hhOwkJCTxzdG9wIGNsYXNzPSJzdDEiIG9mZnNldD0iMSIvPiYjeGE7CQk8L2xpbmVhckdyYWRpZW50PiYjeGE7CTwvZGVmcz4mI3hhOwk8cGF0aCBmaWxsPSJ1cmwoI0EpIiBkPSJNMTUuNTUyIDExLjYwOGwtLjkzMS0uNDM4aC4wMDJhNy4wMyA3LjAzIDAgMCAwIDEuNDgtMi4xOTJjLjQwMS0uODQuNjAzLTEuNzUzLjYwMy0yLjczOSAwLS45NS0uMTg0LTEuODI3LS41NDktMi42M2E2LjQ1IDYuNDUgMCAwIDAtMS40MjQtMi4xMzdDMTQuMTExLjg1MiAxMy4zOTkuMzc3IDEyLjU5Ni4wNDlBNi4yNyA2LjI3IDAgMCAwIDkuOTY2LS41Yy0uOTE0IDAtMS43OS4xODItMi42My41NDdhNi4zMiA2LjMyIDAgMCAwLTIuMTkyIDEuNDI1QTcuOCA3LjggMCAwIDAgMy43MTkgMy42MWMtLjM2NS44MDMtLjU0NyAxLjY4LS41NDcgMi42M2E2LjYzIDYuNjMgMCAwIDAgLjYwMSAyLjc5M2MuMzk3LjgzMy45NTYgMS41NzggMS42NDUgMi4xOTItMS43NTMuNjk0LTMuMTc3IDEuODQ2LTQuMjczIDMuNDUyQy4wNDkgMTYuMjQ4LS41IDE4LjA1NS0uNSAyMC4xMDF2Mi43NGMtLjAwOS4zNC4xMDguNjcyLjMyOC45MzFhMS4zOCAxLjM4IDAgMCAwIC45MzMuMzI4aDkuMzFjLjE1Mi4wMDQuMzA0LS4wMjMuNDQ1LS4wOHMuMjctLjE0Mi4zNzctLjI1YTEuMjcgMS4yNyAwIDAgMCAuMzg0LS45MjkgMS4wNCAxLjA0IDAgMCAwLS4zODQtLjgyMmMtLjIxOS0uMjU2LS40OTMtLjM4NC0uODIyLS4zODRIMS45NjZ2LTEuNTM0YzAtLjk4Ny4xNjMtMS44OTkuNDkxLTIuNzQuMzQxLS44MzkuODQzLTEuNjAyIDEuNDgtMi4yNDYuNjIxLS42NTggMS4zMzQtMS4xNjggMi4xMzctMS41MzRhNi42NyA2LjY3IDAgMCAxIDIuNjg0LS41NDdoMi42M2MuODA2LS4wMDYgMS42MDYuMTQyIDIuMzU3LjQzOC43NjYuMjU2IDEuMzY5LjU4NCAxLjgwOC45ODdhMi41OCAyLjU4IDAgMCAwIC42NTcuNDkxYy4xOTguMDY3LjM5OS4xMjIuNjAzLjE2NS4yOTMgMCAuNTY2LS4xMjguODIyLS4zODIuMTgyLS4xODIuMjczLS4zODQuMjczLS42MDN2LS4xNjVjLS4wMDgtLjM0Ny0uMTQ1LS42NzktLjM4NC0uOTMxYTUuMTggNS4xOCAwIDAgMC0uOTMxLS44MjIgNC4zMSA0LjMxIDAgMCAwLTEuMDQxLS42MDN6bS0yLjU3Ni0yLjMwMmMtLjgzOC44NDItMS44NDQgMS4yNjItMy4wMTIgMS4yNjJ2LS4wMDJjLTEuMTY5IDAtMi4xOTItLjQxOS0zLjA2OC0xLjI1OUE0LjE4IDQuMTggMCAwIDEgNS42MzUgNi4yNGE0LjExIDQuMTEgMCAwIDEgMS4yNjEtMy4wMTRjLjg3Ny0uODQgMS44OTktMS4yNjEgMy4wNjgtMS4yNjFhNC4xMSA0LjExIDAgMCAxIDMuMDEyIDEuMjYxYy44NzcuODQgMS4zMTUgMS44NDQgMS4zMTUgMy4wMTJhNC4wOCA0LjA4IDAgMCAxLTEuMzE1IDMuMDY4em0uMTUxIDE2LjMwOWEuODUuODUgMCAwIDEgLjIxMy0uNTdsNC4wMDEtNC4xNDJjLS4wOTUtLjMxNC0uMTQyLS42MzctLjE0Mi0uOTY3YTMuNjEgMy42MSAwIDAgMSAuMjYtMS4zNjRjLjE3NC0uNDMuNDE4LS44MDIuNzM0LTEuMTE2YTMuMTQgMy4xNCAwIDAgMSAxLjA2NS0uNzY5Yy4zOTUtLjE5OC44MjktLjI5OCAxLjMwMi0uMjk4YTMuMDkgMy4wOSAwIDAgMSAxLjk2NS42N2MuNTY4LjQzLjk3MS45OTIgMS4yMDcgMS42ODZIMjAuOTRjLS4yMjEgMC0uNDM0LjA3NC0uNjM5LjIyMy0uMjIxLjE0OS0uMzMxLjMzOS0uMzMxLjU3di43OTRjMCAuMjMyLjExLjQzLjMzMS41OTUuMjA1LjE0OS40MTguMjIzLjYzOS4yMjNoMi43OTRjLS4yMzcuNjYxLS42MzkgMS4yMTUtMS4yMDcgMS42NjItLjU2OC40My0xLjIyMy42NDUtMS45NjUuNjQ1LS40NTggMC0uODY4LS4wODMtMS4yMzEtLjI0OGwtMy44NTkgNC4wNjdhLjcyLjcyIDAgMCAxLS41NDQuMjIzYy0uMTg5IDAtLjM1NS0uMDc0LS40OTctLjIyM2wtMS4wODktMS4xNDFhLjczLjczIDAgMCAxLS4yMTMtLjUyMXoiIGZpbGwtcnVsZT0iZXZlbm9kZCIvPiYjeGE7PC9zdmc+;strokeColor=none;',
  },
  _width: 24,
  _height: 28,
}

AI Highlight

Preview

Usage

import { AiHighlight } from '@dinghy/diagrams/entitiesSapGenericIcons'

<AiHighlight/>

// or

import { extendStyle } from "@dinghy/base-components";
import { AI_HIGHLIGHT } from '@dinghy/diagrams/entitiesSapGenericIcons'

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

Definition

{
  _style: {
    entity: 'shape=image;verticalLabelPosition=bottom;labelBackgroundColor=default;verticalAlign=top;aspect=fixed;imageAspect=0;editableCssRules=.*;image=data:image/svg+xml,PHN2ZyB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2aWV3Qm94PSIwLjAwNzUwMDcwODEwMzE3OTkzMiAwLjAwMjUwMDA1NzIyMDQ1ODk4NDQgMjMuOTg5OTk3ODYzNzY5NTMgMjMuOTkwMDAxNjc4NDY2Nzk3IiB2ZXJzaW9uPSIxLjEiIGlkPSJMYXllcl8xIiB3aWR0aD0iMjMuOTg5OTk3ODYzNzY5NTMiIGhlaWdodD0iMjMuOTkwMDAxNjc4NDY2Nzk3Ij4mI3hhOyAgPHN0eWxlIHR5cGU9InRleHQvY3NzIj4mI3hhOwkJLnN0MHtzdG9wLWNvbG9yOiMwMGNlYWM7fSYjeGE7CQkuc3Qxe3N0b3AtY29sb3I6IzA3ODM4Zjt9JiN4YTsJICA8L3N0eWxlPiYjeGE7ICA8ZGVmcz4mI3hhOyAgICA8bGluZWFyR3JhZGllbnQgaWQ9IkEiIHgxPSIwIiB5MT0iMCIgeDI9IjI0IiB5Mj0iMjQiIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIj4mI3hhOyAgICAgIDxzdG9wIGNsYXNzPSJzdDAiLz4mI3hhOyAgICAgIDxzdG9wIG9mZnNldD0iMSIgY2xhc3M9InN0MSIvPiYjeGE7ICAgIDwvbGluZWFyR3JhZGllbnQ+JiN4YTsgIDwvZGVmcz4mI3hhOyAgPHBhdGggZmlsbD0idXJsKCNBKSIgZD0iTTIzLjU3LDMuOTFjLTEuOTUtLjY2LTIuODItMS41My0zLjQ4LTMuNDgtLjE5LS41Ny0uOTktLjU3LTEuMTgsMC0uNjYsMS45NS0xLjUzLDIuODItMy40OCwzLjQ4LS41Ny4xOS0uNTcsMSwwLDEuMiwxLjk1LjY2LDIuODIsMS41MywzLjQ4LDMuNDguMTkuNTcuOTkuNTcsMS4xOCwwLC42Ni0xLjk1LDEuNTMtMi44MiwzLjQ4LTMuNDguNTctLjE5LjU3LTEsMC0xLjJaTTE1LjY5LDE0LjY2Yy0zLjU3LTEuMjEtNS4xNi0yLjgtNi4zNy02LjM3LS4zNC0xLjAzLTEuODMtMS4wMy0yLjE3LDAtMS4yMSwzLjU3LTIuOCw1LjE2LTYuMzcsNi4zNy0xLjAzLjM2LTEuMDMsMS44NCwwLDIuMTksMy41NywxLjIxLDUuMTYsMi44LDYuMzcsNi4zNy4zNCwxLjAzLDEuODMsMS4wMywyLjE3LDAsMS4yMS0zLjU3LDIuOC01LjE2LDYuMzctNi4zNywxLjAzLS4zNiwxLjAzLTEuODQsMC0yLjE5WiIvPiYjeGE7PC9zdmc+;strokeColor=none;',
  },
  _original_width: 28,
  _original_height: 28,

}

AI Non-SAP

Preview

Usage

import { AiNonSap } from '@dinghy/diagrams/entitiesSapGenericIcons'

<AiNonSap/>

// or

import { extendStyle } from "@dinghy/base-components";
import { AI_NON_SAP } from '@dinghy/diagrams/entitiesSapGenericIcons'

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

Definition

{
  _style: {
    entity: 'shape=image;verticalLabelPosition=bottom;labelBackgroundColor=default;verticalAlign=top;aspect=fixed;imageAspect=0;editableCssRules=.*;image=data:image/svg+xml,PHN2ZyB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2aWV3Qm94PSIwLjAwNzUwMDcwODEwMzE3OTkzMiAwLjAwMjUwMDA1NzIyMDQ1ODk4NDQgMjMuOTg5OTk3ODYzNzY5NTMgMjMuOTkwMDAxNjc4NDY2Nzk3IiB2ZXJzaW9uPSIxLjEiIGlkPSJMYXllcl8xIiB3aWR0aD0iMjMuOTg5OTk3ODYzNzY5NTMiIGhlaWdodD0iMjMuOTkwMDAxNjc4NDY2Nzk3Ij4mI3hhOyAgPHN0eWxlIHR5cGU9InRleHQvY3NzIj4uc3QwIHsgc3RvcC1jb2xvcjogcmdiKDkxLCAxMTUsIDEzOSk7IH0gLnN0MSB7IHN0b3AtY29sb3I6IHJnYigzNCwgNTMsIDcyKTsgfSA8L3N0eWxlPiYjeGE7ICA8ZGVmcz4mI3hhOyAgICA8bGluZWFyR3JhZGllbnQgaWQ9IkEiIHgxPSIwIiB5MT0iMCIgeDI9IjI0IiB5Mj0iMjQiIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIj4mI3hhOyAgICAgIDxzdG9wIGNsYXNzPSJzdDAiLz4mI3hhOyAgICAgIDxzdG9wIG9mZnNldD0iMSIgY2xhc3M9InN0MSIvPiYjeGE7ICAgIDwvbGluZWFyR3JhZGllbnQ+JiN4YTsgIDwvZGVmcz4mI3hhOyAgPHBhdGggZmlsbD0idXJsKCNBKSIgZD0iTTIzLjU3LDMuOTFjLTEuOTUtLjY2LTIuODItMS41My0zLjQ4LTMuNDgtLjE5LS41Ny0uOTktLjU3LTEuMTgsMC0uNjYsMS45NS0xLjUzLDIuODItMy40OCwzLjQ4LS41Ny4xOS0uNTcsMSwwLDEuMiwxLjk1LjY2LDIuODIsMS41MywzLjQ4LDMuNDguMTkuNTcuOTkuNTcsMS4xOCwwLC42Ni0xLjk1LDEuNTMtMi44MiwzLjQ4LTMuNDguNTctLjE5LjU3LTEsMC0xLjJaTTE1LjY5LDE0LjY2Yy0zLjU3LTEuMjEtNS4xNi0yLjgtNi4zNy02LjM3LS4zNC0xLjAzLTEuODMtMS4wMy0yLjE3LDAtMS4yMSwzLjU3LTIuOCw1LjE2LTYuMzcsNi4zNy0xLjAzLjM2LTEuMDMsMS44NCwwLDIuMTksMy41NywxLjIxLDUuMTYsMi44LDYuMzcsNi4zNy4zNCwxLjAzLDEuODMsMS4wMywyLjE3LDAsMS4yMS0zLjU3LDIuOC01LjE2LDYuMzctNi4zNywxLjAzLS4zNiwxLjAzLTEuODQsMC0yLjE5WiIvPiYjeGE7PC9zdmc+;strokeColor=none;',
  },
  _original_width: 28,
  _original_height: 28,

}

AI SAP

Preview

Usage

import { AiSap } from '@dinghy/diagrams/entitiesSapGenericIcons'

<AiSap/>

// or

import { extendStyle } from "@dinghy/base-components";
import { AI_SAP } from '@dinghy/diagrams/entitiesSapGenericIcons'

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

Definition

{
  _style: {
    entity: 'shape=image;verticalLabelPosition=bottom;labelBackgroundColor=default;verticalAlign=top;aspect=fixed;imageAspect=0;editableCssRules=.*;image=data:image/svg+xml,PHN2ZyB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2aWV3Qm94PSIwLjAwNzUwMDcwODEwMzE3OTkzMiAwLjAwMjUwMDA1NzIyMDQ1ODk4NDQgMjMuOTg5OTk3ODYzNzY5NTMgMjMuOTkwMDAxNjc4NDY2Nzk3IiB2ZXJzaW9uPSIxLjEiIGlkPSJMYXllcl8xIiB3aWR0aD0iMjMuOTg5OTk3ODYzNzY5NTMiIGhlaWdodD0iMjMuOTkwMDAxNjc4NDY2Nzk3Ij4mI3hhOyAgPHN0eWxlIHR5cGU9InRleHQvY3NzIj4uc3QwIHsgc3RvcC1jb2xvcjogcmdiKDM1LCAxNDksIDI1NSk7IH0gLnN0MSB7IHN0b3AtY29sb3I6IHJnYigwLCA4NywgMjEwKTsgfSA8L3N0eWxlPiYjeGE7ICA8ZGVmcz4mI3hhOyAgICA8bGluZWFyR3JhZGllbnQgaWQ9IkEiIHgxPSIwIiB5MT0iMCIgeDI9IjI0IiB5Mj0iMjQiIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIj4mI3hhOyAgICAgIDxzdG9wIGNsYXNzPSJzdDAiLz4mI3hhOyAgICAgIDxzdG9wIG9mZnNldD0iMSIgY2xhc3M9InN0MSIvPiYjeGE7ICAgIDwvbGluZWFyR3JhZGllbnQ+JiN4YTsgIDwvZGVmcz4mI3hhOyAgPHBhdGggZmlsbD0idXJsKCNBKSIgZD0iTTIzLjU3LDMuOTFjLTEuOTUtLjY2LTIuODItMS41My0zLjQ4LTMuNDgtLjE5LS41Ny0uOTktLjU3LTEuMTgsMC0uNjYsMS45NS0xLjUzLDIuODItMy40OCwzLjQ4LS41Ny4xOS0uNTcsMSwwLDEuMiwxLjk1LjY2LDIuODIsMS41MywzLjQ4LDMuNDguMTkuNTcuOTkuNTcsMS4xOCwwLC42Ni0xLjk1LDEuNTMtMi44MiwzLjQ4LTMuNDguNTctLjE5LjU3LTEsMC0xLjJaTTE1LjY5LDE0LjY2Yy0zLjU3LTEuMjEtNS4xNi0yLjgtNi4zNy02LjM3LS4zNC0xLjAzLTEuODMtMS4wMy0yLjE3LDAtMS4yMSwzLjU3LTIuOCw1LjE2LTYuMzcsNi4zNy0xLjAzLjM2LTEuMDMsMS44NCwwLDIuMTksMy41NywxLjIxLDUuMTYsMi44LDYuMzcsNi4zNy4zNCwxLjAzLDEuODMsMS4wMywyLjE3LDAsMS4yMS0zLjU3LDIuOC01LjE2LDYuMzctNi4zNywxLjAzLS4zNiwxLjAzLTEuODQsMC0yLjE5WiIvPiYjeGE7PC9zdmc+;strokeColor=none;',
  },
  _original_width: 28,
  _original_height: 28,

}

Alert Highlight

Preview

Usage

import { AlertHighlight } from '@dinghy/diagrams/entitiesSapGenericIcons'

<AlertHighlight/>

// or

import { extendStyle } from "@dinghy/base-components";
import { ALERT_HIGHLIGHT } from '@dinghy/diagrams/entitiesSapGenericIcons'

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

Definition

{
  _style: {
    entity: 'shape=image;editableCssRules=.*;verticalLabelPosition=bottom;labelBackgroundColor=default;verticalAlign=top;aspect=fixed;imageAspect=0;image=data:image/svg+xml,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9Ii0wLjUgLTAuNSAyOCAyNS4xNzkiIGhlaWdodD0iMjUuMTc5IiB3aWR0aD0iMjgiPiYjeGE7CSAgPHN0eWxlIHR5cGU9InRleHQvY3NzIj4mI3hhOwkJLnN0MHtzdG9wLWNvbG9yOiMwMGNlYWM7fSYjeGE7CQkuc3Qxe3N0b3AtY29sb3I6IzA3ODM4Zjt9JiN4YTsJICA8L3N0eWxlPiYjeGE7CTxkZWZzPiYjeGE7CQk8bGluZWFyR3JhZGllbnQgZ3JhZGllbnRVbml0cz0idXNlclNwYWNlT25Vc2UiIHkyPSIyNC43NDIiIHgyPSIyMS4xNDkiIHkxPSIzLjA3NCIgeDE9IjIuMDM5IiBpZD0iQSI+JiN4YTsJCQk8c3RvcCBjbGFzcz0ic3QwIi8+JiN4YTsJCQk8c3RvcCBjbGFzcz0ic3QxIiBvZmZzZXQ9IjEiLz4mI3hhOwkJPC9saW5lYXJHcmFkaWVudD4mI3hhOwk8L2RlZnM+JiN4YTsJPHBhdGggZmlsbD0idXJsKCNBKSIgZD0iTTI2Ljc1OC0uMzM5YTEuNDEgMS40MSAwIDAgMC0xLjQyOC4wN2MtLjA4NC4wNTYtOC4xMiA1LjM2Mi0xMy4yMyA1LjM2MmgtN2MtMy4xMzYgMC01LjYgMi40NjQtNS42IDUuNnMyLjQ2NCA1LjYgNS42IDUuNmguNTMybDMuODIyIDcuNjNhMS4zNiAxLjM2IDAgMCAwIDEuMDIyLjc1NmguMjI0YTEuNDEgMS40MSAwIDAgMCAuOTk0LS40MDZsMi44LTIuOGExLjM4IDEuMzggMCAwIDAgLjM2NC0xLjMzbC0uOTI0LTMuNjY4YzQuOTk4Ljk1MiAxMS4zMTIgNS4xMjQgMTEuMzk2IDUuMThhMS40MSAxLjQxIDAgMCAwIDEuNDI4LjA3Yy40NjItLjI1Mi43NDItLjcyOC43NDItMS4yNDZWLjg5M2ExLjQxIDEuNDEgMCAwIDAtLjc0Mi0xLjIzMnptLTE1LjY4IDIxLjI4bC0zLjMzMi02LjY2NGExLjM4IDEuMzggMCAwIDAtMS4yNDYtLjc4NEg1LjFjLTEuNTk2IDAtMi44LTEuMjA0LTIuOC0yLjhzMS4yMDQtMi44IDIuOC0yLjhoNS42djdhMS40MSAxLjQxIDAgMCAwIC4wNDIuMzVsMS4yMDQgNC44M3ptMTMuNjIyLTIuOTRjLTIuNjYtMS41NTQtNy4yNjYtMy45Mi0xMS4yLTQuNDFWNy43OTVjMy45MzQtLjQ5IDguNTQtMi44NTYgMTEuMi00LjM5NnoiLz4mI3hhOzwvc3ZnPg==;strokeColor=none;',
  },
  _width: 28,
  _height: 25,
}

Alert Non-SAP

Preview

Usage

import { AlertNonSap } from '@dinghy/diagrams/entitiesSapGenericIcons'

<AlertNonSap/>

// or

import { extendStyle } from "@dinghy/base-components";
import { ALERT_NON_SAP } from '@dinghy/diagrams/entitiesSapGenericIcons'

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

Definition

{
  _style: {
    entity: 'shape=image;editableCssRules=.*;verticalLabelPosition=bottom;labelBackgroundColor=default;verticalAlign=top;aspect=fixed;imageAspect=0;image=data:image/svg+xml,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9Ii0wLjUgLTAuNSAyOCAyNS4xNzkiIGhlaWdodD0iMjUuMTc5IiB3aWR0aD0iMjgiPiYjeGE7CSAgPHN0eWxlIHR5cGU9InRleHQvY3NzIj4uc3QwIHsgc3RvcC1jb2xvcjogcmdiKDkxLCAxMTUsIDEzOSk7IH0gLnN0MSB7IHN0b3AtY29sb3I6IHJnYigzNCwgNTMsIDcyKTsgfSA8L3N0eWxlPiYjeGE7CTxkZWZzPiYjeGE7CQk8bGluZWFyR3JhZGllbnQgZ3JhZGllbnRVbml0cz0idXNlclNwYWNlT25Vc2UiIHkyPSIyNC43NDIiIHgyPSIyMS4xNDkiIHkxPSIzLjA3NCIgeDE9IjIuMDM5IiBpZD0iQSI+JiN4YTsJCQk8c3RvcCBjbGFzcz0ic3QwIi8+JiN4YTsJCQk8c3RvcCBjbGFzcz0ic3QxIiBvZmZzZXQ9IjEiLz4mI3hhOwkJPC9saW5lYXJHcmFkaWVudD4mI3hhOwk8L2RlZnM+JiN4YTsJPHBhdGggZmlsbD0idXJsKCNBKSIgZD0iTTI2Ljc1OC0uMzM5YTEuNDEgMS40MSAwIDAgMC0xLjQyOC4wN2MtLjA4NC4wNTYtOC4xMiA1LjM2Mi0xMy4yMyA1LjM2MmgtN2MtMy4xMzYgMC01LjYgMi40NjQtNS42IDUuNnMyLjQ2NCA1LjYgNS42IDUuNmguNTMybDMuODIyIDcuNjNhMS4zNiAxLjM2IDAgMCAwIDEuMDIyLjc1NmguMjI0YTEuNDEgMS40MSAwIDAgMCAuOTk0LS40MDZsMi44LTIuOGExLjM4IDEuMzggMCAwIDAgLjM2NC0xLjMzbC0uOTI0LTMuNjY4YzQuOTk4Ljk1MiAxMS4zMTIgNS4xMjQgMTEuMzk2IDUuMThhMS40MSAxLjQxIDAgMCAwIDEuNDI4LjA3Yy40NjItLjI1Mi43NDItLjcyOC43NDItMS4yNDZWLjg5M2ExLjQxIDEuNDEgMCAwIDAtLjc0Mi0xLjIzMnptLTE1LjY4IDIxLjI4bC0zLjMzMi02LjY2NGExLjM4IDEuMzggMCAwIDAtMS4yNDYtLjc4NEg1LjFjLTEuNTk2IDAtMi44LTEuMjA0LTIuOC0yLjhzMS4yMDQtMi44IDIuOC0yLjhoNS42djdhMS40MSAxLjQxIDAgMCAwIC4wNDIuMzVsMS4yMDQgNC44M3ptMTMuNjIyLTIuOTRjLTIuNjYtMS41NTQtNy4yNjYtMy45Mi0xMS4yLTQuNDFWNy43OTVjMy45MzQtLjQ5IDguNTQtMi44NTYgMTEuMi00LjM5NnoiLz4mI3hhOzwvc3ZnPg==;strokeColor=none;',
  },
  _width: 28,
  _height: 25,
}

alert SAP

Preview

Usage

import { AlertSap } from '@dinghy/diagrams/entitiesSapGenericIcons'

<AlertSap/>

// or

import { extendStyle } from "@dinghy/base-components";
import { ALERT_SAP } from '@dinghy/diagrams/entitiesSapGenericIcons'

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

Definition

{
  _style: {
    entity: 'shape=image;editableCssRules=.*;verticalLabelPosition=bottom;labelBackgroundColor=default;verticalAlign=top;aspect=fixed;imageAspect=0;image=data:image/svg+xml,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9Ii0wLjUgLTAuNSAyOCAyNS4xNzkiIGhlaWdodD0iMjUuMTc5IiB3aWR0aD0iMjgiPiYjeGE7CSAgPHN0eWxlIHR5cGU9InRleHQvY3NzIj4uc3QwIHsgc3RvcC1jb2xvcjogcmdiKDM1LCAxNDksIDI1NSk7IH0gLnN0MSB7IHN0b3AtY29sb3I6IHJnYigwLCA4NywgMjEwKTsgfSA8L3N0eWxlPiYjeGE7CTxkZWZzPiYjeGE7CQk8bGluZWFyR3JhZGllbnQgZ3JhZGllbnRVbml0cz0idXNlclNwYWNlT25Vc2UiIHkyPSIyNC43NDIiIHgyPSIyMS4xNDkiIHkxPSIzLjA3NCIgeDE9IjIuMDM5IiBpZD0iQSI+JiN4YTsJCQk8c3RvcCBjbGFzcz0ic3QwIi8+JiN4YTsJCQk8c3RvcCBjbGFzcz0ic3QxIiBvZmZzZXQ9IjEiLz4mI3hhOwkJPC9saW5lYXJHcmFkaWVudD4mI3hhOwk8L2RlZnM+JiN4YTsJPHBhdGggZmlsbD0idXJsKCNBKSIgZD0iTTI2Ljc1OC0uMzM5YTEuNDEgMS40MSAwIDAgMC0xLjQyOC4wN2MtLjA4NC4wNTYtOC4xMiA1LjM2Mi0xMy4yMyA1LjM2MmgtN2MtMy4xMzYgMC01LjYgMi40NjQtNS42IDUuNnMyLjQ2NCA1LjYgNS42IDUuNmguNTMybDMuODIyIDcuNjNhMS4zNiAxLjM2IDAgMCAwIDEuMDIyLjc1NmguMjI0YTEuNDEgMS40MSAwIDAgMCAuOTk0LS40MDZsMi44LTIuOGExLjM4IDEuMzggMCAwIDAgLjM2NC0xLjMzbC0uOTI0LTMuNjY4YzQuOTk4Ljk1MiAxMS4zMTIgNS4xMjQgMTEuMzk2IDUuMThhMS40MSAxLjQxIDAgMCAwIDEuNDI4LjA3Yy40NjItLjI1Mi43NDItLjcyOC43NDItMS4yNDZWLjg5M2ExLjQxIDEuNDEgMCAwIDAtLjc0Mi0xLjIzMnptLTE1LjY4IDIxLjI4bC0zLjMzMi02LjY2NGExLjM4IDEuMzggMCAwIDAtMS4yNDYtLjc4NEg1LjFjLTEuNTk2IDAtMi44LTEuMjA0LTIuOC0yLjhzMS4yMDQtMi44IDIuOC0yLjhoNS42djdhMS40MSAxLjQxIDAgMCAwIC4wNDIuMzVsMS4yMDQgNC44M3ptMTMuNjIyLTIuOTRjLTIuNjYtMS41NTQtNy4yNjYtMy45Mi0xMS4yLTQuNDFWNy43OTVjMy45MzQtLjQ5IDguNTQtMi44NTYgMTEuMi00LjM5NnoiLz4mI3hhOzwvc3ZnPg==;strokeColor=none;',
  },
  _width: 28,
  _height: 25,
}

API Highlight

Preview

Usage

import { ApiHighlight } from '@dinghy/diagrams/entitiesSapGenericIcons'

<ApiHighlight/>

// or

import { extendStyle } from "@dinghy/base-components";
import { API_HIGHLIGHT } from '@dinghy/diagrams/entitiesSapGenericIcons'

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

Definition

{
  _style: {
    entity: 'shape=image;editableCssRules=.*;verticalLabelPosition=bottom;labelBackgroundColor=default;verticalAlign=top;aspect=fixed;imageAspect=0;image=data:image/svg+xml,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9Ii0wLjUgLTAuNSAyOCAyNy44MzYiIGhlaWdodD0iMjcuODM2IiB3aWR0aD0iMjgiPiYjeGE7CSAgPHN0eWxlIHR5cGU9InRleHQvY3NzIj4mI3hhOwkJLnN0MHtzdG9wLWNvbG9yOiMwMGNlYWM7fSYjeGE7CQkuc3Qxe3N0b3AtY29sb3I6IzA3ODM4Zjt9JiN4YTsJICA8L3N0eWxlPiYjeGE7CTxkZWZzPiYjeGE7CQk8bGluZWFyR3JhZGllbnQgZ3JhZGllbnRVbml0cz0idXNlclNwYWNlT25Vc2UiIHkyPSIyNS4yODMiIHgyPSIyMy4zMjYiIHkxPSIzLjQ1MSIgeDE9IjIuMDM5IiBpZD0iQSI+JiN4YTsJCQk8c3RvcCBjbGFzcz0ic3QwIi8+JiN4YTsJCQk8c3RvcCBjbGFzcz0ic3QxIiBvZmZzZXQ9IjEiLz4mI3hhOwkJPC9saW5lYXJHcmFkaWVudD4mI3hhOwk8L2RlZnM+JiN4YTsJPHBhdGggZmlsbD0idXJsKCNBKSIgZD0iTTIxLjkxMSAxNi4yMTJjLjc2NyAwIDEuNDc5LjE0NiAyLjEzNy40MzhhNS42IDUuNiAwIDAgMSAzLjAxNCAzLjAxNCA1LjIgNS4yIDAgMCAxIC40MzggMi4xMzcgNS41OSA1LjU5IDAgMCAxLS40MzggMi4xOTJjLS4yOTIuNjU3LS42OTQgMS4yMjQtMS4yMDYgMS42OTgtLjUxMi41MTItMS4xMTQuOTEzLTEuODA4IDEuMjA2LS42NTguMjkyLTEuMzcuNDM4LTIuMTM3LjQzOHMtMS40OTgtLjE0Ni0yLjE5Mi0uNDM4YTUuNzggNS43OCAwIDAgMS0xLjc1My0xLjIwNmMtLjUxMi0uNDc1LS45MTMtMS4wNDEtMS4yMDYtMS42OThhNS41OSA1LjU5IDAgMCAxLS40MzgtMi4xOTJ2LS43MTJsLTcuMzk3LTMuNjE2Yy0xLjEzMiAxLjAyMy0yLjQyOSAxLjUzNC0zLjg5IDEuNTM0YTUuNTkgNS41OSAwIDAgMS0yLjE5Mi0uNDM4IDUuNzggNS43OCAwIDAgMS0xLjc1My0xLjIwNmMtLjQ3NS0uNTExLS44NTgtMS4wOTYtMS4xNTEtMS43NTNBNS41OSA1LjU5IDAgMCAxLS41IDEzLjQxOGMwLS43NjcuMTQ2LTEuNDc5LjQzOC0yLjEzNy4yOTItLjY5NC42NzYtMS4yNzkgMS4xNTEtMS43NTNhNS43OCA1Ljc4IDAgMCAxIDEuNzUzLTEuMjA2IDUuNTkgNS41OSAwIDAgMSAyLjE5Mi0uNDM4Yy43NjcgMCAxLjQ3OS4xMjggMi4xMzcuMzg0YTQuNDUgNC40NSAwIDAgMSAxLjc1MyAxLjE1MWw3LjM5Ny0zLjY3MXYtLjY1OGMwLS43NjcuMTQ2LTEuNDc5LjQzOC0yLjEzN2E1LjYgNS42IDAgMCAxIDEuMjA2LTEuODA4IDUuNzggNS43OCAwIDAgMSAxLjc1My0xLjIwNUE1LjU5IDUuNTkgMCAwIDEgMjEuOTExLS41Yy43NjcgMCAxLjQ3OS4xNDYgMi4xMzcuNDM4YTUuNiA1LjYgMCAwIDEgMS44MDggMS4yMDUgNS42IDUuNiAwIDAgMSAxLjIwNiAxLjgwOCA1LjIgNS4yIDAgMCAxIC40MzggMi4xMzcgNS41OSA1LjU5IDAgMCAxLS40MzggMi4xOTIgNS43OCA1Ljc4IDAgMCAxLTEuMjA2IDEuNzUzYy0uNTEyLjQ3NS0xLjExNC44NTgtMS44MDggMS4xNTEtLjY1OC4yOTItMS4zNy40MzgtMi4xMzcuNDM4LS45ODYgMC0xLjg4MS0uMjAxLTIuNjg1LS42MDMtLjc2Ny0uNDM4LTEuNDA2LTEuMDIzLTEuOTE4LTEuNzUzbC02Ljg0OSAzLjUwN2MuMTgzLjYyMS4yNzQgMS4xNjkuMjc0IDEuNjQ0IDAgLjUxMS0uMDkxIDEuMDc4LS4yNzQgMS42OTlsNi44NDkgMy40NTJhNi43NyA2Ljc3IDAgMCAxIDEuOTczLTEuNjk5Yy43NjctLjQzOCAxLjY0NC0uNjU3IDIuNjMtLjY1N3ptMC0xMy45MThhMi42OSAyLjY5IDAgMCAwLTEuOTczLjgyMiAyLjY5IDIuNjkgMCAwIDAtLjgyMiAxLjk3MyAyLjY5IDIuNjkgMCAwIDAgLjgyMiAxLjk3MyAyLjY5IDIuNjkgMCAwIDAgMS45NzMuODIyIDIuNjkgMi42OSAwIDAgMCAxLjk3My0uODIyIDIuNjkgMi42OSAwIDAgMCAuODIyLTEuOTczIDIuNjkgMi42OSAwIDAgMC0uODIyLTEuOTczIDIuNjkgMi42OSAwIDAgMC0xLjk3My0uODIyek01LjE5OSAxNi4yMTJhMi42OSAyLjY5IDAgMCAwIDEuOTczLS44MjIgMi42OSAyLjY5IDAgMCAwIC44MjItMS45NzMgMi42OSAyLjY5IDAgMCAwLS44MjItMS45NzMgMi42OSAyLjY5IDAgMCAwLTEuOTczLS44MjIgMi42OSAyLjY5IDAgMCAwLTEuOTczLjgyMiAyLjY5IDIuNjkgMCAwIDAtLjgyMiAxLjk3MyAyLjY5IDIuNjkgMCAwIDAgLjgyMiAxLjk3MyAyLjY5IDIuNjkgMCAwIDAgMS45NzMuODIyem0xNi43MTIgOC4zODNhMi42OSAyLjY5IDAgMCAwIDEuOTczLS44MjIgMi42OSAyLjY5IDAgMCAwIC44MjItMS45NzMgMi42OSAyLjY5IDAgMCAwLS44MjItMS45NzMgMi42OSAyLjY5IDAgMCAwLTEuOTczLS44MjIgMi42OSAyLjY5IDAgMCAwLTEuOTczLjgyMiAyLjY5IDIuNjkgMCAwIDAtLjgyMiAxLjk3MyAyLjY5IDIuNjkgMCAwIDAgLjgyMiAxLjk3MyAyLjY5IDIuNjkgMCAwIDAgMS45NzMuODIyeiIvPiYjeGE7PC9zdmc+;strokeColor=none;',
  },
  _original_width: 28,
  _original_height: 28,

}

API Non-SAP

Preview

Usage

import { ApiNonSap } from '@dinghy/diagrams/entitiesSapGenericIcons'

<ApiNonSap/>

// or

import { extendStyle } from "@dinghy/base-components";
import { API_NON_SAP } from '@dinghy/diagrams/entitiesSapGenericIcons'

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

Definition

{
  _style: {
    entity: 'shape=image;editableCssRules=.*;verticalLabelPosition=bottom;labelBackgroundColor=default;verticalAlign=top;aspect=fixed;imageAspect=0;image=data:image/svg+xml,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9Ii0wLjUgLTAuNSAyOCAyNy44MzYiIGhlaWdodD0iMjcuODM2IiB3aWR0aD0iMjgiPiYjeGE7CSAgPHN0eWxlIHR5cGU9InRleHQvY3NzIj4uc3QwIHsgc3RvcC1jb2xvcjogcmdiKDkxLCAxMTUsIDEzOSk7IH0gLnN0MSB7IHN0b3AtY29sb3I6IHJnYigzNCwgNTMsIDcyKTsgfSA8L3N0eWxlPiYjeGE7CTxkZWZzPiYjeGE7CQk8bGluZWFyR3JhZGllbnQgZ3JhZGllbnRVbml0cz0idXNlclNwYWNlT25Vc2UiIHkyPSIyNS4yODMiIHgyPSIyMy4zMjYiIHkxPSIzLjQ1MSIgeDE9IjIuMDM5IiBpZD0iQSI+JiN4YTsJCQk8c3RvcCBjbGFzcz0ic3QwIi8+JiN4YTsJCQk8c3RvcCBjbGFzcz0ic3QxIiBvZmZzZXQ9IjEiLz4mI3hhOwkJPC9saW5lYXJHcmFkaWVudD4mI3hhOwk8L2RlZnM+JiN4YTsJPHBhdGggZmlsbD0idXJsKCNBKSIgZD0iTTIxLjkxMSAxNi4yMTJjLjc2NyAwIDEuNDc5LjE0NiAyLjEzNy40MzhhNS42IDUuNiAwIDAgMSAzLjAxNCAzLjAxNCA1LjIgNS4yIDAgMCAxIC40MzggMi4xMzcgNS41OSA1LjU5IDAgMCAxLS40MzggMi4xOTJjLS4yOTIuNjU3LS42OTQgMS4yMjQtMS4yMDYgMS42OTgtLjUxMi41MTItMS4xMTQuOTEzLTEuODA4IDEuMjA2LS42NTguMjkyLTEuMzcuNDM4LTIuMTM3LjQzOHMtMS40OTgtLjE0Ni0yLjE5Mi0uNDM4YTUuNzggNS43OCAwIDAgMS0xLjc1My0xLjIwNmMtLjUxMi0uNDc1LS45MTMtMS4wNDEtMS4yMDYtMS42OThhNS41OSA1LjU5IDAgMCAxLS40MzgtMi4xOTJ2LS43MTJsLTcuMzk3LTMuNjE2Yy0xLjEzMiAxLjAyMy0yLjQyOSAxLjUzNC0zLjg5IDEuNTM0YTUuNTkgNS41OSAwIDAgMS0yLjE5Mi0uNDM4IDUuNzggNS43OCAwIDAgMS0xLjc1My0xLjIwNmMtLjQ3NS0uNTExLS44NTgtMS4wOTYtMS4xNTEtMS43NTNBNS41OSA1LjU5IDAgMCAxLS41IDEzLjQxOGMwLS43NjcuMTQ2LTEuNDc5LjQzOC0yLjEzNy4yOTItLjY5NC42NzYtMS4yNzkgMS4xNTEtMS43NTNhNS43OCA1Ljc4IDAgMCAxIDEuNzUzLTEuMjA2IDUuNTkgNS41OSAwIDAgMSAyLjE5Mi0uNDM4Yy43NjcgMCAxLjQ3OS4xMjggMi4xMzcuMzg0YTQuNDUgNC40NSAwIDAgMSAxLjc1MyAxLjE1MWw3LjM5Ny0zLjY3MXYtLjY1OGMwLS43NjcuMTQ2LTEuNDc5LjQzOC0yLjEzN2E1LjYgNS42IDAgMCAxIDEuMjA2LTEuODA4IDUuNzggNS43OCAwIDAgMSAxLjc1My0xLjIwNUE1LjU5IDUuNTkgMCAwIDEgMjEuOTExLS41Yy43NjcgMCAxLjQ3OS4xNDYgMi4xMzcuNDM4YTUuNiA1LjYgMCAwIDEgMS44MDggMS4yMDUgNS42IDUuNiAwIDAgMSAxLjIwNiAxLjgwOCA1LjIgNS4yIDAgMCAxIC40MzggMi4xMzcgNS41OSA1LjU5IDAgMCAxLS40MzggMi4xOTIgNS43OCA1Ljc4IDAgMCAxLTEuMjA2IDEuNzUzYy0uNTEyLjQ3NS0xLjExNC44NTgtMS44MDggMS4xNTEtLjY1OC4yOTItMS4zNy40MzgtMi4xMzcuNDM4LS45ODYgMC0xLjg4MS0uMjAxLTIuNjg1LS42MDMtLjc2Ny0uNDM4LTEuNDA2LTEuMDIzLTEuOTE4LTEuNzUzbC02Ljg0OSAzLjUwN2MuMTgzLjYyMS4yNzQgMS4xNjkuMjc0IDEuNjQ0IDAgLjUxMS0uMDkxIDEuMDc4LS4yNzQgMS42OTlsNi44NDkgMy40NTJhNi43NyA2Ljc3IDAgMCAxIDEuOTczLTEuNjk5Yy43NjctLjQzOCAxLjY0NC0uNjU3IDIuNjMtLjY1N3ptMC0xMy45MThhMi42OSAyLjY5IDAgMCAwLTEuOTczLjgyMiAyLjY5IDIuNjkgMCAwIDAtLjgyMiAxLjk3MyAyLjY5IDIuNjkgMCAwIDAgLjgyMiAxLjk3MyAyLjY5IDIuNjkgMCAwIDAgMS45NzMuODIyIDIuNjkgMi42OSAwIDAgMCAxLjk3My0uODIyIDIuNjkgMi42OSAwIDAgMCAuODIyLTEuOTczIDIuNjkgMi42OSAwIDAgMC0uODIyLTEuOTczIDIuNjkgMi42OSAwIDAgMC0xLjk3My0uODIyek01LjE5OSAxNi4yMTJhMi42OSAyLjY5IDAgMCAwIDEuOTczLS44MjIgMi42OSAyLjY5IDAgMCAwIC44MjItMS45NzMgMi42OSAyLjY5IDAgMCAwLS44MjItMS45NzMgMi42OSAyLjY5IDAgMCAwLTEuOTczLS44MjIgMi42OSAyLjY5IDAgMCAwLTEuOTczLjgyMiAyLjY5IDIuNjkgMCAwIDAtLjgyMiAxLjk3MyAyLjY5IDIuNjkgMCAwIDAgLjgyMiAxLjk3MyAyLjY5IDIuNjkgMCAwIDAgMS45NzMuODIyem0xNi43MTIgOC4zODNhMi42OSAyLjY5IDAgMCAwIDEuOTczLS44MjIgMi42OSAyLjY5IDAgMCAwIC44MjItMS45NzMgMi42OSAyLjY5IDAgMCAwLS44MjItMS45NzMgMi42OSAyLjY5IDAgMCAwLTEuOTczLS44MjIgMi42OSAyLjY5IDAgMCAwLTEuOTczLjgyMiAyLjY5IDIuNjkgMCAwIDAtLjgyMiAxLjk3MyAyLjY5IDIuNjkgMCAwIDAgLjgyMiAxLjk3MyAyLjY5IDIuNjkgMCAwIDAgMS45NzMuODIyeiIvPiYjeGE7PC9zdmc+;strokeColor=none;',
  },
  _original_width: 28,
  _original_height: 28,

}

API SAP

Preview

Usage

import { ApiSap } from '@dinghy/diagrams/entitiesSapGenericIcons'

<ApiSap/>

// or

import { extendStyle } from "@dinghy/base-components";
import { API_SAP } from '@dinghy/diagrams/entitiesSapGenericIcons'

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

Definition

{
  _style: {
    entity: 'shape=image;editableCssRules=.*;verticalLabelPosition=bottom;labelBackgroundColor=default;verticalAlign=top;aspect=fixed;imageAspect=0;image=data:image/svg+xml,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9Ii0wLjUgLTAuNSAyOCAyNy44MzYiIGhlaWdodD0iMjcuODM2IiB3aWR0aD0iMjgiPiYjeGE7CSAgPHN0eWxlIHR5cGU9InRleHQvY3NzIj4uc3QwIHsgc3RvcC1jb2xvcjogcmdiKDM1LCAxNDksIDI1NSk7IH0gLnN0MSB7IHN0b3AtY29sb3I6IHJnYigwLCA4NywgMjEwKTsgfSA8L3N0eWxlPiYjeGE7CTxkZWZzPiYjeGE7CQk8bGluZWFyR3JhZGllbnQgZ3JhZGllbnRVbml0cz0idXNlclNwYWNlT25Vc2UiIHkyPSIyNS4yODMiIHgyPSIyMy4zMjYiIHkxPSIzLjQ1MSIgeDE9IjIuMDM5IiBpZD0iQSI+JiN4YTsJCQk8c3RvcCBjbGFzcz0ic3QwIi8+JiN4YTsJCQk8c3RvcCBjbGFzcz0ic3QxIiBvZmZzZXQ9IjEiLz4mI3hhOwkJPC9saW5lYXJHcmFkaWVudD4mI3hhOwk8L2RlZnM+JiN4YTsJPHBhdGggZmlsbD0idXJsKCNBKSIgZD0iTTIxLjkxMSAxNi4yMTJjLjc2NyAwIDEuNDc5LjE0NiAyLjEzNy40MzhhNS42IDUuNiAwIDAgMSAzLjAxNCAzLjAxNCA1LjIgNS4yIDAgMCAxIC40MzggMi4xMzcgNS41OSA1LjU5IDAgMCAxLS40MzggMi4xOTJjLS4yOTIuNjU3LS42OTQgMS4yMjQtMS4yMDYgMS42OTgtLjUxMi41MTItMS4xMTQuOTEzLTEuODA4IDEuMjA2LS42NTguMjkyLTEuMzcuNDM4LTIuMTM3LjQzOHMtMS40OTgtLjE0Ni0yLjE5Mi0uNDM4YTUuNzggNS43OCAwIDAgMS0xLjc1My0xLjIwNmMtLjUxMi0uNDc1LS45MTMtMS4wNDEtMS4yMDYtMS42OThhNS41OSA1LjU5IDAgMCAxLS40MzgtMi4xOTJ2LS43MTJsLTcuMzk3LTMuNjE2Yy0xLjEzMiAxLjAyMy0yLjQyOSAxLjUzNC0zLjg5IDEuNTM0YTUuNTkgNS41OSAwIDAgMS0yLjE5Mi0uNDM4IDUuNzggNS43OCAwIDAgMS0xLjc1My0xLjIwNmMtLjQ3NS0uNTExLS44NTgtMS4wOTYtMS4xNTEtMS43NTNBNS41OSA1LjU5IDAgMCAxLS41IDEzLjQxOGMwLS43NjcuMTQ2LTEuNDc5LjQzOC0yLjEzNy4yOTItLjY5NC42NzYtMS4yNzkgMS4xNTEtMS43NTNhNS43OCA1Ljc4IDAgMCAxIDEuNzUzLTEuMjA2IDUuNTkgNS41OSAwIDAgMSAyLjE5Mi0uNDM4Yy43NjcgMCAxLjQ3OS4xMjggMi4xMzcuMzg0YTQuNDUgNC40NSAwIDAgMSAxLjc1MyAxLjE1MWw3LjM5Ny0zLjY3MXYtLjY1OGMwLS43NjcuMTQ2LTEuNDc5LjQzOC0yLjEzN2E1LjYgNS42IDAgMCAxIDEuMjA2LTEuODA4IDUuNzggNS43OCAwIDAgMSAxLjc1My0xLjIwNUE1LjU5IDUuNTkgMCAwIDEgMjEuOTExLS41Yy43NjcgMCAxLjQ3OS4xNDYgMi4xMzcuNDM4YTUuNiA1LjYgMCAwIDEgMS44MDggMS4yMDUgNS42IDUuNiAwIDAgMSAxLjIwNiAxLjgwOCA1LjIgNS4yIDAgMCAxIC40MzggMi4xMzcgNS41OSA1LjU5IDAgMCAxLS40MzggMi4xOTIgNS43OCA1Ljc4IDAgMCAxLTEuMjA2IDEuNzUzYy0uNTEyLjQ3NS0xLjExNC44NTgtMS44MDggMS4xNTEtLjY1OC4yOTItMS4zNy40MzgtMi4xMzcuNDM4LS45ODYgMC0xLjg4MS0uMjAxLTIuNjg1LS42MDMtLjc2Ny0uNDM4LTEuNDA2LTEuMDIzLTEuOTE4LTEuNzUzbC02Ljg0OSAzLjUwN2MuMTgzLjYyMS4yNzQgMS4xNjkuMjc0IDEuNjQ0IDAgLjUxMS0uMDkxIDEuMDc4LS4yNzQgMS42OTlsNi44NDkgMy40NTJhNi43NyA2Ljc3IDAgMCAxIDEuOTczLTEuNjk5Yy43NjctLjQzOCAxLjY0NC0uNjU3IDIuNjMtLjY1N3ptMC0xMy45MThhMi42OSAyLjY5IDAgMCAwLTEuOTczLjgyMiAyLjY5IDIuNjkgMCAwIDAtLjgyMiAxLjk3MyAyLjY5IDIuNjkgMCAwIDAgLjgyMiAxLjk3MyAyLjY5IDIuNjkgMCAwIDAgMS45NzMuODIyIDIuNjkgMi42OSAwIDAgMCAxLjk3My0uODIyIDIuNjkgMi42OSAwIDAgMCAuODIyLTEuOTczIDIuNjkgMi42OSAwIDAgMC0uODIyLTEuOTczIDIuNjkgMi42OSAwIDAgMC0xLjk3My0uODIyek01LjE5OSAxNi4yMTJhMi42OSAyLjY5IDAgMCAwIDEuOTczLS44MjIgMi42OSAyLjY5IDAgMCAwIC44MjItMS45NzMgMi42OSAyLjY5IDAgMCAwLS44MjItMS45NzMgMi42OSAyLjY5IDAgMCAwLTEuOTczLS44MjIgMi42OSAyLjY5IDAgMCAwLTEuOTczLjgyMiAyLjY5IDIuNjkgMCAwIDAtLjgyMiAxLjk3MyAyLjY5IDIuNjkgMCAwIDAgLjgyMiAxLjk3MyAyLjY5IDIuNjkgMCAwIDAgMS45NzMuODIyem0xNi43MTIgOC4zODNhMi42OSAyLjY5IDAgMCAwIDEuOTczLS44MjIgMi42OSAyLjY5IDAgMCAwIC44MjItMS45NzMgMi42OSAyLjY5IDAgMCAwLS44MjItMS45NzMgMi42OSAyLjY5IDAgMCAwLTEuOTczLS44MjIgMi42OSAyLjY5IDAgMCAwLTEuOTczLjgyMiAyLjY5IDIuNjkgMCAwIDAtLjgyMiAxLjk3MyAyLjY5IDIuNjkgMCAwIDAgLjgyMiAxLjk3MyAyLjY5IDIuNjkgMCAwIDAgMS45NzMuODIyeiIvPiYjeGE7PC9zdmc+;strokeColor=none;',
  },
  _original_width: 28,
  _original_height: 28,

}

App Highlight

Preview

Usage

import { AppHighlight } from '@dinghy/diagrams/entitiesSapGenericIcons'

<AppHighlight/>

// or

import { extendStyle } from "@dinghy/base-components";
import { APP_HIGHLIGHT } from '@dinghy/diagrams/entitiesSapGenericIcons'

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

Definition

{
  _style: {
    entity: 'shape=image;editableCssRules=.*;verticalLabelPosition=bottom;labelBackgroundColor=default;verticalAlign=top;aspect=fixed;imageAspect=0;image=data:image/svg+xml,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9Ii0wLjUgLTAuNSAyOCAyNC41NTMiIGhlaWdodD0iMjQuNTUzIiB3aWR0aD0iMjgiPiYjeGE7CSAgPHN0eWxlIHR5cGU9InRleHQvY3NzIj4mI3hhOwkJLnN0MHtzdG9wLWNvbG9yOiMwMGNlYWM7fSYjeGE7CQkuc3Qxe3N0b3AtY29sb3I6IzA3ODM4Zjt9JiN4YTsJICA8L3N0eWxlPiYjeGE7CTxkZWZzPiYjeGE7CQk8bGluZWFyR3JhZGllbnQgZ3JhZGllbnRVbml0cz0idXNlclNwYWNlT25Vc2UiIHkyPSIyNC41NzgiIHgyPSIyMC42MSIgeTE9IjIuOTg1IiB4MT0iMi4wMzkiIGlkPSJBIj4mI3hhOwkJCTxzdG9wIGNsYXNzPSJzdDAiLz4mI3hhOwkJCTxzdG9wIGNsYXNzPSJzdDEiIG9mZnNldD0iMSIvPiYjeGE7CQk8L2xpbmVhckdyYWRpZW50PiYjeGE7CTwvZGVmcz4mI3hhOwk8cGF0aCBmaWxsPSJ1cmwoI0EpIiBkPSJNMjMuMjg5LS41YzEuMjAyIDAgMi4yMDUuNDAyIDMuMDA4IDEuMjA0UzI3LjUgMi41MDYgMjcuNSAzLjcxdjE2LjEzM2E0LjIgNC4yIDAgMCAxLTEuMjA0IDMuMDA4Yy0uODAyLjgwMS0xLjgwMiAxLjIwMi0zLjAwNiAxLjIwMkgzLjcxMWMtMS4yMDIgMC0yLjIwNS0uNDAxLTMuMDA4LTEuMjAyYTQuMiA0LjIgMCAwIDEtMS4yMDItMy4wMDhWMy43MWMwLTEuMjAyLjQwMi0yLjIwNSAxLjIwNC0zLjAwOFMyLjUwNy0uNSAzLjcwOS0uNXpNMi4yOSA1LjA3OWgyMi40MlYzLjcxYzAtLjk0Ny0uNDczLTEuNDIxLTEuNDIxLTEuNDIxSDMuNzExYy0uMzgyLS4wMDctLjc1My4xMy0xLjAzOS4zODMtLjI1NC4yNTQtLjM4MS42LS4zODEgMS4wMzh2MS4zNjd6bTIyLjQyIDIuODQ0SDIuMjl2MTEuOTIxYzAgLjQwMi4xMjguNzMuMzgxLjk4NS4yODcuMjUzLjY1Ny4zODkgMS4wMzkuMzgxaDE5LjU3OGMuOTQ3IDAgMS40MjEtLjQ1NSAxLjQyMS0xLjM2N1Y3LjkyMXoiLz4mI3hhOzwvc3ZnPg==;strokeColor=none;',
  },
  _width: 28,
  _height: 25,
}

App Non-SAP

Preview

Usage

import { AppNonSap } from '@dinghy/diagrams/entitiesSapGenericIcons'

<AppNonSap/>

// or

import { extendStyle } from "@dinghy/base-components";
import { APP_NON_SAP } from '@dinghy/diagrams/entitiesSapGenericIcons'

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

Definition

{
  _style: {
    entity: 'shape=image;editableCssRules=.*;verticalLabelPosition=bottom;labelBackgroundColor=default;verticalAlign=top;aspect=fixed;imageAspect=0;image=data:image/svg+xml,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9Ii0wLjUgLTAuNSAyOCAyNC41NTMiIGhlaWdodD0iMjQuNTUzIiB3aWR0aD0iMjgiPiYjeGE7CSAgPHN0eWxlIHR5cGU9InRleHQvY3NzIj4uc3QwIHsgc3RvcC1jb2xvcjogcmdiKDkxLCAxMTUsIDEzOSk7IH0gLnN0MSB7IHN0b3AtY29sb3I6IHJnYigzNCwgNTMsIDcyKTsgfSA8L3N0eWxlPiYjeGE7CTxkZWZzPiYjeGE7CQk8bGluZWFyR3JhZGllbnQgZ3JhZGllbnRVbml0cz0idXNlclNwYWNlT25Vc2UiIHkyPSIyNC41NzgiIHgyPSIyMC42MSIgeTE9IjIuOTg1IiB4MT0iMi4wMzkiIGlkPSJBIj4mI3hhOwkJCTxzdG9wIGNsYXNzPSJzdDAiLz4mI3hhOwkJCTxzdG9wIGNsYXNzPSJzdDEiIG9mZnNldD0iMSIvPiYjeGE7CQk8L2xpbmVhckdyYWRpZW50PiYjeGE7CTwvZGVmcz4mI3hhOwk8cGF0aCBmaWxsPSJ1cmwoI0EpIiBkPSJNMjMuMjg5LS41YzEuMjAyIDAgMi4yMDUuNDAyIDMuMDA4IDEuMjA0UzI3LjUgMi41MDYgMjcuNSAzLjcxdjE2LjEzM2E0LjIgNC4yIDAgMCAxLTEuMjA0IDMuMDA4Yy0uODAyLjgwMS0xLjgwMiAxLjIwMi0zLjAwNiAxLjIwMkgzLjcxMWMtMS4yMDIgMC0yLjIwNS0uNDAxLTMuMDA4LTEuMjAyYTQuMiA0LjIgMCAwIDEtMS4yMDItMy4wMDhWMy43MWMwLTEuMjAyLjQwMi0yLjIwNSAxLjIwNC0zLjAwOFMyLjUwNy0uNSAzLjcwOS0uNXpNMi4yOSA1LjA3OWgyMi40MlYzLjcxYzAtLjk0Ny0uNDczLTEuNDIxLTEuNDIxLTEuNDIxSDMuNzExYy0uMzgyLS4wMDctLjc1My4xMy0xLjAzOS4zODMtLjI1NC4yNTQtLjM4MS42LS4zODEgMS4wMzh2MS4zNjd6bTIyLjQyIDIuODQ0SDIuMjl2MTEuOTIxYzAgLjQwMi4xMjguNzMuMzgxLjk4NS4yODcuMjUzLjY1Ny4zODkgMS4wMzkuMzgxaDE5LjU3OGMuOTQ3IDAgMS40MjEtLjQ1NSAxLjQyMS0xLjM2N1Y3LjkyMXoiLz4mI3hhOzwvc3ZnPg==;strokeColor=none;',
  },
  _width: 28,
  _height: 25,
}

App SAP

Preview

Usage

import { AppSap } from '@dinghy/diagrams/entitiesSapGenericIcons'

<AppSap/>

// or

import { extendStyle } from "@dinghy/base-components";
import { APP_SAP } from '@dinghy/diagrams/entitiesSapGenericIcons'

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

Definition

{
  _style: {
    entity: 'shape=image;editableCssRules=.*;verticalLabelPosition=bottom;labelBackgroundColor=default;verticalAlign=top;aspect=fixed;imageAspect=0;image=data:image/svg+xml,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9Ii0wLjUgLTAuNSAyOCAyNC41NTMiIGhlaWdodD0iMjQuNTUzIiB3aWR0aD0iMjgiPiYjeGE7CSAgPHN0eWxlIHR5cGU9InRleHQvY3NzIj4uc3QwIHsgc3RvcC1jb2xvcjogcmdiKDM1LCAxNDksIDI1NSk7IH0gLnN0MSB7IHN0b3AtY29sb3I6IHJnYigwLCA4NywgMjEwKTsgfSA8L3N0eWxlPiYjeGE7CTxkZWZzPiYjeGE7CQk8bGluZWFyR3JhZGllbnQgZ3JhZGllbnRVbml0cz0idXNlclNwYWNlT25Vc2UiIHkyPSIyNC41NzgiIHgyPSIyMC42MSIgeTE9IjIuOTg1IiB4MT0iMi4wMzkiIGlkPSJBIj4mI3hhOwkJCTxzdG9wIGNsYXNzPSJzdDAiLz4mI3hhOwkJCTxzdG9wIGNsYXNzPSJzdDEiIG9mZnNldD0iMSIvPiYjeGE7CQk8L2xpbmVhckdyYWRpZW50PiYjeGE7CTwvZGVmcz4mI3hhOwk8cGF0aCBmaWxsPSJ1cmwoI0EpIiBkPSJNMjMuMjg5LS41YzEuMjAyIDAgMi4yMDUuNDAyIDMuMDA4IDEuMjA0UzI3LjUgMi41MDYgMjcuNSAzLjcxdjE2LjEzM2E0LjIgNC4yIDAgMCAxLTEuMjA0IDMuMDA4Yy0uODAyLjgwMS0xLjgwMiAxLjIwMi0zLjAwNiAxLjIwMkgzLjcxMWMtMS4yMDIgMC0yLjIwNS0uNDAxLTMuMDA4LTEuMjAyYTQuMiA0LjIgMCAwIDEtMS4yMDItMy4wMDhWMy43MWMwLTEuMjAyLjQwMi0yLjIwNSAxLjIwNC0zLjAwOFMyLjUwNy0uNSAzLjcwOS0uNXpNMi4yOSA1LjA3OWgyMi40MlYzLjcxYzAtLjk0Ny0uNDczLTEuNDIxLTEuNDIxLTEuNDIxSDMuNzExYy0uMzgyLS4wMDctLjc1My4xMy0xLjAzOS4zODMtLjI1NC4yNTQtLjM4MS42LS4zODEgMS4wMzh2MS4zNjd6bTIyLjQyIDIuODQ0SDIuMjl2MTEuOTIxYzAgLjQwMi4xMjguNzMuMzgxLjk4NS4yODcuMjUzLjY1Ny4zODkgMS4wMzkuMzgxaDE5LjU3OGMuOTQ3IDAgMS40MjEtLjQ1NSAxLjQyMS0xLjM2N1Y3LjkyMXoiLz4mI3hhOzwvc3ZnPg==;strokeColor=none;',
  },
  _width: 28,
  _height: 25,
}

Building Highlight

Preview

Usage

import { BuildingHighlight } from '@dinghy/diagrams/entitiesSapGenericIcons'

<BuildingHighlight/>

// or

import { extendStyle } from "@dinghy/base-components";
import { BUILDING_HIGHLIGHT } from '@dinghy/diagrams/entitiesSapGenericIcons'

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

Definition

{
  _style: {
    entity: 'shape=image;editableCssRules=.*;verticalLabelPosition=bottom;labelBackgroundColor=default;verticalAlign=top;aspect=fixed;imageAspect=0;image=data:image/svg+xml,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9Ii0wLjUgLTAuNSAyOSAyOCIgaGVpZ2h0PSIyOCIgd2lkdGg9IjI5Ij4mI3hhOwkgIDxzdHlsZSB0eXBlPSJ0ZXh0L2NzcyI+JiN4YTsJCS5zdDB7c3RvcC1jb2xvcjojMDBjZWFjO30mI3hhOwkJLnN0MXtzdG9wLWNvbG9yOiMwNzgzOGY7fSYjeGE7CSAgPC9zdHlsZT4mI3hhOwk8ZGVmcz4mI3hhOwkJPGxpbmVhckdyYWRpZW50IGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIiB5Mj0iMjIuMDI1IiB4Mj0iMjQuOTcyIiB5MT0iMy40NzQiIHgxPSIzLjc0NiIgaWQ9IkEiPiYjeGE7CQkJPHN0b3AgY2xhc3M9InN0MCIvPiYjeGE7CQkJPHN0b3AgY2xhc3M9InN0MSIgb2Zmc2V0PSIxIi8+JiN4YTsJCTwvbGluZWFyR3JhZGllbnQ+JiN4YTsJPC9kZWZzPiYjeGE7CTxwYXRoIGZpbGw9InVybCgjQSkiIGQ9Ik0yNC4yNTUgMTQuMTg1Yy40MDIgMCAuNzEyLjEyOC45MzIuMzg0LjI1Ni4yMTkuMzg0LjUzLjM4NC45MzF2MTAuNjg1YzAgLjg3Ny0uNDM4IDEuMzE1LTEuMzE1IDEuMzE1SDIuOTRjLS45MTMgMC0xLjM3LS40MzgtMS4zNy0xLjMxNXYtMTZjMC0uNDAyLjEyOC0uNzEyLjM4NC0uOTMxLjI1Ni0uMjU2LjU4NC0uMzg0Ljk4Ni0uMzg0aDUuMjA1VjYuMTg1YzAtLjM2NS4xNjQtLjcxMi40OTMtMS4wNDFsMy42MTYtMi4zMDFWLjg3YzAtLjQwMi4xMS0uNzMxLjMyOS0uOTg2LjI1Ni0uMjU2LjU4NS0uMzg0Ljk4Ni0uMzg0LjkxMyAwIDEuMzcuNDU3IDEuMzcgMS4zN3YxLjk3M2wzLjI4OCAyLjMwMWMuMzY1LjIxOS41NDguNTY2LjU0OCAxLjA0MXY4em0tNS40NzkgMi42ODV2Mi42M2g0LjE2NHYtMi42M3ptLTIuNjMgMGgtNS4zN3YyLjYzaDUuMzd6bTAtMi42ODVWMTEuNWgtNS4zN3YyLjY4NXptLTUuMzctNS4zMTVoNS4zN1Y2Ljg0MkwxMy40NiA1LjE0NGwtMi42ODUgMS42OTl6bS02LjUyMSA1LjMxNWgzLjg5VjExLjVoLTMuODl6bTAgMi42ODV2Mi42M2gzLjg5di0yLjYzem0zLjg5IDh2LTIuNjg1aC0zLjg5djIuNjg1em04IDB2LTIuNjg1aC01LjM3djIuNjg1em02Ljc5NCAwdi0yLjY4NWgtNC4xNjR2Mi42ODV6Ii8+JiN4YTs8L3N2Zz4=;strokeColor=none;',
  },
  _width: 29,
  _height: 28,
}

Building Non-SAP

Preview

Usage

import { BuildingNonSap } from '@dinghy/diagrams/entitiesSapGenericIcons'

<BuildingNonSap/>

// or

import { extendStyle } from "@dinghy/base-components";
import { BUILDING_NON_SAP } from '@dinghy/diagrams/entitiesSapGenericIcons'

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

Definition

{
  _style: {
    entity: 'shape=image;editableCssRules=.*;verticalLabelPosition=bottom;labelBackgroundColor=default;verticalAlign=top;aspect=fixed;imageAspect=0;image=data:image/svg+xml,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9Ii0wLjUgLTAuNSAyOSAyOCIgaGVpZ2h0PSIyOCIgd2lkdGg9IjI5Ij4mI3hhOwkgIDxzdHlsZSB0eXBlPSJ0ZXh0L2NzcyI+LnN0MCB7IHN0b3AtY29sb3I6IHJnYig5MSwgMTE1LCAxMzkpOyB9IC5zdDEgeyBzdG9wLWNvbG9yOiByZ2IoMzQsIDUzLCA3Mik7IH0gPC9zdHlsZT4mI3hhOwk8ZGVmcz4mI3hhOwkJPGxpbmVhckdyYWRpZW50IGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIiB5Mj0iMjIuMDI1IiB4Mj0iMjQuOTcyIiB5MT0iMy40NzQiIHgxPSIzLjc0NiIgaWQ9IkEiPiYjeGE7CQkJPHN0b3AgY2xhc3M9InN0MCIvPiYjeGE7CQkJPHN0b3AgY2xhc3M9InN0MSIgb2Zmc2V0PSIxIi8+JiN4YTsJCTwvbGluZWFyR3JhZGllbnQ+JiN4YTsJPC9kZWZzPiYjeGE7CTxwYXRoIGZpbGw9InVybCgjQSkiIGQ9Ik0yNC4yNTUgMTQuMTg1Yy40MDIgMCAuNzEyLjEyOC45MzIuMzg0LjI1Ni4yMTkuMzg0LjUzLjM4NC45MzF2MTAuNjg1YzAgLjg3Ny0uNDM4IDEuMzE1LTEuMzE1IDEuMzE1SDIuOTRjLS45MTMgMC0xLjM3LS40MzgtMS4zNy0xLjMxNXYtMTZjMC0uNDAyLjEyOC0uNzEyLjM4NC0uOTMxLjI1Ni0uMjU2LjU4NC0uMzg0Ljk4Ni0uMzg0aDUuMjA1VjYuMTg1YzAtLjM2NS4xNjQtLjcxMi40OTMtMS4wNDFsMy42MTYtMi4zMDFWLjg3YzAtLjQwMi4xMS0uNzMxLjMyOS0uOTg2LjI1Ni0uMjU2LjU4NS0uMzg0Ljk4Ni0uMzg0LjkxMyAwIDEuMzcuNDU3IDEuMzcgMS4zN3YxLjk3M2wzLjI4OCAyLjMwMWMuMzY1LjIxOS41NDguNTY2LjU0OCAxLjA0MXY4em0tNS40NzkgMi42ODV2Mi42M2g0LjE2NHYtMi42M3ptLTIuNjMgMGgtNS4zN3YyLjYzaDUuMzd6bTAtMi42ODVWMTEuNWgtNS4zN3YyLjY4NXptLTUuMzctNS4zMTVoNS4zN1Y2Ljg0MkwxMy40NiA1LjE0NGwtMi42ODUgMS42OTl6bS02LjUyMSA1LjMxNWgzLjg5VjExLjVoLTMuODl6bTAgMi42ODV2Mi42M2gzLjg5di0yLjYzem0zLjg5IDh2LTIuNjg1aC0zLjg5djIuNjg1em04IDB2LTIuNjg1aC01LjM3djIuNjg1em02Ljc5NCAwdi0yLjY4NWgtNC4xNjR2Mi42ODV6Ii8+JiN4YTs8L3N2Zz4=;strokeColor=none;',
  },
  _width: 29,
  _height: 28,
}

Building SAP

Preview

Usage

import { BuildingSap } from '@dinghy/diagrams/entitiesSapGenericIcons'

<BuildingSap/>

// or

import { extendStyle } from "@dinghy/base-components";
import { BUILDING_SAP } from '@dinghy/diagrams/entitiesSapGenericIcons'

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

Definition

{
  _style: {
    entity: 'shape=image;editableCssRules=.*;verticalLabelPosition=bottom;labelBackgroundColor=default;verticalAlign=top;aspect=fixed;imageAspect=0;image=data:image/svg+xml,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9Ii0wLjUgLTAuNSAyOSAyOCIgaGVpZ2h0PSIyOCIgd2lkdGg9IjI5Ij4mI3hhOwkgIDxzdHlsZSB0eXBlPSJ0ZXh0L2NzcyI+LnN0MCB7IHN0b3AtY29sb3I6IHJnYigzNSwgMTQ5LCAyNTUpOyB9IC5zdDEgeyBzdG9wLWNvbG9yOiByZ2IoMCwgODcsIDIxMCk7IH0gPC9zdHlsZT4mI3hhOwk8ZGVmcz4mI3hhOwkJPGxpbmVhckdyYWRpZW50IGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIiB5Mj0iMjIuMDI1IiB4Mj0iMjQuOTcyIiB5MT0iMy40NzQiIHgxPSIzLjc0NiIgaWQ9IkEiPiYjeGE7CQkJPHN0b3AgY2xhc3M9InN0MCIvPiYjeGE7CQkJPHN0b3AgY2xhc3M9InN0MSIgb2Zmc2V0PSIxIi8+JiN4YTsJCTwvbGluZWFyR3JhZGllbnQ+JiN4YTsJPC9kZWZzPiYjeGE7CTxwYXRoIGZpbGw9InVybCgjQSkiIGQ9Ik0yNC4yNTUgMTQuMTg1Yy40MDIgMCAuNzEyLjEyOC45MzIuMzg0LjI1Ni4yMTkuMzg0LjUzLjM4NC45MzF2MTAuNjg1YzAgLjg3Ny0uNDM4IDEuMzE1LTEuMzE1IDEuMzE1SDIuOTRjLS45MTMgMC0xLjM3LS40MzgtMS4zNy0xLjMxNXYtMTZjMC0uNDAyLjEyOC0uNzEyLjM4NC0uOTMxLjI1Ni0uMjU2LjU4NC0uMzg0Ljk4Ni0uMzg0aDUuMjA1VjYuMTg1YzAtLjM2NS4xNjQtLjcxMi40OTMtMS4wNDFsMy42MTYtMi4zMDFWLjg3YzAtLjQwMi4xMS0uNzMxLjMyOS0uOTg2LjI1Ni0uMjU2LjU4NS0uMzg0Ljk4Ni0uMzg0LjkxMyAwIDEuMzcuNDU3IDEuMzcgMS4zN3YxLjk3M2wzLjI4OCAyLjMwMWMuMzY1LjIxOS41NDguNTY2LjU0OCAxLjA0MXY4em0tNS40NzkgMi42ODV2Mi42M2g0LjE2NHYtMi42M3ptLTIuNjMgMGgtNS4zN3YyLjYzaDUuMzd6bTAtMi42ODVWMTEuNWgtNS4zN3YyLjY4NXptLTUuMzctNS4zMTVoNS4zN1Y2Ljg0MkwxMy40NiA1LjE0NGwtMi42ODUgMS42OTl6bS02LjUyMSA1LjMxNWgzLjg5VjExLjVoLTMuODl6bTAgMi42ODV2Mi42M2gzLjg5di0yLjYzem0zLjg5IDh2LTIuNjg1aC0zLjg5djIuNjg1em04IDB2LTIuNjg1aC01LjM3djIuNjg1em02Ljc5NCAwdi0yLjY4NWgtNC4xNjR2Mi42ODV6Ii8+JiN4YTs8L3N2Zz4=;strokeColor=none;',
  },
  _width: 29,
  _height: 28,
}

Cloud Connector Highlight

Preview

Usage

import { CloudConnectorHighlight } from '@dinghy/diagrams/entitiesSapGenericIcons'

<CloudConnectorHighlight/>

// or

import { extendStyle } from "@dinghy/base-components";
import { CLOUD_CONNECTOR_HIGHLIGHT } from '@dinghy/diagrams/entitiesSapGenericIcons'

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

Definition

{
  _style: {
    entity: 'shape=image;editableCssRules=.*;verticalLabelPosition=bottom;labelBackgroundColor=default;verticalAlign=top;aspect=fixed;imageAspect=0;image=data:image/svg+xml,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9Ii0wLjUgLTAuNSAyOCAyNy45NDYiIGhlaWdodD0iMjcuOTQ2IiB3aWR0aD0iMjgiPiYjeGE7CSAgPHN0eWxlIHR5cGU9InRleHQvY3NzIj4mI3hhOwkJLnN0MHtzdG9wLWNvbG9yOiMwMGNlYWM7fSYjeGE7CQkuc3Qxe3N0b3AtY29sb3I6IzA3ODM4Zjt9JiN4YTsJICA8L3N0eWxlPiYjeGE7CTxkZWZzPiYjeGE7CQk8bGluZWFyR3JhZGllbnQgZ3JhZGllbnRVbml0cz0idXNlclNwYWNlT25Vc2UiIHkyPSIyNS4zMDEiIHgyPSIyMy40MTIiIHkxPSIzLjQ2NiIgeDE9IjIuMDM5IiBpZD0iQSI+JiN4YTsJCQk8c3RvcCBjbGFzcz0ic3QwIi8+JiN4YTsJCQk8c3RvcCBjbGFzcz0ic3QxIiBvZmZzZXQ9IjEiLz4mI3hhOwkJPC9saW5lYXJHcmFkaWVudD4mI3hhOwk8L2RlZnM+JiN4YTsJPHBhdGggZmlsbD0idXJsKCNBKSIgZD0iTTI3LjA2MiAyNS4wOTRjLjI5Mi4yOTIuNDM4LjYwMi40MzguOTI5YTEuMzYgMS4zNiAwIDAgMS0uNDM3Ljk4NSAxLjM2IDEuMzYgMCAwIDEtLjk4NS40MzhjLS4xODUtLjAwMi0uMzY4LS4wNDItLjUzNy0uMTE3YTEuMzYgMS4zNiAwIDAgMS0uNDQ3LS4zMmwtNS4xNDItNS4xNDJjLTEuMTI5LjkxMi0yLjQwNCAxLjMzLTMuODI3IDEuMjU4cy0yLjY2LS42MzktMy43MTktMS42OTZMNS42NzkgMTQuNzZjLS40OS0uNTE3LS44OTUtMS4xMDctMS4yMDItMS43NWE1LjU5IDUuNTkgMCAwIDEtLjQ5Mi0xLjk2OWMtLjAwMS0uNjg0LjA5LTEuMzY1LjI3My0yLjAyNS4yMTktLjY1Ni41NjUtMS4yNTYgMS4wNC0xLjgwM2wtNS4zNi01LjMwOUExLjM2IDEuMzYgMCAwIDEtLjUuOTIxYzAtLjM2Mi4xNDUtLjY5MS40MzgtLjk4M0ExLjM2IDEuMzYgMCAwIDEgLjkyMy0uNWMuMzY0IDAgLjY5MS4xNDUuOTg0LjQzN2w1LjMwNCA1LjMwNEM4LjI4IDQuMzUgOS42NDkgMy45IDExLjAzOSAzLjk4M2MxLjQyMS4wNzQgMi42Ni42MzkgMy43MTkgMS42OTdsNi43MjcgNi42NzFjLjUwOS41NDYuOTEgMS4xNDggMS4yMDIgMS44MDQuNTgxIDEuMjM0LjY2IDIuNjQ2LjIxOSAzLjkzNy0uMjE4LjY1NS0uNTUyIDEuMjY2LS45ODUgMS44MDR6TTcuNjQ4IDguNzQyYy0uMjY0LjI1NS0uNDczLjU2MS0uNjEzLjlzLS4yMTEuNzAyLS4yMDYgMS4wNjljMCAuNzMuMjczIDEuMzY5LjgxOSAxLjkxNUwxMCAxNS4wMzEgMTUuMDMxIDEwbC0yLjM1Mi0yLjQwNmMtLjI1NS0uMjY0LS41NjEtLjQ3My0uODk5LS42MTRzLS43MDMtLjIxMS0xLjA2OS0uMjA2Yy0uNzI4IDAtMS4zODQuMjc1LTEuOTY5LjgyMXptNi43MjcgMTAuNjFjLjI0Ni4yNi41NDMuNDY3Ljg3Mi42MDhzLjY4NC4yMTMgMS4wNDIuMjEyYy43NjUgMCAxLjQyMS0uMjc1IDEuOTY5LS44MjNsMS4xNDgtMS4wOTJjLjU0OC0uNTg0LjgyMS0xLjI0MS44MjEtMS45NjkgMC0uNzY3LS4yNzMtMS40MjMtLjgyMS0xLjk2OUwxNyAxMS45NjkgMTEuOTY5IDE3eiIvPiYjeGE7PC9zdmc+;strokeColor=none;',
  },
  _original_width: 28,
  _original_height: 28,

}

Cloud Connector Non-SAP

Preview

Usage

import { CloudConnectorNonSap } from '@dinghy/diagrams/entitiesSapGenericIcons'

<CloudConnectorNonSap/>

// or

import { extendStyle } from "@dinghy/base-components";
import { CLOUD_CONNECTOR_NON_SAP } from '@dinghy/diagrams/entitiesSapGenericIcons'

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

Definition

{
  _style: {
    entity: 'shape=image;editableCssRules=.*;verticalLabelPosition=bottom;labelBackgroundColor=default;verticalAlign=top;aspect=fixed;imageAspect=0;image=data:image/svg+xml,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9Ii0wLjUgLTAuNSAyOCAyNy45NDYiIGhlaWdodD0iMjcuOTQ2IiB3aWR0aD0iMjgiPiYjeGE7CSAgPHN0eWxlIHR5cGU9InRleHQvY3NzIj4uc3QwIHsgc3RvcC1jb2xvcjogcmdiKDkxLCAxMTUsIDEzOSk7IH0gLnN0MSB7IHN0b3AtY29sb3I6IHJnYigzNCwgNTMsIDcyKTsgfSA8L3N0eWxlPiYjeGE7CTxkZWZzPiYjeGE7CQk8bGluZWFyR3JhZGllbnQgZ3JhZGllbnRVbml0cz0idXNlclNwYWNlT25Vc2UiIHkyPSIyNS4zMDEiIHgyPSIyMy40MTIiIHkxPSIzLjQ2NiIgeDE9IjIuMDM5IiBpZD0iQSI+JiN4YTsJCQk8c3RvcCBjbGFzcz0ic3QwIi8+JiN4YTsJCQk8c3RvcCBjbGFzcz0ic3QxIiBvZmZzZXQ9IjEiLz4mI3hhOwkJPC9saW5lYXJHcmFkaWVudD4mI3hhOwk8L2RlZnM+JiN4YTsJPHBhdGggZmlsbD0idXJsKCNBKSIgZD0iTTI3LjA2MiAyNS4wOTRjLjI5Mi4yOTIuNDM4LjYwMi40MzguOTI5YTEuMzYgMS4zNiAwIDAgMS0uNDM3Ljk4NSAxLjM2IDEuMzYgMCAwIDEtLjk4NS40MzhjLS4xODUtLjAwMi0uMzY4LS4wNDItLjUzNy0uMTE3YTEuMzYgMS4zNiAwIDAgMS0uNDQ3LS4zMmwtNS4xNDItNS4xNDJjLTEuMTI5LjkxMi0yLjQwNCAxLjMzLTMuODI3IDEuMjU4cy0yLjY2LS42MzktMy43MTktMS42OTZMNS42NzkgMTQuNzZjLS40OS0uNTE3LS44OTUtMS4xMDctMS4yMDItMS43NWE1LjU5IDUuNTkgMCAwIDEtLjQ5Mi0xLjk2OWMtLjAwMS0uNjg0LjA5LTEuMzY1LjI3My0yLjAyNS4yMTktLjY1Ni41NjUtMS4yNTYgMS4wNC0xLjgwM2wtNS4zNi01LjMwOUExLjM2IDEuMzYgMCAwIDEtLjUuOTIxYzAtLjM2Mi4xNDUtLjY5MS40MzgtLjk4M0ExLjM2IDEuMzYgMCAwIDEgLjkyMy0uNWMuMzY0IDAgLjY5MS4xNDUuOTg0LjQzN2w1LjMwNCA1LjMwNEM4LjI4IDQuMzUgOS42NDkgMy45IDExLjAzOSAzLjk4M2MxLjQyMS4wNzQgMi42Ni42MzkgMy43MTkgMS42OTdsNi43MjcgNi42NzFjLjUwOS41NDYuOTEgMS4xNDggMS4yMDIgMS44MDQuNTgxIDEuMjM0LjY2IDIuNjQ2LjIxOSAzLjkzNy0uMjE4LjY1NS0uNTUyIDEuMjY2LS45ODUgMS44MDR6TTcuNjQ4IDguNzQyYy0uMjY0LjI1NS0uNDczLjU2MS0uNjEzLjlzLS4yMTEuNzAyLS4yMDYgMS4wNjljMCAuNzMuMjczIDEuMzY5LjgxOSAxLjkxNUwxMCAxNS4wMzEgMTUuMDMxIDEwbC0yLjM1Mi0yLjQwNmMtLjI1NS0uMjY0LS41NjEtLjQ3My0uODk5LS42MTRzLS43MDMtLjIxMS0xLjA2OS0uMjA2Yy0uNzI4IDAtMS4zODQuMjc1LTEuOTY5LjgyMXptNi43MjcgMTAuNjFjLjI0Ni4yNi41NDMuNDY3Ljg3Mi42MDhzLjY4NC4yMTMgMS4wNDIuMjEyYy43NjUgMCAxLjQyMS0uMjc1IDEuOTY5LS44MjNsMS4xNDgtMS4wOTJjLjU0OC0uNTg0LjgyMS0xLjI0MS44MjEtMS45NjkgMC0uNzY3LS4yNzMtMS40MjMtLjgyMS0xLjk2OUwxNyAxMS45NjkgMTEuOTY5IDE3eiIvPiYjeGE7PC9zdmc+;strokeColor=none;',
  },
  _original_width: 28,
  _original_height: 28,

}

Cloud Connector SAP

Preview

Usage

import { CloudConnectorSap } from '@dinghy/diagrams/entitiesSapGenericIcons'

<CloudConnectorSap/>

// or

import { extendStyle } from "@dinghy/base-components";
import { CLOUD_CONNECTOR_SAP } from '@dinghy/diagrams/entitiesSapGenericIcons'

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

Definition

{
  _style: {
    entity: 'shape=image;editableCssRules=.*;verticalLabelPosition=bottom;labelBackgroundColor=default;verticalAlign=top;aspect=fixed;imageAspect=0;image=data:image/svg+xml,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9Ii0wLjUgLTAuNSAyOCAyNy45NDYiIGhlaWdodD0iMjcuOTQ2IiB3aWR0aD0iMjgiPiYjeGE7CSAgPHN0eWxlIHR5cGU9InRleHQvY3NzIj4uc3QwIHsgc3RvcC1jb2xvcjogcmdiKDM1LCAxNDksIDI1NSk7IH0gLnN0MSB7IHN0b3AtY29sb3I6IHJnYigwLCA4NywgMjEwKTsgfSA8L3N0eWxlPiYjeGE7CTxkZWZzPiYjeGE7CQk8bGluZWFyR3JhZGllbnQgZ3JhZGllbnRVbml0cz0idXNlclNwYWNlT25Vc2UiIHkyPSIyNS4zMDEiIHgyPSIyMy40MTIiIHkxPSIzLjQ2NiIgeDE9IjIuMDM5IiBpZD0iQSI+JiN4YTsJCQk8c3RvcCBjbGFzcz0ic3QwIi8+JiN4YTsJCQk8c3RvcCBjbGFzcz0ic3QxIiBvZmZzZXQ9IjEiLz4mI3hhOwkJPC9saW5lYXJHcmFkaWVudD4mI3hhOwk8L2RlZnM+JiN4YTsJPHBhdGggZmlsbD0idXJsKCNBKSIgZD0iTTI3LjA2MiAyNS4wOTRjLjI5Mi4yOTIuNDM4LjYwMi40MzguOTI5YTEuMzYgMS4zNiAwIDAgMS0uNDM3Ljk4NSAxLjM2IDEuMzYgMCAwIDEtLjk4NS40MzhjLS4xODUtLjAwMi0uMzY4LS4wNDItLjUzNy0uMTE3YTEuMzYgMS4zNiAwIDAgMS0uNDQ3LS4zMmwtNS4xNDItNS4xNDJjLTEuMTI5LjkxMi0yLjQwNCAxLjMzLTMuODI3IDEuMjU4cy0yLjY2LS42MzktMy43MTktMS42OTZMNS42NzkgMTQuNzZjLS40OS0uNTE3LS44OTUtMS4xMDctMS4yMDItMS43NWE1LjU5IDUuNTkgMCAwIDEtLjQ5Mi0xLjk2OWMtLjAwMS0uNjg0LjA5LTEuMzY1LjI3My0yLjAyNS4yMTktLjY1Ni41NjUtMS4yNTYgMS4wNC0xLjgwM2wtNS4zNi01LjMwOUExLjM2IDEuMzYgMCAwIDEtLjUuOTIxYzAtLjM2Mi4xNDUtLjY5MS40MzgtLjk4M0ExLjM2IDEuMzYgMCAwIDEgLjkyMy0uNWMuMzY0IDAgLjY5MS4xNDUuOTg0LjQzN2w1LjMwNCA1LjMwNEM4LjI4IDQuMzUgOS42NDkgMy45IDExLjAzOSAzLjk4M2MxLjQyMS4wNzQgMi42Ni42MzkgMy43MTkgMS42OTdsNi43MjcgNi42NzFjLjUwOS41NDYuOTEgMS4xNDggMS4yMDIgMS44MDQuNTgxIDEuMjM0LjY2IDIuNjQ2LjIxOSAzLjkzNy0uMjE4LjY1NS0uNTUyIDEuMjY2LS45ODUgMS44MDR6TTcuNjQ4IDguNzQyYy0uMjY0LjI1NS0uNDczLjU2MS0uNjEzLjlzLS4yMTEuNzAyLS4yMDYgMS4wNjljMCAuNzMuMjczIDEuMzY5LjgxOSAxLjkxNUwxMCAxNS4wMzEgMTUuMDMxIDEwbC0yLjM1Mi0yLjQwNmMtLjI1NS0uMjY0LS41NjEtLjQ3My0uODk5LS42MTRzLS43MDMtLjIxMS0xLjA2OS0uMjA2Yy0uNzI4IDAtMS4zODQuMjc1LTEuOTY5LjgyMXptNi43MjcgMTAuNjFjLjI0Ni4yNi41NDMuNDY3Ljg3Mi42MDhzLjY4NC4yMTMgMS4wNDIuMjEyYy43NjUgMCAxLjQyMS0uMjc1IDEuOTY5LS44MjNsMS4xNDgtMS4wOTJjLjU0OC0uNTg0LjgyMS0xLjI0MS44MjEtMS45NjkgMC0uNzY3LS4yNzMtMS40MjMtLjgyMS0xLjk2OUwxNyAxMS45NjkgMTEuOTY5IDE3eiIvPiYjeGE7PC9zdmc+;strokeColor=none;',
  },
  _original_width: 28,
  _original_height: 28,

}

Cloud Highlight

Preview

Usage

import { CloudHighlight } from '@dinghy/diagrams/entitiesSapGenericIcons'

<CloudHighlight/>

// or

import { extendStyle } from "@dinghy/base-components";
import { CLOUD_HIGHLIGHT } from '@dinghy/diagrams/entitiesSapGenericIcons'

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

Definition

{
  _style: {
    entity: 'shape=image;editableCssRules=.*;verticalLabelPosition=bottom;labelBackgroundColor=default;verticalAlign=top;aspect=fixed;imageAspect=0;image=data:image/svg+xml,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9Ii0wLjUgLTAuNSAyOCAxOC40MTIiIGhlaWdodD0iMTguNDEyIiB3aWR0aD0iMjgiPiYjeGE7CSAgPHN0eWxlIHR5cGU9InRleHQvY3NzIj4mI3hhOwkJLnN0MHtzdG9wLWNvbG9yOiMwMGNlYWM7fSYjeGE7CQkuc3Qxe3N0b3AtY29sb3I6IzA3ODM4Zjt9JiN4YTsJICA8L3N0eWxlPiYjeGE7CTxkZWZzPiYjeGE7CQk8bGluZWFyR3JhZGllbnQgZ3JhZGllbnRVbml0cz0idXNlclNwYWNlT25Vc2UiIHkyPSIyMi4wMDgiIHgyPSIxNC44NjkiIHkxPSIyLjExMyIgeDE9IjIuMDM5IiBpZD0iQSI+JiN4YTsJCQk8c3RvcCBjbGFzcz0ic3QwIi8+JiN4YTsJCQk8c3RvcCBjbGFzcz0ic3QxIiBvZmZzZXQ9IjEiLz4mI3hhOwkJPC9saW5lYXJHcmFkaWVudD4mI3hhOwk8L2RlZnM+JiN4YTsJPHBhdGggZmlsbD0idXJsKCNBKSIgZD0iTTUuOTAzIDYuMDQ3QzYuNDM0IDIuMzQ1IDkuNjE5LS41IDEzLjQ2Ny0uNWMyLjgwMSAwIDUuMjQ3IDEuNTA2IDYuNTc3IDMuNzQ5aC4xMjRjNC4wNDkgMCA3LjMzMSAzLjI4MiA3LjMzMSA3LjMzMXMtMy4yODIgNy4zMzEtNy4zMzEgNy4zMzFoLTQuMDU0Yy0uMDg3IDAtLjE3My0uMDAyLS4yNTktLjAwNS0uMDc4LjAwMy0uMTU1LjAwNS0uMjMzLjAwNUg1LjQzMmMtMy4yNzYgMC01LjkzMi0yLjY1Ni01LjkzMi01LjkzMnMyLjY1Ni01LjkzMiA1LjkzMi01LjkzMnpNMTMuNDY3IDIuM2MtMi42NzQgMC00Ljg0MiAyLjE2OC00Ljg0MiA0Ljg0MmE0Ljk0IDQuOTQgMCAwIDAgLjAwNi4yMzggMS40IDEuNCAwIDAgMS0xLjM5OCAxLjQ2N2gtMS44Yy0xLjczIDAtMy4xMzIgMS40MDItMy4xMzIgMy4xMzJzMS40MDIgMy4xMzIgMy4xMzIgMy4xMzJoMTAuMTlhMy4xNCAzLjE0IDAgMCAwIC4xNi0uMDA0IDEuMzkgMS4zOSAwIDAgMSAuMTMxIDBjLjA2Ny4wMDMuMTM0LjAwNC4yMDIuMDA0aDQuMDU0YTQuNTMgNC41MyAwIDEgMCAwLTkuMDYyaC0uOTc3YTEuNCAxLjQgMCAwIDEtMS4yODMtLjg0QzE3LjE2MSAzLjQ5NCAxNS40NTIgMi4zIDEzLjQ2NyAyLjN6IiBmaWxsLXJ1bGU9ImV2ZW5vZGQiLz4mI3hhOzwvc3ZnPg==;strokeColor=none;',
  },
  _width: 28,
  _height: 18,
}

Cloud Non-SAP

Preview

Usage

import { CloudNonSap } from '@dinghy/diagrams/entitiesSapGenericIcons'

<CloudNonSap/>

// or

import { extendStyle } from "@dinghy/base-components";
import { CLOUD_NON_SAP } from '@dinghy/diagrams/entitiesSapGenericIcons'

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

Definition

{
  _style: {
    entity: 'shape=image;editableCssRules=.*;verticalLabelPosition=bottom;labelBackgroundColor=default;verticalAlign=top;aspect=fixed;imageAspect=0;image=data:image/svg+xml,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9Ii0wLjUgLTAuNSAyOCAxOC40MTIiIGhlaWdodD0iMTguNDEyIiB3aWR0aD0iMjgiPiYjeGE7CSAgPHN0eWxlIHR5cGU9InRleHQvY3NzIj4uc3QwIHsgc3RvcC1jb2xvcjogcmdiKDkxLCAxMTUsIDEzOSk7IH0gLnN0MSB7IHN0b3AtY29sb3I6IHJnYigzNCwgNTMsIDcyKTsgfSA8L3N0eWxlPiYjeGE7CTxkZWZzPiYjeGE7CQk8bGluZWFyR3JhZGllbnQgZ3JhZGllbnRVbml0cz0idXNlclNwYWNlT25Vc2UiIHkyPSIyMi4wMDgiIHgyPSIxNC44NjkiIHkxPSIyLjExMyIgeDE9IjIuMDM5IiBpZD0iQSI+JiN4YTsJCQk8c3RvcCBjbGFzcz0ic3QwIi8+JiN4YTsJCQk8c3RvcCBjbGFzcz0ic3QxIiBvZmZzZXQ9IjEiLz4mI3hhOwkJPC9saW5lYXJHcmFkaWVudD4mI3hhOwk8L2RlZnM+JiN4YTsJPHBhdGggZmlsbD0idXJsKCNBKSIgZD0iTTUuOTAzIDYuMDQ3QzYuNDM0IDIuMzQ1IDkuNjE5LS41IDEzLjQ2Ny0uNWMyLjgwMSAwIDUuMjQ3IDEuNTA2IDYuNTc3IDMuNzQ5aC4xMjRjNC4wNDkgMCA3LjMzMSAzLjI4MiA3LjMzMSA3LjMzMXMtMy4yODIgNy4zMzEtNy4zMzEgNy4zMzFoLTQuMDU0Yy0uMDg3IDAtLjE3My0uMDAyLS4yNTktLjAwNS0uMDc4LjAwMy0uMTU1LjAwNS0uMjMzLjAwNUg1LjQzMmMtMy4yNzYgMC01LjkzMi0yLjY1Ni01LjkzMi01LjkzMnMyLjY1Ni01LjkzMiA1LjkzMi01LjkzMnpNMTMuNDY3IDIuM2MtMi42NzQgMC00Ljg0MiAyLjE2OC00Ljg0MiA0Ljg0MmE0Ljk0IDQuOTQgMCAwIDAgLjAwNi4yMzggMS40IDEuNCAwIDAgMS0xLjM5OCAxLjQ2N2gtMS44Yy0xLjczIDAtMy4xMzIgMS40MDItMy4xMzIgMy4xMzJzMS40MDIgMy4xMzIgMy4xMzIgMy4xMzJoMTAuMTlhMy4xNCAzLjE0IDAgMCAwIC4xNi0uMDA0IDEuMzkgMS4zOSAwIDAgMSAuMTMxIDBjLjA2Ny4wMDMuMTM0LjAwNC4yMDIuMDA0aDQuMDU0YTQuNTMgNC41MyAwIDEgMCAwLTkuMDYyaC0uOTc3YTEuNCAxLjQgMCAwIDEtMS4yODMtLjg0QzE3LjE2MSAzLjQ5NCAxNS40NTIgMi4zIDEzLjQ2NyAyLjN6IiBmaWxsLXJ1bGU9ImV2ZW5vZGQiLz4mI3hhOzwvc3ZnPg==;strokeColor=none;',
  },
  _width: 28,
  _height: 18,
}

Cloud SAP

Preview

Usage

import { CloudSap } from '@dinghy/diagrams/entitiesSapGenericIcons'

<CloudSap/>

// or

import { extendStyle } from "@dinghy/base-components";
import { CLOUD_SAP } from '@dinghy/diagrams/entitiesSapGenericIcons'

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

Definition

{
  _style: {
    entity: 'shape=image;editableCssRules=.*;verticalLabelPosition=bottom;labelBackgroundColor=default;verticalAlign=top;aspect=fixed;imageAspect=0;image=data:image/svg+xml,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9Ii0wLjUgLTAuNSAyOCAxOC40MTIiIGhlaWdodD0iMTguNDEyIiB3aWR0aD0iMjgiPiYjeGE7CSAgPHN0eWxlIHR5cGU9InRleHQvY3NzIj4uc3QwIHsgc3RvcC1jb2xvcjogcmdiKDM1LCAxNDksIDI1NSk7IH0gLnN0MSB7IHN0b3AtY29sb3I6IHJnYigwLCA4NywgMjEwKTsgfSA8L3N0eWxlPiYjeGE7CTxkZWZzPiYjeGE7CQk8bGluZWFyR3JhZGllbnQgZ3JhZGllbnRVbml0cz0idXNlclNwYWNlT25Vc2UiIHkyPSIyMi4wMDgiIHgyPSIxNC44NjkiIHkxPSIyLjExMyIgeDE9IjIuMDM5IiBpZD0iQSI+JiN4YTsJCQk8c3RvcCBjbGFzcz0ic3QwIi8+JiN4YTsJCQk8c3RvcCBjbGFzcz0ic3QxIiBvZmZzZXQ9IjEiLz4mI3hhOwkJPC9saW5lYXJHcmFkaWVudD4mI3hhOwk8L2RlZnM+JiN4YTsJPHBhdGggZmlsbD0idXJsKCNBKSIgZD0iTTUuOTAzIDYuMDQ3QzYuNDM0IDIuMzQ1IDkuNjE5LS41IDEzLjQ2Ny0uNWMyLjgwMSAwIDUuMjQ3IDEuNTA2IDYuNTc3IDMuNzQ5aC4xMjRjNC4wNDkgMCA3LjMzMSAzLjI4MiA3LjMzMSA3LjMzMXMtMy4yODIgNy4zMzEtNy4zMzEgNy4zMzFoLTQuMDU0Yy0uMDg3IDAtLjE3My0uMDAyLS4yNTktLjAwNS0uMDc4LjAwMy0uMTU1LjAwNS0uMjMzLjAwNUg1LjQzMmMtMy4yNzYgMC01LjkzMi0yLjY1Ni01LjkzMi01LjkzMnMyLjY1Ni01LjkzMiA1LjkzMi01LjkzMnpNMTMuNDY3IDIuM2MtMi42NzQgMC00Ljg0MiAyLjE2OC00Ljg0MiA0Ljg0MmE0Ljk0IDQuOTQgMCAwIDAgLjAwNi4yMzggMS40IDEuNCAwIDAgMS0xLjM5OCAxLjQ2N2gtMS44Yy0xLjczIDAtMy4xMzIgMS40MDItMy4xMzIgMy4xMzJzMS40MDIgMy4xMzIgMy4xMzIgMy4xMzJoMTAuMTlhMy4xNCAzLjE0IDAgMCAwIC4xNi0uMDA0IDEuMzkgMS4zOSAwIDAgMSAuMTMxIDBjLjA2Ny4wMDMuMTM0LjAwNC4yMDIuMDA0aDQuMDU0YTQuNTMgNC41MyAwIDEgMCAwLTkuMDYyaC0uOTc3YTEuNCAxLjQgMCAwIDEtMS4yODMtLjg0QzE3LjE2MSAzLjQ5NCAxNS40NTIgMi4zIDEzLjQ2NyAyLjN6IiBmaWxsLXJ1bGU9ImV2ZW5vZGQiLz4mI3hhOzwvc3ZnPg==;strokeColor=none;',
  },
  _width: 28,
  _height: 18,
}

Collision Highlight

Preview

Usage

import { CollisionHighlight } from '@dinghy/diagrams/entitiesSapGenericIcons'

<CollisionHighlight/>

// or

import { extendStyle } from "@dinghy/base-components";
import { COLLISION_HIGHLIGHT } from '@dinghy/diagrams/entitiesSapGenericIcons'

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

Definition

{
  _style: {
    entity: 'shape=image;verticalLabelPosition=bottom;labelBackgroundColor=default;verticalAlign=top;aspect=fixed;imageAspect=0;editableCssRules=.*;image=data:image/svg+xml,PHN2ZyB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2aWV3Qm94PSItMi4wODYxNjI1NjcxMzg2NzJlLTcgMCAyNC4wMDAwMDE5MDczNDg2MzMgMjMiIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHdpZHRoPSIyNC4wMDAwMDE5MDczNDg2MzMiIGhlaWdodD0iMjMiPiYjeGE7ICA8c3R5bGUgdHlwZT0idGV4dC9jc3MiPiYjeGE7CQkuc3Qwe3N0b3AtY29sb3I6IzAwY2VhYzt9JiN4YTsJCS5zdDF7c3RvcC1jb2xvcjojMDc4MzhmO30mI3hhOwkgIDwvc3R5bGU+JiN4YTsgIDxkZWZzPiYjeGE7ICAgIDxsaW5lYXJHcmFkaWVudCBpZD0iQSIgeDE9IjAiIHkxPSIwIiB4Mj0iMjQiIHkyPSIyMyIgZ3JhZGllbnRVbml0cz0idXNlclNwYWNlT25Vc2UiPiYjeGE7ICAgICAgPHN0b3AgY2xhc3M9InN0MCIvPiYjeGE7ICAgICAgPHN0b3Agb2Zmc2V0PSIxIiBjbGFzcz0ic3QxIi8+JiN4YTsgICAgPC9saW5lYXJHcmFkaWVudD4mI3hhOyAgPC9kZWZzPiYjeGE7ICA8cGF0aCBmaWxsPSJ1cmwoI0EpIiBkPSJNMjMuNzksMTAuNzhjLjI4LjQ4LjI4Ljk2LDAsMS40NC0uMjguNDgtLjcyLjcyLTEuMzEuNzJoLTExLjk2Yy0uNTksMC0xLjAzLS4yNC0xLjMxLS43Mi0uMjgtLjQ4LS4yOC0uOTYsMC0xLjQ0TDE1LjE5Ljc2Yy4yOC0uNTEuNy0uNzYsMS4yNi0uNzYuNTksMCwxLjA0LjI1LDEuMzYuNzZsNS45OCwxMC4wMlpNMTUsNi40N2MwLC4zOS4xNC43My40MiwxLjAzLjI4LjI3LjY0LjQsMS4wNy40cy43OS0uMTMsMS4wOC0uNGMuMjgtLjMuNDItLjY0LjQyLTEuMDN2LTIuMmMwLS40Mi0uMTQtLjc2LS40Mi0xLjAzLS4yOC0uMjctLjY0LS40LTEuMDgtLjRzLS43OS4xMy0xLjA3LjRjLS4yOC4yNy0uNDIuNjEtLjQyLDEuMDN2Mi4yWk0xNi41LDExLjVjLjQ0LDAsLjc5LS4xMywxLjA4LS40LjI4LS4yNy40Mi0uNjEuNDItMS4wM3MtLjE0LS43Ni0uNDItMS4wM2MtLjI4LS4yNy0uNjQtLjQtMS4wOC0uNHMtLjc5LjEzLTEuMDcuNGMtLjI4LjI3LS40Mi42MS0uNDIsMS4wM3MuMTQuNzYuNDIsMS4wM2MuMjguMjcuNjQuNCwxLjA3LjRaTTE5Ljc3LDE2LjA4Yy4zNCwwLC42Mi4xMi44NC4zNi4yNS4yMS4zNy40OC4zNy44MXY0LjU4YzAsLjMzLS4xMi42LS4zNy44MS0uMjIuMjQtLjUuMzYtLjg0LjM2aC0uNTZjLS4zNCwwLS42NC0uMTItLjg5LS4zNi0uMjItLjIxLS4zMy0uNDgtLjMzLS44MXYtLjk0SDIuOTl2Ljk0YzAsLjMzLS4xMi42LS4zNy44MS0uMjIuMjQtLjUuMzYtLjg0LjM2aC0uNTZjLS4zNCwwLS42NC0uMTItLjg5LS4zNi0uMjItLjIxLS4zMy0uNDgtLjMzLS44MXYtMTAuMzNsMS40LTMuNzdjLjMxLS43OC44My0xLjQxLDEuNTQtMS44OS43Mi0uNTEsMS41My0uNzYsMi40My0uNzZoMi4zNGMuMzQsMCwuNjIuMS44NC4zMS4yMi4yMS4zMy40OC4zMy44MXMtLjExLjYxLS4zMy44NWMtLjIyLjIxLS41LjMxLS44NC4zMWgtMi4zNGMtLjM3LDAtLjcyLjEtMS4wMy4zMS0uMzEuMjEtLjUzLjQ4LS42NS44MWwtLjc5LDIuMTFoMy40MWMuMzQsMCwuNjIuMTIuODQuMzYuMjIuMjEuMzMuNDguMzMuODFzLS4xMS42LS4zMy44MWMtLjIyLjIxLS41LjMxLS44NC4zMWgtMy45M3Y1LjcxaDE2LjIydi0xLjM1YzAtLjMzLjExLS42LjMzLS44MS4yMi0uMjQuNS0uMzYuODQtLjM2Wk01Ljk4LDE0LjM4Yy40NCwwLC43OS4xMywxLjA3LjQuMjguMjcuNDIuNjEuNDIsMS4wMywwLC4zOS0uMTQuNzMtLjQyLDEuMDMtLjI4LjI3LS42NC40LTEuMDcuNC0uNDEsMC0uNzYtLjEzLTEuMDctLjQtLjI4LS4zLS40Mi0uNjQtLjQyLTEuMDMsMC0uNDIuMTQtLjc2LjQyLTEuMDMuMzEtLjI3LjY3LS40LDEuMDctLjRaTTE2LjUsMTUuODFjMCwuMzktLjE0LjczLS40MiwxLjAzLS4yOC4yNy0uNjQuNC0xLjA4LjRzLS43OS0uMTMtMS4wNy0uNGMtLjI4LS4zLS40Mi0uNjQtLjQyLTEuMDMsMC0uNDIuMTQtLjc2LjQyLTEuMDMuMjgtLjI3LjY0LS40LDEuMDctLjRzLjc5LjEzLDEuMDguNGMuMjguMjcuNDIuNjEuNDIsMS4wM1oiLz4mI3hhOzwvc3ZnPg==;strokeColor=none;',
  },
  _width: 28,
  _height: 26.83,
}

Collision Non-SAP

Preview

Usage

import { CollisionNonSap } from '@dinghy/diagrams/entitiesSapGenericIcons'

<CollisionNonSap/>

// or

import { extendStyle } from "@dinghy/base-components";
import { COLLISION_NON_SAP } from '@dinghy/diagrams/entitiesSapGenericIcons'

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

Definition

{
  _style: {
    entity: 'shape=image;verticalLabelPosition=bottom;labelBackgroundColor=default;verticalAlign=top;aspect=fixed;imageAspect=0;editableCssRules=.*;image=data:image/svg+xml,PHN2ZyB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2aWV3Qm94PSItMi4wODYxNjI1NjcxMzg2NzJlLTcgMCAyNC4wMDAwMDE5MDczNDg2MzMgMjMiIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHdpZHRoPSIyNC4wMDAwMDE5MDczNDg2MzMiIGhlaWdodD0iMjMiPiYjeGE7ICA8c3R5bGUgdHlwZT0idGV4dC9jc3MiPi5zdDAgeyBzdG9wLWNvbG9yOiByZ2IoOTEsIDExNSwgMTM5KTsgfSAuc3QxIHsgc3RvcC1jb2xvcjogcmdiKDM0LCA1MywgNzIpOyB9IDwvc3R5bGU+JiN4YTsgIDxkZWZzPiYjeGE7ICAgIDxsaW5lYXJHcmFkaWVudCBpZD0iQSIgeDE9IjAiIHkxPSIwIiB4Mj0iMjQiIHkyPSIyMyIgZ3JhZGllbnRVbml0cz0idXNlclNwYWNlT25Vc2UiPiYjeGE7ICAgICAgPHN0b3AgY2xhc3M9InN0MCIvPiYjeGE7ICAgICAgPHN0b3Agb2Zmc2V0PSIxIiBjbGFzcz0ic3QxIi8+JiN4YTsgICAgPC9saW5lYXJHcmFkaWVudD4mI3hhOyAgPC9kZWZzPiYjeGE7ICA8cGF0aCBmaWxsPSJ1cmwoI0EpIiBkPSJNMjMuNzksMTAuNzhjLjI4LjQ4LjI4Ljk2LDAsMS40NC0uMjguNDgtLjcyLjcyLTEuMzEuNzJoLTExLjk2Yy0uNTksMC0xLjAzLS4yNC0xLjMxLS43Mi0uMjgtLjQ4LS4yOC0uOTYsMC0xLjQ0TDE1LjE5Ljc2Yy4yOC0uNTEuNy0uNzYsMS4yNi0uNzYuNTksMCwxLjA0LjI1LDEuMzYuNzZsNS45OCwxMC4wMlpNMTUsNi40N2MwLC4zOS4xNC43My40MiwxLjAzLjI4LjI3LjY0LjQsMS4wNy40cy43OS0uMTMsMS4wOC0uNGMuMjgtLjMuNDItLjY0LjQyLTEuMDN2LTIuMmMwLS40Mi0uMTQtLjc2LS40Mi0xLjAzLS4yOC0uMjctLjY0LS40LTEuMDgtLjRzLS43OS4xMy0xLjA3LjRjLS4yOC4yNy0uNDIuNjEtLjQyLDEuMDN2Mi4yWk0xNi41LDExLjVjLjQ0LDAsLjc5LS4xMywxLjA4LS40LjI4LS4yNy40Mi0uNjEuNDItMS4wM3MtLjE0LS43Ni0uNDItMS4wM2MtLjI4LS4yNy0uNjQtLjQtMS4wOC0uNHMtLjc5LjEzLTEuMDcuNGMtLjI4LjI3LS40Mi42MS0uNDIsMS4wM3MuMTQuNzYuNDIsMS4wM2MuMjguMjcuNjQuNCwxLjA3LjRaTTE5Ljc3LDE2LjA4Yy4zNCwwLC42Mi4xMi44NC4zNi4yNS4yMS4zNy40OC4zNy44MXY0LjU4YzAsLjMzLS4xMi42LS4zNy44MS0uMjIuMjQtLjUuMzYtLjg0LjM2aC0uNTZjLS4zNCwwLS42NC0uMTItLjg5LS4zNi0uMjItLjIxLS4zMy0uNDgtLjMzLS44MXYtLjk0SDIuOTl2Ljk0YzAsLjMzLS4xMi42LS4zNy44MS0uMjIuMjQtLjUuMzYtLjg0LjM2aC0uNTZjLS4zNCwwLS42NC0uMTItLjg5LS4zNi0uMjItLjIxLS4zMy0uNDgtLjMzLS44MXYtMTAuMzNsMS40LTMuNzdjLjMxLS43OC44My0xLjQxLDEuNTQtMS44OS43Mi0uNTEsMS41My0uNzYsMi40My0uNzZoMi4zNGMuMzQsMCwuNjIuMS44NC4zMS4yMi4yMS4zMy40OC4zMy44MXMtLjExLjYxLS4zMy44NWMtLjIyLjIxLS41LjMxLS44NC4zMWgtMi4zNGMtLjM3LDAtLjcyLjEtMS4wMy4zMS0uMzEuMjEtLjUzLjQ4LS42NS44MWwtLjc5LDIuMTFoMy40MWMuMzQsMCwuNjIuMTIuODQuMzYuMjIuMjEuMzMuNDguMzMuODFzLS4xMS42LS4zMy44MWMtLjIyLjIxLS41LjMxLS44NC4zMWgtMy45M3Y1LjcxaDE2LjIydi0xLjM1YzAtLjMzLjExLS42LjMzLS44MS4yMi0uMjQuNS0uMzYuODQtLjM2Wk01Ljk4LDE0LjM4Yy40NCwwLC43OS4xMywxLjA3LjQuMjguMjcuNDIuNjEuNDIsMS4wMywwLC4zOS0uMTQuNzMtLjQyLDEuMDMtLjI4LjI3LS42NC40LTEuMDcuNC0uNDEsMC0uNzYtLjEzLTEuMDctLjQtLjI4LS4zLS40Mi0uNjQtLjQyLTEuMDMsMC0uNDIuMTQtLjc2LjQyLTEuMDMuMzEtLjI3LjY3LS40LDEuMDctLjRaTTE2LjUsMTUuODFjMCwuMzktLjE0LjczLS40MiwxLjAzLS4yOC4yNy0uNjQuNC0xLjA4LjRzLS43OS0uMTMtMS4wNy0uNGMtLjI4LS4zLS40Mi0uNjQtLjQyLTEuMDMsMC0uNDIuMTQtLjc2LjQyLTEuMDMuMjgtLjI3LjY0LS40LDEuMDctLjRzLjc5LjEzLDEuMDguNGMuMjguMjcuNDIuNjEuNDIsMS4wM1oiLz4mI3hhOzwvc3ZnPg==;strokeColor=none;',
  },
  _width: 28,
  _height: 26.83,
}

Collision SAP

Preview

Usage

import { CollisionSap } from '@dinghy/diagrams/entitiesSapGenericIcons'

<CollisionSap/>

// or

import { extendStyle } from "@dinghy/base-components";
import { COLLISION_SAP } from '@dinghy/diagrams/entitiesSapGenericIcons'

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

Definition

{
  _style: {
    entity: 'shape=image;verticalLabelPosition=bottom;labelBackgroundColor=default;verticalAlign=top;aspect=fixed;imageAspect=0;editableCssRules=.*;image=data:image/svg+xml,PHN2ZyB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2aWV3Qm94PSItMi4wODYxNjI1NjcxMzg2NzJlLTcgMCAyNC4wMDAwMDE5MDczNDg2MzMgMjMiIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHdpZHRoPSIyNC4wMDAwMDE5MDczNDg2MzMiIGhlaWdodD0iMjMiPiYjeGE7ICA8c3R5bGUgdHlwZT0idGV4dC9jc3MiPi5zdDAgeyBzdG9wLWNvbG9yOiByZ2IoMzUsIDE0OSwgMjU1KTsgfSAuc3QxIHsgc3RvcC1jb2xvcjogcmdiKDAsIDg3LCAyMTApOyB9IDwvc3R5bGU+JiN4YTsgIDxkZWZzPiYjeGE7ICAgIDxsaW5lYXJHcmFkaWVudCBpZD0iQSIgeDE9IjAiIHkxPSIwIiB4Mj0iMjQiIHkyPSIyMyIgZ3JhZGllbnRVbml0cz0idXNlclNwYWNlT25Vc2UiPiYjeGE7ICAgICAgPHN0b3AgY2xhc3M9InN0MCIvPiYjeGE7ICAgICAgPHN0b3Agb2Zmc2V0PSIxIiBjbGFzcz0ic3QxIi8+JiN4YTsgICAgPC9saW5lYXJHcmFkaWVudD4mI3hhOyAgPC9kZWZzPiYjeGE7ICA8cGF0aCBmaWxsPSJ1cmwoI0EpIiBkPSJNMjMuNzksMTAuNzhjLjI4LjQ4LjI4Ljk2LDAsMS40NC0uMjguNDgtLjcyLjcyLTEuMzEuNzJoLTExLjk2Yy0uNTksMC0xLjAzLS4yNC0xLjMxLS43Mi0uMjgtLjQ4LS4yOC0uOTYsMC0xLjQ0TDE1LjE5Ljc2Yy4yOC0uNTEuNy0uNzYsMS4yNi0uNzYuNTksMCwxLjA0LjI1LDEuMzYuNzZsNS45OCwxMC4wMlpNMTUsNi40N2MwLC4zOS4xNC43My40MiwxLjAzLjI4LjI3LjY0LjQsMS4wNy40cy43OS0uMTMsMS4wOC0uNGMuMjgtLjMuNDItLjY0LjQyLTEuMDN2LTIuMmMwLS40Mi0uMTQtLjc2LS40Mi0xLjAzLS4yOC0uMjctLjY0LS40LTEuMDgtLjRzLS43OS4xMy0xLjA3LjRjLS4yOC4yNy0uNDIuNjEtLjQyLDEuMDN2Mi4yWk0xNi41LDExLjVjLjQ0LDAsLjc5LS4xMywxLjA4LS40LjI4LS4yNy40Mi0uNjEuNDItMS4wM3MtLjE0LS43Ni0uNDItMS4wM2MtLjI4LS4yNy0uNjQtLjQtMS4wOC0uNHMtLjc5LjEzLTEuMDcuNGMtLjI4LjI3LS40Mi42MS0uNDIsMS4wM3MuMTQuNzYuNDIsMS4wM2MuMjguMjcuNjQuNCwxLjA3LjRaTTE5Ljc3LDE2LjA4Yy4zNCwwLC42Mi4xMi44NC4zNi4yNS4yMS4zNy40OC4zNy44MXY0LjU4YzAsLjMzLS4xMi42LS4zNy44MS0uMjIuMjQtLjUuMzYtLjg0LjM2aC0uNTZjLS4zNCwwLS42NC0uMTItLjg5LS4zNi0uMjItLjIxLS4zMy0uNDgtLjMzLS44MXYtLjk0SDIuOTl2Ljk0YzAsLjMzLS4xMi42LS4zNy44MS0uMjIuMjQtLjUuMzYtLjg0LjM2aC0uNTZjLS4zNCwwLS42NC0uMTItLjg5LS4zNi0uMjItLjIxLS4zMy0uNDgtLjMzLS44MXYtMTAuMzNsMS40LTMuNzdjLjMxLS43OC44My0xLjQxLDEuNTQtMS44OS43Mi0uNTEsMS41My0uNzYsMi40My0uNzZoMi4zNGMuMzQsMCwuNjIuMS44NC4zMS4yMi4yMS4zMy40OC4zMy44MXMtLjExLjYxLS4zMy44NWMtLjIyLjIxLS41LjMxLS44NC4zMWgtMi4zNGMtLjM3LDAtLjcyLjEtMS4wMy4zMS0uMzEuMjEtLjUzLjQ4LS42NS44MWwtLjc5LDIuMTFoMy40MWMuMzQsMCwuNjIuMTIuODQuMzYuMjIuMjEuMzMuNDguMzMuODFzLS4xMS42LS4zMy44MWMtLjIyLjIxLS41LjMxLS44NC4zMWgtMy45M3Y1LjcxaDE2LjIydi0xLjM1YzAtLjMzLjExLS42LjMzLS44MS4yMi0uMjQuNS0uMzYuODQtLjM2Wk01Ljk4LDE0LjM4Yy40NCwwLC43OS4xMywxLjA3LjQuMjguMjcuNDIuNjEuNDIsMS4wMywwLC4zOS0uMTQuNzMtLjQyLDEuMDMtLjI4LjI3LS42NC40LTEuMDcuNC0uNDEsMC0uNzYtLjEzLTEuMDctLjQtLjI4LS4zLS40Mi0uNjQtLjQyLTEuMDMsMC0uNDIuMTQtLjc2LjQyLTEuMDMuMzEtLjI3LjY3LS40LDEuMDctLjRaTTE2LjUsMTUuODFjMCwuMzktLjE0LjczLS40MiwxLjAzLS4yOC4yNy0uNjQuNC0xLjA4LjRzLS43OS0uMTMtMS4wNy0uNGMtLjI4LS4zLS40Mi0uNjQtLjQyLTEuMDMsMC0uNDIuMTQtLjc2LjQyLTEuMDMuMjgtLjI3LjY0LS40LDEuMDctLjRzLjc5LjEzLDEuMDguNGMuMjguMjcuNDIuNjEuNDIsMS4wM1oiLz4mI3hhOzwvc3ZnPg==;strokeColor=none;',
  },
  _width: 28,
  _height: 26.83,
}

DA Highlight

Preview

Usage

import { DaHighlight } from '@dinghy/diagrams/entitiesSapGenericIcons'

<DaHighlight/>

// or

import { extendStyle } from "@dinghy/base-components";
import { DA_HIGHLIGHT } from '@dinghy/diagrams/entitiesSapGenericIcons'

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

Definition

{
  _style: {
    entity: 'shape=image;verticalLabelPosition=bottom;labelBackgroundColor=default;verticalAlign=top;aspect=fixed;imageAspect=0;editableCssRules=.*;image=data:image/svg+xml,PHN2ZyB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2aWV3Qm94PSIwLjAwMDg4OTYyOTEyNTU5NTA5MjggMCAyMy45OTY2NzU0OTEzMzMwMDggMjQiIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHdpZHRoPSIyMy45OTY2NzU0OTEzMzMwMDgiIGhlaWdodD0iMjQiPiYjeGE7ICA8c3R5bGUgdHlwZT0idGV4dC9jc3MiPiYjeGE7CQkuc3Qwe3N0b3AtY29sb3I6IzAwY2VhYzt9JiN4YTsJCS5zdDF7c3RvcC1jb2xvcjojMDc4MzhmO30mI3hhOwkgIDwvc3R5bGU+JiN4YTsgIDxkZWZzPiYjeGE7ICAgIDxsaW5lYXJHcmFkaWVudCBpZD0iQSIgeDE9IjAiIHkxPSIwIiB4Mj0iMjQiIHkyPSIyNCIgZ3JhZGllbnRVbml0cz0idXNlclNwYWNlT25Vc2UiPiYjeGE7ICAgICAgPHN0b3AgY2xhc3M9InN0MCIvPiYjeGE7ICAgICAgPHN0b3Agb2Zmc2V0PSIxIiBjbGFzcz0ic3QxIi8+JiN4YTsgICAgPC9saW5lYXJHcmFkaWVudD4mI3hhOyAgPC9kZWZzPiYjeGE7ICA8cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGZpbGw9InVybCgjQSkiIGQ9Ik0xNC43NSw0Ljg3Yy0uMTctLjQ3LS44My0uNDctLjk5LDAtLjU0LDEuNjItMS4yOCwyLjM0LTIuOSwyLjg5LS40OC4xNS0uNDguODIsMCwuOTksMS42Mi41NCwyLjM0LDEuMjcsMi45LDIuODkuMTYuNDcuODIuNDcuOTksMCwuNTQtMS42MiwxLjI3LTIuMzQsMi45LTIuODkuNDgtLjE1LjQ4LS44MiwwLS45OS0xLjYyLS41NC0yLjM0LTEuMjgtMi45LTIuODlaTTIzLjc5LDcuMTJMMTkuMjkuNTJjLS4yMy0uMzMtLjYtLjUyLS45OS0uNTJINi4zYy0uMzYsMC0uNzIuMTctLjk1LjQ3TC4yNiw3LjA3Yy0uMzMuNDItLjM1LDEtLjAzLDEuNDRsMTAuOCwxNWgwYy4yMy4zMS41OS40OS45OC40OXMuNzUtLjE4Ljk3LS41bDEwLjgtMTVjLjI4LS40LjMtLjk2LDAtMS4zOGguMDFaTTEyLjAxLDIwLjc0aC0uMDFMMi43LDcuODMsNi44OSwyLjRoMTAuNzdsMy42OCw1LjM4LTkuMzMsMTIuOTZaIi8+JiN4YTs8L3N2Zz4=;strokeColor=none;',
  },
  _original_width: 28,
  _original_height: 28,

}

DA Non-SAP

Preview

Usage

import { DaNonSap } from '@dinghy/diagrams/entitiesSapGenericIcons'

<DaNonSap/>

// or

import { extendStyle } from "@dinghy/base-components";
import { DA_NON_SAP } from '@dinghy/diagrams/entitiesSapGenericIcons'

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

Definition

{
  _style: {
    entity: 'shape=image;verticalLabelPosition=bottom;labelBackgroundColor=default;verticalAlign=top;aspect=fixed;imageAspect=0;editableCssRules=.*;image=data:image/svg+xml,PHN2ZyB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2aWV3Qm94PSIwLjAwMDg4OTYyOTEyNTU5NTA5MjggMCAyMy45OTY2NzU0OTEzMzMwMDggMjQiIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHdpZHRoPSIyMy45OTY2NzU0OTEzMzMwMDgiIGhlaWdodD0iMjQiPiYjeGE7ICA8c3R5bGUgdHlwZT0idGV4dC9jc3MiPi5zdDAgeyBzdG9wLWNvbG9yOiByZ2IoOTEsIDExNSwgMTM5KTsgfSAuc3QxIHsgc3RvcC1jb2xvcjogcmdiKDM0LCA1MywgNzIpOyB9IDwvc3R5bGU+JiN4YTsgIDxkZWZzPiYjeGE7ICAgIDxsaW5lYXJHcmFkaWVudCBpZD0iQSIgeDE9IjAiIHkxPSIwIiB4Mj0iMjQiIHkyPSIyNCIgZ3JhZGllbnRVbml0cz0idXNlclNwYWNlT25Vc2UiPiYjeGE7ICAgICAgPHN0b3AgY2xhc3M9InN0MCIvPiYjeGE7ICAgICAgPHN0b3Agb2Zmc2V0PSIxIiBjbGFzcz0ic3QxIi8+JiN4YTsgICAgPC9saW5lYXJHcmFkaWVudD4mI3hhOyAgPC9kZWZzPiYjeGE7ICA8cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGZpbGw9InVybCgjQSkiIGQ9Ik0xNC43NSw0Ljg3Yy0uMTctLjQ3LS44My0uNDctLjk5LDAtLjU0LDEuNjItMS4yOCwyLjM0LTIuOSwyLjg5LS40OC4xNS0uNDguODIsMCwuOTksMS42Mi41NCwyLjM0LDEuMjcsMi45LDIuODkuMTYuNDcuODIuNDcuOTksMCwuNTQtMS42MiwxLjI3LTIuMzQsMi45LTIuODkuNDgtLjE1LjQ4LS44MiwwLS45OS0xLjYyLS41NC0yLjM0LTEuMjgtMi45LTIuODlaTTIzLjc5LDcuMTJMMTkuMjkuNTJjLS4yMy0uMzMtLjYtLjUyLS45OS0uNTJINi4zYy0uMzYsMC0uNzIuMTctLjk1LjQ3TC4yNiw3LjA3Yy0uMzMuNDItLjM1LDEtLjAzLDEuNDRsMTAuOCwxNWgwYy4yMy4zMS41OS40OS45OC40OXMuNzUtLjE4Ljk3LS41bDEwLjgtMTVjLjI4LS40LjMtLjk2LDAtMS4zOGguMDFaTTEyLjAxLDIwLjc0aC0uMDFMMi43LDcuODMsNi44OSwyLjRoMTAuNzdsMy42OCw1LjM4LTkuMzMsMTIuOTZaIi8+JiN4YTs8L3N2Zz4=;strokeColor=none;',
  },
  _original_width: 28,
  _original_height: 28,

}

DA SAP

Preview

Usage

import { DaSap } from '@dinghy/diagrams/entitiesSapGenericIcons'

<DaSap/>

// or

import { extendStyle } from "@dinghy/base-components";
import { DA_SAP } from '@dinghy/diagrams/entitiesSapGenericIcons'

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

Definition

{
  _style: {
    entity: 'shape=image;verticalLabelPosition=bottom;labelBackgroundColor=default;verticalAlign=top;aspect=fixed;imageAspect=0;editableCssRules=.*;image=data:image/svg+xml,PHN2ZyB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2aWV3Qm94PSIwLjAwMDg4OTYyOTEyNTU5NTA5MjggMCAyMy45OTY2NzU0OTEzMzMwMDggMjQiIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHdpZHRoPSIyMy45OTY2NzU0OTEzMzMwMDgiIGhlaWdodD0iMjQiPiYjeGE7ICA8c3R5bGUgdHlwZT0idGV4dC9jc3MiPi5zdDAgeyBzdG9wLWNvbG9yOiByZ2IoMzUsIDE0OSwgMjU1KTsgfSAuc3QxIHsgc3RvcC1jb2xvcjogcmdiKDAsIDg3LCAyMTApOyB9IDwvc3R5bGU+JiN4YTsgIDxkZWZzPiYjeGE7ICAgIDxsaW5lYXJHcmFkaWVudCBpZD0iQSIgeDE9IjAiIHkxPSIwIiB4Mj0iMjQiIHkyPSIyNCIgZ3JhZGllbnRVbml0cz0idXNlclNwYWNlT25Vc2UiPiYjeGE7ICAgICAgPHN0b3AgY2xhc3M9InN0MCIvPiYjeGE7ICAgICAgPHN0b3Agb2Zmc2V0PSIxIiBjbGFzcz0ic3QxIi8+JiN4YTsgICAgPC9saW5lYXJHcmFkaWVudD4mI3hhOyAgPC9kZWZzPiYjeGE7ICA8cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGZpbGw9InVybCgjQSkiIGQ9Ik0xNC43NSw0Ljg3Yy0uMTctLjQ3LS44My0uNDctLjk5LDAtLjU0LDEuNjItMS4yOCwyLjM0LTIuOSwyLjg5LS40OC4xNS0uNDguODIsMCwuOTksMS42Mi41NCwyLjM0LDEuMjcsMi45LDIuODkuMTYuNDcuODIuNDcuOTksMCwuNTQtMS42MiwxLjI3LTIuMzQsMi45LTIuODkuNDgtLjE1LjQ4LS44MiwwLS45OS0xLjYyLS41NC0yLjM0LTEuMjgtMi45LTIuODlaTTIzLjc5LDcuMTJMMTkuMjkuNTJjLS4yMy0uMzMtLjYtLjUyLS45OS0uNTJINi4zYy0uMzYsMC0uNzIuMTctLjk1LjQ3TC4yNiw3LjA3Yy0uMzMuNDItLjM1LDEtLjAzLDEuNDRsMTAuOCwxNWgwYy4yMy4zMS41OS40OS45OC40OXMuNzUtLjE4Ljk3LS41bDEwLjgtMTVjLjI4LS40LjMtLjk2LDAtMS4zOGguMDFaTTEyLjAxLDIwLjc0aC0uMDFMMi43LDcuODMsNi44OSwyLjRoMTAuNzdsMy42OCw1LjM4LTkuMzMsMTIuOTZaIi8+JiN4YTs8L3N2Zz4=;strokeColor=none;',
  },
  _original_width: 28,
  _original_height: 28,

}

Deploy Highlight

Preview

Usage

import { DeployHighlight } from '@dinghy/diagrams/entitiesSapGenericIcons'

<DeployHighlight/>

// or

import { extendStyle } from "@dinghy/base-components";
import { DEPLOY_HIGHLIGHT } from '@dinghy/diagrams/entitiesSapGenericIcons'

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

Definition

{
  _style: {
    entity: 'shape=image;editableCssRules=.*;verticalLabelPosition=bottom;labelBackgroundColor=default;verticalAlign=top;aspect=fixed;imageAspect=0;image=data:image/svg+xml,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9Ii0wLjUgLTAuNSAyNS4yNjYgMjgiIGhlaWdodD0iMjgiIHdpZHRoPSIyNS4yNjYiPiYjeGE7CSAgPHN0eWxlIHR5cGU9InRleHQvY3NzIj4mI3hhOwkJLnN0MHtzdG9wLWNvbG9yOiMwMGNlYWM7fSYjeGE7CQkuc3Qxe3N0b3AtY29sb3I6IzA3ODM4Zjt9JiN4YTsJICA8L3N0eWxlPiYjeGE7CTxkZWZzPiYjeGE7CQk8bGluZWFyR3JhZGllbnQgZ3JhZGllbnRVbml0cz0idXNlclNwYWNlT25Vc2UiIHkyPSIyMy4xMTIiIHgyPSIyMy4xMzYiIHkxPSIzLjQ3NCIgeDE9IjEuNzkxIiBpZD0iQSI+JiN4YTsJCQk8c3RvcCBjbGFzcz0ic3QwIi8+JiN4YTsJCQk8c3RvcCBjbGFzcz0ic3QxIiBvZmZzZXQ9IjEiLz4mI3hhOwkJPC9saW5lYXJHcmFkaWVudD4mI3hhOwk8L2RlZnM+JiN4YTsJPHBhdGggZmlsbD0idXJsKCNBKSIgZD0iTTI0LjE2NCA2LjY2NGMuNDAxLjI1NS42MDIuNTgzLjYwMi45ODQgMCAuMTA5LS4wMTguMjAxLS4wNTUuMjczdjExLjE1NkExLjM5IDEuMzkgMCAwIDEgMjQgMjAuMzM2bC0xMS4xMDIgNi45NDVjLS4yNTUuMTQ2LS41MjkuMjE5LS44Mi4yMTktLjMyOCAwLS41NjUtLjA3My0uNzExLS4yMTlMLjIxMSAyMC4zMzZhMS43NSAxLjc1IDAgMCAxLS41NDctLjYwMWMtLjEwOS0uMjU1LS4xNjQtLjQ3NC0uMTY0LS42NTZWNy45MjJhMS4zOSAxLjM5IDAgMCAxIC43MTEtMS4yNThsNS41NzgtMy41Yy4yOTItLjEwOS41NjUtLjE2NC44Mi0uMTY0cy40OTIuMDU1LjcxMS4xNjRsMTEuMTU2IDdjLjE4Mi4wNzMuMzI4LjIzNy40MzguNDkyLjE0Ni4yMTkuMjE5LjQxOS4yMTkuNjAydjQuODY3YzAgLjk0OC0uNDU2IDEuNDIyLTEuMzY3IDEuNDIyLS40MDEgMC0uNzQ3LS4xMjgtMS4wMzktLjM4My0uMjU1LS4yNTUtLjM4My0uNjAyLS4zODMtMS4wMzl2LTQuMDQ3TDYuNjA5IDUuOTUzbC00LjE1NiAyLjY4djkuNjI1bDkuNzM0IDYuMTI1IDkuNzM0LTYuMTI1VjguNjMzTDExLjQ3NyAyLjA3Yy0uNDM3LS4yOTItLjY1Ni0uNjc0LS42NTYtMS4xNDggMC0uMTgyLjA3My0uNDU2LjIxOS0uODIuMzI4LS40MDEuNzQ3LS42MDIgMS4yNTgtLjYwMi4yOTIgMCAuNTI5LjA3My43MTEuMjE5ek0xMC4yNzMgMTcuMzgzYy40MzguMjU1LjY1Ni42MzguNjU2IDEuMTQ4IDAgLjI5Mi0uMDczLjU2NS0uMjE5LjgyLS4yOTIuNDAxLS43MTEuNjAyLTEuMjU4LjYwMmExLjU3IDEuNTcgMCAwIDEtLjcxMS0uMTY0bC0yLjc4OS0xLjY5NWMtLjQzNy0uMjkyLS42NTYtLjY1Ni0uNjU2LTEuMDk0IDAtLjI5Mi4wOTEtLjU4My4yNzMtLjg3NS4zMjgtLjQwMS43MjktLjYwMiAxLjIwMy0uNjAyLjI5MiAwIC41MjkuMDczLjcxMS4yMTl6Ii8+JiN4YTs8L3N2Zz4=;strokeColor=none;',
  },
  _width: 25,
  _height: 28,
}

Deploy Non-SAP

Preview

Usage

import { DeployNonSap } from '@dinghy/diagrams/entitiesSapGenericIcons'

<DeployNonSap/>

// or

import { extendStyle } from "@dinghy/base-components";
import { DEPLOY_NON_SAP } from '@dinghy/diagrams/entitiesSapGenericIcons'

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

Definition

{
  _style: {
    entity: 'shape=image;editableCssRules=.*;verticalLabelPosition=bottom;labelBackgroundColor=default;verticalAlign=top;aspect=fixed;imageAspect=0;image=data:image/svg+xml,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9Ii0wLjUgLTAuNSAyNS4yNjYgMjgiIGhlaWdodD0iMjgiIHdpZHRoPSIyNS4yNjYiPiYjeGE7CSAgPHN0eWxlIHR5cGU9InRleHQvY3NzIj4uc3QwIHsgc3RvcC1jb2xvcjogcmdiKDkxLCAxMTUsIDEzOSk7IH0gLnN0MSB7IHN0b3AtY29sb3I6IHJnYigzNCwgNTMsIDcyKTsgfSA8L3N0eWxlPiYjeGE7CTxkZWZzPiYjeGE7CQk8bGluZWFyR3JhZGllbnQgZ3JhZGllbnRVbml0cz0idXNlclNwYWNlT25Vc2UiIHkyPSIyMy4xMTIiIHgyPSIyMy4xMzYiIHkxPSIzLjQ3NCIgeDE9IjEuNzkxIiBpZD0iQSI+JiN4YTsJCQk8c3RvcCBjbGFzcz0ic3QwIi8+JiN4YTsJCQk8c3RvcCBjbGFzcz0ic3QxIiBvZmZzZXQ9IjEiLz4mI3hhOwkJPC9saW5lYXJHcmFkaWVudD4mI3hhOwk8L2RlZnM+JiN4YTsJPHBhdGggZmlsbD0idXJsKCNBKSIgZD0iTTI0LjE2NCA2LjY2NGMuNDAxLjI1NS42MDIuNTgzLjYwMi45ODQgMCAuMTA5LS4wMTguMjAxLS4wNTUuMjczdjExLjE1NkExLjM5IDEuMzkgMCAwIDEgMjQgMjAuMzM2bC0xMS4xMDIgNi45NDVjLS4yNTUuMTQ2LS41MjkuMjE5LS44Mi4yMTktLjMyOCAwLS41NjUtLjA3My0uNzExLS4yMTlMLjIxMSAyMC4zMzZhMS43NSAxLjc1IDAgMCAxLS41NDctLjYwMWMtLjEwOS0uMjU1LS4xNjQtLjQ3NC0uMTY0LS42NTZWNy45MjJhMS4zOSAxLjM5IDAgMCAxIC43MTEtMS4yNThsNS41NzgtMy41Yy4yOTItLjEwOS41NjUtLjE2NC44Mi0uMTY0cy40OTIuMDU1LjcxMS4xNjRsMTEuMTU2IDdjLjE4Mi4wNzMuMzI4LjIzNy40MzguNDkyLjE0Ni4yMTkuMjE5LjQxOS4yMTkuNjAydjQuODY3YzAgLjk0OC0uNDU2IDEuNDIyLTEuMzY3IDEuNDIyLS40MDEgMC0uNzQ3LS4xMjgtMS4wMzktLjM4My0uMjU1LS4yNTUtLjM4My0uNjAyLS4zODMtMS4wMzl2LTQuMDQ3TDYuNjA5IDUuOTUzbC00LjE1NiAyLjY4djkuNjI1bDkuNzM0IDYuMTI1IDkuNzM0LTYuMTI1VjguNjMzTDExLjQ3NyAyLjA3Yy0uNDM3LS4yOTItLjY1Ni0uNjc0LS42NTYtMS4xNDggMC0uMTgyLjA3My0uNDU2LjIxOS0uODIuMzI4LS40MDEuNzQ3LS42MDIgMS4yNTgtLjYwMi4yOTIgMCAuNTI5LjA3My43MTEuMjE5ek0xMC4yNzMgMTcuMzgzYy40MzguMjU1LjY1Ni42MzguNjU2IDEuMTQ4IDAgLjI5Mi0uMDczLjU2NS0uMjE5LjgyLS4yOTIuNDAxLS43MTEuNjAyLTEuMjU4LjYwMmExLjU3IDEuNTcgMCAwIDEtLjcxMS0uMTY0bC0yLjc4OS0xLjY5NWMtLjQzNy0uMjkyLS42NTYtLjY1Ni0uNjU2LTEuMDk0IDAtLjI5Mi4wOTEtLjU4My4yNzMtLjg3NS4zMjgtLjQwMS43MjktLjYwMiAxLjIwMy0uNjAyLjI5MiAwIC41MjkuMDczLjcxMS4yMTl6Ii8+JiN4YTs8L3N2Zz4=;strokeColor=none;',
  },
  _width: 25,
  _height: 28,
}

Deploy SAP

Preview

Usage

import { DeploySap } from '@dinghy/diagrams/entitiesSapGenericIcons'

<DeploySap/>

// or

import { extendStyle } from "@dinghy/base-components";
import { DEPLOY_SAP } from '@dinghy/diagrams/entitiesSapGenericIcons'

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

Definition

{
  _style: {
    entity: 'shape=image;editableCssRules=.*;verticalLabelPosition=bottom;labelBackgroundColor=default;verticalAlign=top;aspect=fixed;imageAspect=0;image=data:image/svg+xml,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9Ii0wLjUgLTAuNSAyNS4yNjYgMjgiIGhlaWdodD0iMjgiIHdpZHRoPSIyNS4yNjYiPiYjeGE7CSAgPHN0eWxlIHR5cGU9InRleHQvY3NzIj4uc3QwIHsgc3RvcC1jb2xvcjogcmdiKDM1LCAxNDksIDI1NSk7IH0gLnN0MSB7IHN0b3AtY29sb3I6IHJnYigwLCA4NywgMjEwKTsgfSA8L3N0eWxlPiYjeGE7CTxkZWZzPiYjeGE7CQk8bGluZWFyR3JhZGllbnQgZ3JhZGllbnRVbml0cz0idXNlclNwYWNlT25Vc2UiIHkyPSIyMy4xMTIiIHgyPSIyMy4xMzYiIHkxPSIzLjQ3NCIgeDE9IjEuNzkxIiBpZD0iQSI+JiN4YTsJCQk8c3RvcCBjbGFzcz0ic3QwIi8+JiN4YTsJCQk8c3RvcCBjbGFzcz0ic3QxIiBvZmZzZXQ9IjEiLz4mI3hhOwkJPC9saW5lYXJHcmFkaWVudD4mI3hhOwk8L2RlZnM+JiN4YTsJPHBhdGggZmlsbD0idXJsKCNBKSIgZD0iTTI0LjE2NCA2LjY2NGMuNDAxLjI1NS42MDIuNTgzLjYwMi45ODQgMCAuMTA5LS4wMTguMjAxLS4wNTUuMjczdjExLjE1NkExLjM5IDEuMzkgMCAwIDEgMjQgMjAuMzM2bC0xMS4xMDIgNi45NDVjLS4yNTUuMTQ2LS41MjkuMjE5LS44Mi4yMTktLjMyOCAwLS41NjUtLjA3My0uNzExLS4yMTlMLjIxMSAyMC4zMzZhMS43NSAxLjc1IDAgMCAxLS41NDctLjYwMWMtLjEwOS0uMjU1LS4xNjQtLjQ3NC0uMTY0LS42NTZWNy45MjJhMS4zOSAxLjM5IDAgMCAxIC43MTEtMS4yNThsNS41NzgtMy41Yy4yOTItLjEwOS41NjUtLjE2NC44Mi0uMTY0cy40OTIuMDU1LjcxMS4xNjRsMTEuMTU2IDdjLjE4Mi4wNzMuMzI4LjIzNy40MzguNDkyLjE0Ni4yMTkuMjE5LjQxOS4yMTkuNjAydjQuODY3YzAgLjk0OC0uNDU2IDEuNDIyLTEuMzY3IDEuNDIyLS40MDEgMC0uNzQ3LS4xMjgtMS4wMzktLjM4My0uMjU1LS4yNTUtLjM4My0uNjAyLS4zODMtMS4wMzl2LTQuMDQ3TDYuNjA5IDUuOTUzbC00LjE1NiAyLjY4djkuNjI1bDkuNzM0IDYuMTI1IDkuNzM0LTYuMTI1VjguNjMzTDExLjQ3NyAyLjA3Yy0uNDM3LS4yOTItLjY1Ni0uNjc0LS42NTYtMS4xNDggMC0uMTgyLjA3My0uNDU2LjIxOS0uODIuMzI4LS40MDEuNzQ3LS42MDIgMS4yNTgtLjYwMi4yOTIgMCAuNTI5LjA3My43MTEuMjE5ek0xMC4yNzMgMTcuMzgzYy40MzguMjU1LjY1Ni42MzguNjU2IDEuMTQ4IDAgLjI5Mi0uMDczLjU2NS0uMjE5LjgyLS4yOTIuNDAxLS43MTEuNjAyLTEuMjU4LjYwMmExLjU3IDEuNTcgMCAwIDEtLjcxMS0uMTY0bC0yLjc4OS0xLjY5NWMtLjQzNy0uMjkyLS42NTYtLjY1Ni0uNjU2LTEuMDk0IDAtLjI5Mi4wOTEtLjU4My4yNzMtLjg3NS4zMjgtLjQwMS43MjktLjYwMiAxLjIwMy0uNjAyLjI5MiAwIC41MjkuMDczLjcxMS4yMTl6Ii8+JiN4YTs8L3N2Zz4=;strokeColor=none;',
  },
  _width: 25,
  _height: 28,
}

Desktop Hightlight

Preview

Usage

import { DesktopHightlight } from '@dinghy/diagrams/entitiesSapGenericIcons'

<DesktopHightlight/>

// or

import { extendStyle } from "@dinghy/base-components";
import { DESKTOP_HIGHTLIGHT } from '@dinghy/diagrams/entitiesSapGenericIcons'

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

Definition

{
  _style: {
    entity: 'shape=image;editableCssRules=.*;verticalLabelPosition=bottom;labelBackgroundColor=default;verticalAlign=top;aspect=fixed;imageAspect=0;image=data:image/svg+xml,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9Ii0wLjUgLTAuNSAyOCAxOC42NDgiIGhlaWdodD0iMTguNjQ4IiB3aWR0aD0iMjgiPiYjeGE7CSAgPHN0eWxlIHR5cGU9InRleHQvY3NzIj4mI3hhOwkJLnN0MHtzdG9wLWNvbG9yOiMwMGNlYWM7fSYjeGE7CQkuc3Qxe3N0b3AtY29sb3I6IzA3ODM4Zjt9JiN4YTsJICA8L3N0eWxlPiYjeGE7CTxkZWZzPiYjeGE7CQk8bGluZWFyR3JhZGllbnQgZ3JhZGllbnRVbml0cz0idXNlclNwYWNlT25Vc2UiIHkyPSIyMi4xNDUiIHgyPSIxNS4xMDIiIHkxPSIyLjE0NyIgeDE9IjIuMDM5IiBpZD0iQSI+JiN4YTsJCQk8c3RvcCBjbGFzcz0ic3QwIi8+JiN4YTsJCQk8c3RvcCBjbGFzcz0ic3QxIiBvZmZzZXQ9IjEiLz4mI3hhOwkJPC9saW5lYXJHcmFkaWVudD4mI3hhOwk8L2RlZnM+JiN4YTsJPHBhdGggZmlsbD0idXJsKCNBKSIgZD0iTTI2LjM1MSAxNS44NTFjLjc2NiAwIDEuMTQ5LjM4MyAxLjE0OSAxLjE0OXMtLjM4MyAxLjE0OC0xLjE0OSAxLjE0OEguNjQ4Yy0uMzI4IDAtLjYwMi0uMDkxLS44Mi0uMjczQy0uMzkxIDE3LjY1Ni0uNSAxNy4zNjQtLjUgMTdzLjEwOS0uNjM4LjMyOC0uODJjLjIxOS0uMjE5LjQ5Mi0uMzI4LjgyLS4zMjhIMi4wN2MwLS4wNzMtLjAxOC0uMTI4LS4wNTUtLjE2NHYtLjA1NWMtLjEwOS0uMzI4LS4xNjQtLjY1Ni0uMTY0LS45ODRWM2MwLS45ODQuMzI4LTEuODA1Ljk4NC0yLjQ2MUMzLjQ5Mi0uMTU0IDQuMzMxLS41IDUuMzUyLS41aDE2LjI5N2MxLjAyMSAwIDEuODU5LjM0NiAyLjUxNiAxLjAzOS42NTYuNjU2Ljk4NCAxLjQ3Ny45ODQgMi40NjF2MTEuNjQ4YzAgLjQwMS0uMDczLjgwMi0uMjE5IDEuMjAzek00LjE0OCAxNC42NDhoMTguNzAzVjNjMC0uNzY2LS40MDEtMS4xNDgtMS4yMDMtMS4xNDhINS4zNTJjLS44MDIgMC0xLjIwMy4zODMtMS4yMDMgMS4xNDh6Ii8+JiN4YTs8L3N2Zz4=;strokeColor=none;',
  },
  _width: 28,
  _height: 19,
}

Desktop Non-SAP

Preview

Usage

import { DesktopNonSap } from '@dinghy/diagrams/entitiesSapGenericIcons'

<DesktopNonSap/>

// or

import { extendStyle } from "@dinghy/base-components";
import { DESKTOP_NON_SAP } from '@dinghy/diagrams/entitiesSapGenericIcons'

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

Definition

{
  _style: {
    entity: 'shape=image;editableCssRules=.*;verticalLabelPosition=bottom;labelBackgroundColor=default;verticalAlign=top;aspect=fixed;imageAspect=0;image=data:image/svg+xml,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9Ii0wLjUgLTAuNSAyOCAxOC42NDgiIGhlaWdodD0iMTguNjQ4IiB3aWR0aD0iMjgiPiYjeGE7CSAgPHN0eWxlIHR5cGU9InRleHQvY3NzIj4uc3QwIHsgc3RvcC1jb2xvcjogcmdiKDkxLCAxMTUsIDEzOSk7IH0gLnN0MSB7IHN0b3AtY29sb3I6IHJnYigzNCwgNTMsIDcyKTsgfSA8L3N0eWxlPiYjeGE7CTxkZWZzPiYjeGE7CQk8bGluZWFyR3JhZGllbnQgZ3JhZGllbnRVbml0cz0idXNlclNwYWNlT25Vc2UiIHkyPSIyMi4xNDUiIHgyPSIxNS4xMDIiIHkxPSIyLjE0NyIgeDE9IjIuMDM5IiBpZD0iQSI+JiN4YTsJCQk8c3RvcCBjbGFzcz0ic3QwIi8+JiN4YTsJCQk8c3RvcCBjbGFzcz0ic3QxIiBvZmZzZXQ9IjEiLz4mI3hhOwkJPC9saW5lYXJHcmFkaWVudD4mI3hhOwk8L2RlZnM+JiN4YTsJPHBhdGggZmlsbD0idXJsKCNBKSIgZD0iTTI2LjM1MSAxNS44NTFjLjc2NiAwIDEuMTQ5LjM4MyAxLjE0OSAxLjE0OXMtLjM4MyAxLjE0OC0xLjE0OSAxLjE0OEguNjQ4Yy0uMzI4IDAtLjYwMi0uMDkxLS44Mi0uMjczQy0uMzkxIDE3LjY1Ni0uNSAxNy4zNjQtLjUgMTdzLjEwOS0uNjM4LjMyOC0uODJjLjIxOS0uMjE5LjQ5Mi0uMzI4LjgyLS4zMjhIMi4wN2MwLS4wNzMtLjAxOC0uMTI4LS4wNTUtLjE2NHYtLjA1NWMtLjEwOS0uMzI4LS4xNjQtLjY1Ni0uMTY0LS45ODRWM2MwLS45ODQuMzI4LTEuODA1Ljk4NC0yLjQ2MUMzLjQ5Mi0uMTU0IDQuMzMxLS41IDUuMzUyLS41aDE2LjI5N2MxLjAyMSAwIDEuODU5LjM0NiAyLjUxNiAxLjAzOS42NTYuNjU2Ljk4NCAxLjQ3Ny45ODQgMi40NjF2MTEuNjQ4YzAgLjQwMS0uMDczLjgwMi0uMjE5IDEuMjAzek00LjE0OCAxNC42NDhoMTguNzAzVjNjMC0uNzY2LS40MDEtMS4xNDgtMS4yMDMtMS4xNDhINS4zNTJjLS44MDIgMC0xLjIwMy4zODMtMS4yMDMgMS4xNDh6Ii8+JiN4YTs8L3N2Zz4=;strokeColor=none;',
  },
  _width: 28,
  _height: 19,
}

Desktop SAP

Preview

Usage

import { DesktopSap } from '@dinghy/diagrams/entitiesSapGenericIcons'

<DesktopSap/>

// or

import { extendStyle } from "@dinghy/base-components";
import { DESKTOP_SAP } from '@dinghy/diagrams/entitiesSapGenericIcons'

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

Definition

{
  _style: {
    entity: 'shape=image;editableCssRules=.*;verticalLabelPosition=bottom;labelBackgroundColor=default;verticalAlign=top;aspect=fixed;imageAspect=0;image=data:image/svg+xml,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9Ii0wLjUgLTAuNSAyOCAxOC42NDgiIGhlaWdodD0iMTguNjQ4IiB3aWR0aD0iMjgiPiYjeGE7CSAgPHN0eWxlIHR5cGU9InRleHQvY3NzIj4uc3QwIHsgc3RvcC1jb2xvcjogcmdiKDM1LCAxNDksIDI1NSk7IH0gLnN0MSB7IHN0b3AtY29sb3I6IHJnYigwLCA4NywgMjEwKTsgfSA8L3N0eWxlPiYjeGE7CTxkZWZzPiYjeGE7CQk8bGluZWFyR3JhZGllbnQgZ3JhZGllbnRVbml0cz0idXNlclNwYWNlT25Vc2UiIHkyPSIyMi4xNDUiIHgyPSIxNS4xMDIiIHkxPSIyLjE0NyIgeDE9IjIuMDM5IiBpZD0iQSI+JiN4YTsJCQk8c3RvcCBjbGFzcz0ic3QwIi8+JiN4YTsJCQk8c3RvcCBjbGFzcz0ic3QxIiBvZmZzZXQ9IjEiLz4mI3hhOwkJPC9saW5lYXJHcmFkaWVudD4mI3hhOwk8L2RlZnM+JiN4YTsJPHBhdGggZmlsbD0idXJsKCNBKSIgZD0iTTI2LjM1MSAxNS44NTFjLjc2NiAwIDEuMTQ5LjM4MyAxLjE0OSAxLjE0OXMtLjM4MyAxLjE0OC0xLjE0OSAxLjE0OEguNjQ4Yy0uMzI4IDAtLjYwMi0uMDkxLS44Mi0uMjczQy0uMzkxIDE3LjY1Ni0uNSAxNy4zNjQtLjUgMTdzLjEwOS0uNjM4LjMyOC0uODJjLjIxOS0uMjE5LjQ5Mi0uMzI4LjgyLS4zMjhIMi4wN2MwLS4wNzMtLjAxOC0uMTI4LS4wNTUtLjE2NHYtLjA1NWMtLjEwOS0uMzI4LS4xNjQtLjY1Ni0uMTY0LS45ODRWM2MwLS45ODQuMzI4LTEuODA1Ljk4NC0yLjQ2MUMzLjQ5Mi0uMTU0IDQuMzMxLS41IDUuMzUyLS41aDE2LjI5N2MxLjAyMSAwIDEuODU5LjM0NiAyLjUxNiAxLjAzOS42NTYuNjU2Ljk4NCAxLjQ3Ny45ODQgMi40NjF2MTEuNjQ4YzAgLjQwMS0uMDczLjgwMi0uMjE5IDEuMjAzek00LjE0OCAxNC42NDhoMTguNzAzVjNjMC0uNzY2LS40MDEtMS4xNDgtMS4yMDMtMS4xNDhINS4zNTJjLS44MDIgMC0xLjIwMy4zODMtMS4yMDMgMS4xNDh6Ii8+JiN4YTs8L3N2Zz4=;strokeColor=none;',
  },
  _width: 28,
  _height: 19,
}

Detail View Highlight

Preview

Usage

import { DetailViewHighlight } from '@dinghy/diagrams/entitiesSapGenericIcons'

<DetailViewHighlight/>

// or

import { extendStyle } from "@dinghy/base-components";
import { DETAIL_VIEW_HIGHLIGHT } from '@dinghy/diagrams/entitiesSapGenericIcons'

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

Definition

{
  _style: {
    entity: 'shape=image;verticalLabelPosition=bottom;labelBackgroundColor=default;verticalAlign=top;aspect=fixed;imageAspect=0;editableCssRules=.*;image=data:image/svg+xml,PHN2ZyB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2aWV3Qm94PSIwIDAgMTggMjMuMDA5OTk4MzIxNTMzMjAzIiB2ZXJzaW9uPSIxLjEiIGlkPSJMYXllcl8xIiB3aWR0aD0iMTgiIGhlaWdodD0iMjMuMDA5OTk4MzIxNTMzMjAzIj4mI3hhOyAgPHN0eWxlIHR5cGU9InRleHQvY3NzIj4mI3hhOwkJLnN0MHtzdG9wLWNvbG9yOiMwMGNlYWM7fSYjeGE7CQkuc3Qxe3N0b3AtY29sb3I6IzA3ODM4Zjt9JiN4YTsJICA8L3N0eWxlPiYjeGE7ICA8ZGVmcz4mI3hhOyAgICA8bGluZWFyR3JhZGllbnQgaWQ9IkEiIHgxPSIwIiB5MT0iMCIgeDI9IjE4IiB5Mj0iMjMiIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIj4mI3hhOyAgICAgIDxzdG9wIGNsYXNzPSJzdDAiLz4mI3hhOyAgICAgIDxzdG9wIG9mZnNldD0iMSIgY2xhc3M9InN0MSIvPiYjeGE7ICAgIDwvbGluZWFyR3JhZGllbnQ+JiN4YTsgIDwvZGVmcz4mI3hhOyAgPHBhdGggZmlsbD0idXJsKCNBKSIgZD0iTTE2LjU0LDE5Ljg5Yy4yNC4yNC4zNS41MS4zNS44MXMtLjEyLjU3LS4zNS44MWMtLjI0LjI0LS41LjM2LS43OS4zNnMtLjU2LS4xMi0uNzktLjM2bC0zLjM1LTMuNDdjLS4xNS0uMTUtLjIyLS4yNy0uMjItLjM2LS42OC40OC0xLjQ3LjcyLTIuMzguNzItLjYyLDAtMS4yMS0uMTItMS43Ni0uMzYtLjUzLS4yNC0xLS41Ny0xLjQxLS45OS0uNDEtLjQyLS43NC0uOTItLjk3LTEuNDktLjI0LS41Ny0uMzUtMS4xNy0uMzUtMS44cy4xMi0xLjIyLjM1LTEuNzZjLjI0LS41Ny41Ni0xLjA3Ljk3LTEuNDlzLjg4LS43NSwxLjQxLS45OWMuNTYtLjI0LDEuMTUtLjM2LDEuNzYtLjM2czEuMTkuMTIsMS43Mi4zNmMuNTYuMjQsMS4wNC41NywxLjQ2Ljk5LjQxLjQyLjc0LjkyLjk3LDEuNDkuMjQuNTQuMzUsMS4xMy4zNSwxLjc2LDAsLjkzLS4yMiwxLjc0LS42NiwyLjQzLjA2LDAsLjEyLjAzLjE4LjA5LjA2LjAzLjEyLjA3LjE4LjEzbDMuMzUsMy40N1pNOSwxNi4xMWMuNjIsMCwxLjE1LS4yMywxLjU5LS42OC40NC0uNDUuNjYtMS4wMS42Ni0xLjY3cy0uMjItMS4xNy0uNjYtMS42MmMtLjQ0LS40NS0uOTctLjY4LTEuNTktLjY4cy0xLjE1LjIzLTEuNTkuNjhjLS40NC40NS0uNjYuOTktLjY2LDEuNjJzLjIyLDEuMjIuNjYsMS42N2MuNDQuNDUuOTcuNjgsMS41OS42OFpNMTcuNjkuMzZjLjIxLjIxLjMxLjQ3LjMxLjc3djEzLjgyYzAsLjMzLS4xLjYyLS4zMS44Ni0uMjEuMjEtLjQ3LjMyLS43OS4zMnMtLjYtLjExLS44NC0uMzJjLS4yMS0uMjQtLjMxLS41My0uMzEtLjg2VjIuM0gyLjI1djE4LjQxaDcuOWMuNzQsMCwxLjEuMzgsMS4xLDEuMTNzLS4zNywxLjE3LTEuMSwxLjE3SDEuMWMtLjc0LDAtMS4xLS4zOS0xLjEtMS4xN1YxLjEzQzAsLjM4LjM3LDAsMS4xLDBoMTUuNzljLjMyLDAsLjU5LjEyLjc5LjM2Wk01LjYsNi44OWMtLjc0LDAtMS4xLS4zOC0xLjEtMS4xM3MuMzctMS4xNywxLjEtMS4xN2g2Ljc5Yy43NCwwLDEuMS4zOSwxLjEsMS4xN3MtLjM3LDEuMTMtMS4xLDEuMTNoLTYuNzlaIi8+JiN4YTs8L3N2Zz4=;strokeColor=none;',
  },
  _width: 21.91,
  _height: 28,
}

Detail View Non-SAP

Preview

Usage

import { DetailViewNonSap } from '@dinghy/diagrams/entitiesSapGenericIcons'

<DetailViewNonSap/>

// or

import { extendStyle } from "@dinghy/base-components";
import { DETAIL_VIEW_NON_SAP } from '@dinghy/diagrams/entitiesSapGenericIcons'

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

Definition

{
  _style: {
    entity: 'shape=image;verticalLabelPosition=bottom;labelBackgroundColor=default;verticalAlign=top;aspect=fixed;imageAspect=0;editableCssRules=.*;image=data:image/svg+xml,PHN2ZyB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2aWV3Qm94PSIwIDAgMTggMjMuMDA5OTk4MzIxNTMzMjAzIiB2ZXJzaW9uPSIxLjEiIGlkPSJMYXllcl8xIiB3aWR0aD0iMTgiIGhlaWdodD0iMjMuMDA5OTk4MzIxNTMzMjAzIj4mI3hhOyAgPHN0eWxlIHR5cGU9InRleHQvY3NzIj4uc3QwIHsgc3RvcC1jb2xvcjogcmdiKDkxLCAxMTUsIDEzOSk7IH0gLnN0MSB7IHN0b3AtY29sb3I6IHJnYigzNCwgNTMsIDcyKTsgfSA8L3N0eWxlPiYjeGE7ICA8ZGVmcz4mI3hhOyAgICA8bGluZWFyR3JhZGllbnQgaWQ9IkEiIHgxPSIwIiB5MT0iMCIgeDI9IjE4IiB5Mj0iMjMiIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIj4mI3hhOyAgICAgIDxzdG9wIGNsYXNzPSJzdDAiLz4mI3hhOyAgICAgIDxzdG9wIG9mZnNldD0iMSIgY2xhc3M9InN0MSIvPiYjeGE7ICAgIDwvbGluZWFyR3JhZGllbnQ+JiN4YTsgIDwvZGVmcz4mI3hhOyAgPHBhdGggZmlsbD0idXJsKCNBKSIgZD0iTTE2LjU0LDE5Ljg5Yy4yNC4yNC4zNS41MS4zNS44MXMtLjEyLjU3LS4zNS44MWMtLjI0LjI0LS41LjM2LS43OS4zNnMtLjU2LS4xMi0uNzktLjM2bC0zLjM1LTMuNDdjLS4xNS0uMTUtLjIyLS4yNy0uMjItLjM2LS42OC40OC0xLjQ3LjcyLTIuMzguNzItLjYyLDAtMS4yMS0uMTItMS43Ni0uMzYtLjUzLS4yNC0xLS41Ny0xLjQxLS45OS0uNDEtLjQyLS43NC0uOTItLjk3LTEuNDktLjI0LS41Ny0uMzUtMS4xNy0uMzUtMS44cy4xMi0xLjIyLjM1LTEuNzZjLjI0LS41Ny41Ni0xLjA3Ljk3LTEuNDlzLjg4LS43NSwxLjQxLS45OWMuNTYtLjI0LDEuMTUtLjM2LDEuNzYtLjM2czEuMTkuMTIsMS43Mi4zNmMuNTYuMjQsMS4wNC41NywxLjQ2Ljk5LjQxLjQyLjc0LjkyLjk3LDEuNDkuMjQuNTQuMzUsMS4xMy4zNSwxLjc2LDAsLjkzLS4yMiwxLjc0LS42NiwyLjQzLjA2LDAsLjEyLjAzLjE4LjA5LjA2LjAzLjEyLjA3LjE4LjEzbDMuMzUsMy40N1pNOSwxNi4xMWMuNjIsMCwxLjE1LS4yMywxLjU5LS42OC40NC0uNDUuNjYtMS4wMS42Ni0xLjY3cy0uMjItMS4xNy0uNjYtMS42MmMtLjQ0LS40NS0uOTctLjY4LTEuNTktLjY4cy0xLjE1LjIzLTEuNTkuNjhjLS40NC40NS0uNjYuOTktLjY2LDEuNjJzLjIyLDEuMjIuNjYsMS42N2MuNDQuNDUuOTcuNjgsMS41OS42OFpNMTcuNjkuMzZjLjIxLjIxLjMxLjQ3LjMxLjc3djEzLjgyYzAsLjMzLS4xLjYyLS4zMS44Ni0uMjEuMjEtLjQ3LjMyLS43OS4zMnMtLjYtLjExLS44NC0uMzJjLS4yMS0uMjQtLjMxLS41My0uMzEtLjg2VjIuM0gyLjI1djE4LjQxaDcuOWMuNzQsMCwxLjEuMzgsMS4xLDEuMTNzLS4zNywxLjE3LTEuMSwxLjE3SDEuMWMtLjc0LDAtMS4xLS4zOS0xLjEtMS4xN1YxLjEzQzAsLjM4LjM3LDAsMS4xLDBoMTUuNzljLjMyLDAsLjU5LjEyLjc5LjM2Wk01LjYsNi44OWMtLjc0LDAtMS4xLS4zOC0xLjEtMS4xM3MuMzctMS4xNywxLjEtMS4xN2g2Ljc5Yy43NCwwLDEuMS4zOSwxLjEsMS4xN3MtLjM3LDEuMTMtMS4xLDEuMTNoLTYuNzlaIi8+JiN4YTs8L3N2Zz4=;strokeColor=none;',
  },
  _width: 21.91,
  _height: 28,
}

Detail View SAP

Preview

Usage

import { DetailViewSap } from '@dinghy/diagrams/entitiesSapGenericIcons'

<DetailViewSap/>

// or

import { extendStyle } from "@dinghy/base-components";
import { DETAIL_VIEW_SAP } from '@dinghy/diagrams/entitiesSapGenericIcons'

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

Definition

{
  _style: {
    entity: 'shape=image;verticalLabelPosition=bottom;labelBackgroundColor=default;verticalAlign=top;aspect=fixed;imageAspect=0;editableCssRules=.*;image=data:image/svg+xml,PHN2ZyB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2aWV3Qm94PSIwIDAgMTggMjMuMDA5OTk4MzIxNTMzMjAzIiB2ZXJzaW9uPSIxLjEiIGlkPSJMYXllcl8xIiB3aWR0aD0iMTgiIGhlaWdodD0iMjMuMDA5OTk4MzIxNTMzMjAzIj4mI3hhOyAgPHN0eWxlIHR5cGU9InRleHQvY3NzIj4uc3QwIHsgc3RvcC1jb2xvcjogcmdiKDM1LCAxNDksIDI1NSk7IH0gLnN0MSB7IHN0b3AtY29sb3I6IHJnYigwLCA4NywgMjEwKTsgfSA8L3N0eWxlPiYjeGE7ICA8ZGVmcz4mI3hhOyAgICA8bGluZWFyR3JhZGllbnQgaWQ9IkEiIHgxPSIwIiB5MT0iMCIgeDI9IjE4IiB5Mj0iMjMiIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIj4mI3hhOyAgICAgIDxzdG9wIGNsYXNzPSJzdDAiLz4mI3hhOyAgICAgIDxzdG9wIG9mZnNldD0iMSIgY2xhc3M9InN0MSIvPiYjeGE7ICAgIDwvbGluZWFyR3JhZGllbnQ+JiN4YTsgIDwvZGVmcz4mI3hhOyAgPHBhdGggZmlsbD0idXJsKCNBKSIgZD0iTTE2LjU0LDE5Ljg5Yy4yNC4yNC4zNS41MS4zNS44MXMtLjEyLjU3LS4zNS44MWMtLjI0LjI0LS41LjM2LS43OS4zNnMtLjU2LS4xMi0uNzktLjM2bC0zLjM1LTMuNDdjLS4xNS0uMTUtLjIyLS4yNy0uMjItLjM2LS42OC40OC0xLjQ3LjcyLTIuMzguNzItLjYyLDAtMS4yMS0uMTItMS43Ni0uMzYtLjUzLS4yNC0xLS41Ny0xLjQxLS45OS0uNDEtLjQyLS43NC0uOTItLjk3LTEuNDktLjI0LS41Ny0uMzUtMS4xNy0uMzUtMS44cy4xMi0xLjIyLjM1LTEuNzZjLjI0LS41Ny41Ni0xLjA3Ljk3LTEuNDlzLjg4LS43NSwxLjQxLS45OWMuNTYtLjI0LDEuMTUtLjM2LDEuNzYtLjM2czEuMTkuMTIsMS43Mi4zNmMuNTYuMjQsMS4wNC41NywxLjQ2Ljk5LjQxLjQyLjc0LjkyLjk3LDEuNDkuMjQuNTQuMzUsMS4xMy4zNSwxLjc2LDAsLjkzLS4yMiwxLjc0LS42NiwyLjQzLjA2LDAsLjEyLjAzLjE4LjA5LjA2LjAzLjEyLjA3LjE4LjEzbDMuMzUsMy40N1pNOSwxNi4xMWMuNjIsMCwxLjE1LS4yMywxLjU5LS42OC40NC0uNDUuNjYtMS4wMS42Ni0xLjY3cy0uMjItMS4xNy0uNjYtMS42MmMtLjQ0LS40NS0uOTctLjY4LTEuNTktLjY4cy0xLjE1LjIzLTEuNTkuNjhjLS40NC40NS0uNjYuOTktLjY2LDEuNjJzLjIyLDEuMjIuNjYsMS42N2MuNDQuNDUuOTcuNjgsMS41OS42OFpNMTcuNjkuMzZjLjIxLjIxLjMxLjQ3LjMxLjc3djEzLjgyYzAsLjMzLS4xLjYyLS4zMS44Ni0uMjEuMjEtLjQ3LjMyLS43OS4zMnMtLjYtLjExLS44NC0uMzJjLS4yMS0uMjQtLjMxLS41My0uMzEtLjg2VjIuM0gyLjI1djE4LjQxaDcuOWMuNzQsMCwxLjEuMzgsMS4xLDEuMTNzLS4zNywxLjE3LTEuMSwxLjE3SDEuMWMtLjc0LDAtMS4xLS4zOS0xLjEtMS4xN1YxLjEzQzAsLjM4LjM3LDAsMS4xLDBoMTUuNzljLjMyLDAsLjU5LjEyLjc5LjM2Wk01LjYsNi44OWMtLjc0LDAtMS4xLS4zOC0xLjEtMS4xM3MuMzctMS4xNywxLjEtMS4xN2g2Ljc5Yy43NCwwLDEuMS4zOSwxLjEsMS4xN3MtLjM3LDEuMTMtMS4xLDEuMTNoLTYuNzlaIi8+JiN4YTs8L3N2Zz4=;strokeColor=none;',
  },
  _width: 21.91,
  _height: 28,
}

Devices Highlight

Preview

Usage

import { DevicesHighlight } from '@dinghy/diagrams/entitiesSapGenericIcons'

<DevicesHighlight/>

// or

import { extendStyle } from "@dinghy/base-components";
import { DEVICES_HIGHLIGHT } from '@dinghy/diagrams/entitiesSapGenericIcons'

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

Definition

{
  _style: {
    entity: 'shape=image;editableCssRules=.*;verticalLabelPosition=bottom;labelBackgroundColor=default;verticalAlign=top;aspect=fixed;imageAspect=0;image=data:image/svg+xml,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9Ii0wLjUgLTAuNSAyOCAyMy4zNDMiIGhlaWdodD0iMjMuMzQzIiB3aWR0aD0iMjgiPiYjeGE7CSAgPHN0eWxlIHR5cGU9InRleHQvY3NzIj4mI3hhOwkJLnN0MHtzdG9wLWNvbG9yOiMwMGNlYWM7fSYjeGE7CQkuc3Qxe3N0b3AtY29sb3I6IzA3ODM4Zjt9JiN4YTsJICA8L3N0eWxlPiYjeGE7CTxkZWZzPiYjeGE7CQk8bGluZWFyR3JhZGllbnQgZ3JhZGllbnRVbml0cz0idXNlclNwYWNlT25Vc2UiIHkyPSIyNC4yMTciIHgyPSIxOS41NCIgeTE9IjIuODEzIiB4MT0iMi4wMzkiIGlkPSJBIj4mI3hhOwkJCTxzdG9wIGNsYXNzPSJzdDAiLz4mI3hhOwkJCTxzdG9wIGNsYXNzPSJzdDEiIG9mZnNldD0iMSIvPiYjeGE7CQk8L2xpbmVhckdyYWRpZW50PiYjeGE7CTwvZGVmcz4mI3hhOwk8cGF0aCBmaWxsPSJ1cmwoI0EpIiBkPSJNMTMuNTI3IDE4LjE4NnYyLjNoMS4xNWMuNzY4IDAgMS4xNS40MDMgMS4xNSAxLjIwNi4wMDQuMTUyLS4wMjIuMzA0LS4wNzkuNDQ1cy0uMTQxLjI3LS4yNDkuMzc3Yy0uMTgyLjIxNy0uNDU2LjMyOC0uODIyLjMyOEg3LjY2NGMtLjE1Mi4wMDQtLjMwMy0uMDIzLS40NDQtLjA4cy0uMjY5LS4xNDItLjM3Ni0uMjUtLjE5My0uMjM1LS4yNS0uMzc2LS4wODQtLjI5Mi0uMDgtLjQ0NGMwLS4zNjYuMTEtLjY1Ny4zMy0uODc3LjEwNy0uMTA4LjIzNS0uMTkzLjM3Ni0uMjVzLjI5Mi0uMDg0LjQ0NC0uMDhoMy41MDd2LTIuM0gzLjAwN2EzLjUzIDMuNTMgMCAwIDEtMi41MjEtLjk4NyAzLjUzIDMuNTMgMCAwIDEtLjk4NS0yLjUxOVYzLjAwOWMwLS45ODcuMzMtMS44MDkuOTg3LTIuNDY3LjMyNy0uMzM2LjcxOS0uNjAyIDEuMTUyLS43ODJzLjg5OS0uMjY4IDEuMzY4LS4yNmgxOC42ODNBMy4yNSAzLjI1IDAgMCAxIDI0LjE1Ni41NDJjLjY5NC42NTggMS4wNDEgMS40OCAxLjA0MSAyLjQ2NXYyLjM1NmMuMDA0LjE1Mi0uMDIyLjMwNC0uMDc5LjQ0NXMtLjE0MS4yNy0uMjQ5LjM3N2MtLjExNi4xMTItLjI1NC4xOTgtLjQwNC4yNTVzLS4zMTEuMDgyLS40NzIuMDc1Yy0uMTUyLjAwNC0uMzA0LS4wMjMtLjQ0NS0uMDhzLS4yNy0uMTQyLS4zNzctLjI1LS4xOTMtLjIzNi0uMjUtLjM3Ny0uMDg0LS4yOTMtLjA4LS40NDVWMy4wMDljMC0uNzY4LS4zODItMS4xNTItMS4xNS0xLjE1MkgzLjAwN2MtLjc2OCAwLTEuMTUuMzg0LTEuMTUgMS4xNXYxMS42NzJjMCAuNzY2LjM4MiAxLjE1IDEuMTUgMS4xNWgxMS42N2MuNzY4IDAgMS4xNS40MDMgMS4xNSAxLjIwNi4wMDQuMTUyLS4wMjMuMzAzLS4wNzkuNDQ0cy0uMTQxLjI2OS0uMjQ5LjM3NmMtLjE4Mi4yMTktLjQ1Ni4zMy0uODIyLjMzem0xMi44MjItOS4zN2MuNzY2IDAgMS4xNS40MDMgMS4xNSAxLjIwNnYxMS42N2MuMDA0LjE1Mi0uMDIzLjMwNC0uMDguNDQ1cy0uMTQyLjI3LS4yNS4zNzdjLS4xODIuMjE3LS40NTYuMzI4LS44MjIuMzI4aC03LjAxM2MtLjE1Mi4wMDQtLjMwMy0uMDIzLS40NDQtLjA4cy0uMjY5LS4xNDItLjM3Ni0uMjUtLjE5My0uMjM1LS4yNS0uMzc2LS4wODQtLjI5Mi0uMDgtLjQ0NHYtMTEuNjdjMC0uMzY2LjExLS42NTcuMzMtLjg3Ny4xMDctLjEwOC4yMzYtLjE5My4zNzctLjI1cy4yOTMtLjA4NC40NDUtLjA4em0tNS44MDkgMi4zNTZ2OC4xNjNoNC42NTd2LTguMTY0eiIvPiYjeGE7PC9zdmc+;strokeColor=none;',
  },
  _width: 28,
  _height: 23,
}

Devices Non-SAP

Preview

Usage

import { DevicesNonSap } from '@dinghy/diagrams/entitiesSapGenericIcons'

<DevicesNonSap/>

// or

import { extendStyle } from "@dinghy/base-components";
import { DEVICES_NON_SAP } from '@dinghy/diagrams/entitiesSapGenericIcons'

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

Definition

{
  _style: {
    entity: 'shape=image;editableCssRules=.*;verticalLabelPosition=bottom;labelBackgroundColor=default;verticalAlign=top;aspect=fixed;imageAspect=0;image=data:image/svg+xml,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9Ii0wLjUgLTAuNSAyOCAyMy4zNDMiIGhlaWdodD0iMjMuMzQzIiB3aWR0aD0iMjgiPiYjeGE7CSAgPHN0eWxlIHR5cGU9InRleHQvY3NzIj4uc3QwIHsgc3RvcC1jb2xvcjogcmdiKDkxLCAxMTUsIDEzOSk7IH0gLnN0MSB7IHN0b3AtY29sb3I6IHJnYigzNCwgNTMsIDcyKTsgfSA8L3N0eWxlPiYjeGE7CTxkZWZzPiYjeGE7CQk8bGluZWFyR3JhZGllbnQgZ3JhZGllbnRVbml0cz0idXNlclNwYWNlT25Vc2UiIHkyPSIyNC4yMTciIHgyPSIxOS41NCIgeTE9IjIuODEzIiB4MT0iMi4wMzkiIGlkPSJBIj4mI3hhOwkJCTxzdG9wIGNsYXNzPSJzdDAiLz4mI3hhOwkJCTxzdG9wIGNsYXNzPSJzdDEiIG9mZnNldD0iMSIvPiYjeGE7CQk8L2xpbmVhckdyYWRpZW50PiYjeGE7CTwvZGVmcz4mI3hhOwk8cGF0aCBmaWxsPSJ1cmwoI0EpIiBkPSJNMTMuNTI3IDE4LjE4NnYyLjNoMS4xNWMuNzY4IDAgMS4xNS40MDMgMS4xNSAxLjIwNi4wMDQuMTUyLS4wMjIuMzA0LS4wNzkuNDQ1cy0uMTQxLjI3LS4yNDkuMzc3Yy0uMTgyLjIxNy0uNDU2LjMyOC0uODIyLjMyOEg3LjY2NGMtLjE1Mi4wMDQtLjMwMy0uMDIzLS40NDQtLjA4cy0uMjY5LS4xNDItLjM3Ni0uMjUtLjE5My0uMjM1LS4yNS0uMzc2LS4wODQtLjI5Mi0uMDgtLjQ0NGMwLS4zNjYuMTEtLjY1Ny4zMy0uODc3LjEwNy0uMTA4LjIzNS0uMTkzLjM3Ni0uMjVzLjI5Mi0uMDg0LjQ0NC0uMDhoMy41MDd2LTIuM0gzLjAwN2EzLjUzIDMuNTMgMCAwIDEtMi41MjEtLjk4NyAzLjUzIDMuNTMgMCAwIDEtLjk4NS0yLjUxOVYzLjAwOWMwLS45ODcuMzMtMS44MDkuOTg3LTIuNDY3LjMyNy0uMzM2LjcxOS0uNjAyIDEuMTUyLS43ODJzLjg5OS0uMjY4IDEuMzY4LS4yNmgxOC42ODNBMy4yNSAzLjI1IDAgMCAxIDI0LjE1Ni41NDJjLjY5NC42NTggMS4wNDEgMS40OCAxLjA0MSAyLjQ2NXYyLjM1NmMuMDA0LjE1Mi0uMDIyLjMwNC0uMDc5LjQ0NXMtLjE0MS4yNy0uMjQ5LjM3N2MtLjExNi4xMTItLjI1NC4xOTgtLjQwNC4yNTVzLS4zMTEuMDgyLS40NzIuMDc1Yy0uMTUyLjAwNC0uMzA0LS4wMjMtLjQ0NS0uMDhzLS4yNy0uMTQyLS4zNzctLjI1LS4xOTMtLjIzNi0uMjUtLjM3Ny0uMDg0LS4yOTMtLjA4LS40NDVWMy4wMDljMC0uNzY4LS4zODItMS4xNTItMS4xNS0xLjE1MkgzLjAwN2MtLjc2OCAwLTEuMTUuMzg0LTEuMTUgMS4xNXYxMS42NzJjMCAuNzY2LjM4MiAxLjE1IDEuMTUgMS4xNWgxMS42N2MuNzY4IDAgMS4xNS40MDMgMS4xNSAxLjIwNi4wMDQuMTUyLS4wMjMuMzAzLS4wNzkuNDQ0cy0uMTQxLjI2OS0uMjQ5LjM3NmMtLjE4Mi4yMTktLjQ1Ni4zMy0uODIyLjMzem0xMi44MjItOS4zN2MuNzY2IDAgMS4xNS40MDMgMS4xNSAxLjIwNnYxMS42N2MuMDA0LjE1Mi0uMDIzLjMwNC0uMDguNDQ1cy0uMTQyLjI3LS4yNS4zNzdjLS4xODIuMjE3LS40NTYuMzI4LS44MjIuMzI4aC03LjAxM2MtLjE1Mi4wMDQtLjMwMy0uMDIzLS40NDQtLjA4cy0uMjY5LS4xNDItLjM3Ni0uMjUtLjE5My0uMjM1LS4yNS0uMzc2LS4wODQtLjI5Mi0uMDgtLjQ0NHYtMTEuNjdjMC0uMzY2LjExLS42NTcuMzMtLjg3Ny4xMDctLjEwOC4yMzYtLjE5My4zNzctLjI1cy4yOTMtLjA4NC40NDUtLjA4em0tNS44MDkgMi4zNTZ2OC4xNjNoNC42NTd2LTguMTY0eiIvPiYjeGE7PC9zdmc+;strokeColor=none;',
  },
  _width: 28,
  _height: 23,
}

Devices SAP

Preview

Usage

import { DevicesSap } from '@dinghy/diagrams/entitiesSapGenericIcons'

<DevicesSap/>

// or

import { extendStyle } from "@dinghy/base-components";
import { DEVICES_SAP } from '@dinghy/diagrams/entitiesSapGenericIcons'

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

Definition

{
  _style: {
    entity: 'shape=image;editableCssRules=.*;verticalLabelPosition=bottom;labelBackgroundColor=default;verticalAlign=top;aspect=fixed;imageAspect=0;image=data:image/svg+xml,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9Ii0wLjUgLTAuNSAyOCAyMy4zNDMiIGhlaWdodD0iMjMuMzQzIiB3aWR0aD0iMjgiPiYjeGE7CSAgPHN0eWxlIHR5cGU9InRleHQvY3NzIj4uc3QwIHsgc3RvcC1jb2xvcjogcmdiKDM1LCAxNDksIDI1NSk7IH0gLnN0MSB7IHN0b3AtY29sb3I6IHJnYigwLCA4NywgMjEwKTsgfSA8L3N0eWxlPiYjeGE7CTxkZWZzPiYjeGE7CQk8bGluZWFyR3JhZGllbnQgZ3JhZGllbnRVbml0cz0idXNlclNwYWNlT25Vc2UiIHkyPSIyNC4yMTciIHgyPSIxOS41NCIgeTE9IjIuODEzIiB4MT0iMi4wMzkiIGlkPSJBIj4mI3hhOwkJCTxzdG9wIGNsYXNzPSJzdDAiLz4mI3hhOwkJCTxzdG9wIGNsYXNzPSJzdDEiIG9mZnNldD0iMSIvPiYjeGE7CQk8L2xpbmVhckdyYWRpZW50PiYjeGE7CTwvZGVmcz4mI3hhOwk8cGF0aCBmaWxsPSJ1cmwoI0EpIiBkPSJNMTMuNTI3IDE4LjE4NnYyLjNoMS4xNWMuNzY4IDAgMS4xNS40MDMgMS4xNSAxLjIwNi4wMDQuMTUyLS4wMjIuMzA0LS4wNzkuNDQ1cy0uMTQxLjI3LS4yNDkuMzc3Yy0uMTgyLjIxNy0uNDU2LjMyOC0uODIyLjMyOEg3LjY2NGMtLjE1Mi4wMDQtLjMwMy0uMDIzLS40NDQtLjA4cy0uMjY5LS4xNDItLjM3Ni0uMjUtLjE5My0uMjM1LS4yNS0uMzc2LS4wODQtLjI5Mi0uMDgtLjQ0NGMwLS4zNjYuMTEtLjY1Ny4zMy0uODc3LjEwNy0uMTA4LjIzNS0uMTkzLjM3Ni0uMjVzLjI5Mi0uMDg0LjQ0NC0uMDhoMy41MDd2LTIuM0gzLjAwN2EzLjUzIDMuNTMgMCAwIDEtMi41MjEtLjk4NyAzLjUzIDMuNTMgMCAwIDEtLjk4NS0yLjUxOVYzLjAwOWMwLS45ODcuMzMtMS44MDkuOTg3LTIuNDY3LjMyNy0uMzM2LjcxOS0uNjAyIDEuMTUyLS43ODJzLjg5OS0uMjY4IDEuMzY4LS4yNmgxOC42ODNBMy4yNSAzLjI1IDAgMCAxIDI0LjE1Ni41NDJjLjY5NC42NTggMS4wNDEgMS40OCAxLjA0MSAyLjQ2NXYyLjM1NmMuMDA0LjE1Mi0uMDIyLjMwNC0uMDc5LjQ0NXMtLjE0MS4yNy0uMjQ5LjM3N2MtLjExNi4xMTItLjI1NC4xOTgtLjQwNC4yNTVzLS4zMTEuMDgyLS40NzIuMDc1Yy0uMTUyLjAwNC0uMzA0LS4wMjMtLjQ0NS0uMDhzLS4yNy0uMTQyLS4zNzctLjI1LS4xOTMtLjIzNi0uMjUtLjM3Ny0uMDg0LS4yOTMtLjA4LS40NDVWMy4wMDljMC0uNzY4LS4zODItMS4xNTItMS4xNS0xLjE1MkgzLjAwN2MtLjc2OCAwLTEuMTUuMzg0LTEuMTUgMS4xNXYxMS42NzJjMCAuNzY2LjM4MiAxLjE1IDEuMTUgMS4xNWgxMS42N2MuNzY4IDAgMS4xNS40MDMgMS4xNSAxLjIwNi4wMDQuMTUyLS4wMjMuMzAzLS4wNzkuNDQ0cy0uMTQxLjI2OS0uMjQ5LjM3NmMtLjE4Mi4yMTktLjQ1Ni4zMy0uODIyLjMzem0xMi44MjItOS4zN2MuNzY2IDAgMS4xNS40MDMgMS4xNSAxLjIwNnYxMS42N2MuMDA0LjE1Mi0uMDIzLjMwNC0uMDguNDQ1cy0uMTQyLjI3LS4yNS4zNzdjLS4xODIuMjE3LS40NTYuMzI4LS44MjIuMzI4aC03LjAxM2MtLjE1Mi4wMDQtLjMwMy0uMDIzLS40NDQtLjA4cy0uMjY5LS4xNDItLjM3Ni0uMjUtLjE5My0uMjM1LS4yNS0uMzc2LS4wODQtLjI5Mi0uMDgtLjQ0NHYtMTEuNjdjMC0uMzY2LjExLS42NTcuMzMtLjg3Ny4xMDctLjEwOC4yMzYtLjE5My4zNzctLjI1cy4yOTMtLjA4NC40NDUtLjA4em0tNS44MDkgMi4zNTZ2OC4xNjNoNC42NTd2LTguMTY0eiIvPiYjeGE7PC9zdmc+;strokeColor=none;',
  },
  _width: 28,
  _height: 23,
}

Document Highlight

Preview

Usage

import { DocumentHighlight } from '@dinghy/diagrams/entitiesSapGenericIcons'

<DocumentHighlight/>

// or

import { extendStyle } from "@dinghy/base-components";
import { DOCUMENT_HIGHLIGHT } from '@dinghy/diagrams/entitiesSapGenericIcons'

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

Definition

{
  _style: {
    entity: 'shape=image;editableCssRules=.*;verticalLabelPosition=bottom;labelBackgroundColor=default;verticalAlign=top;aspect=fixed;imageAspect=0;image=data:image/svg+xml,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9Ii0wLjUgLTAuNSAyMC4wMTUgMjgiIGhlaWdodD0iMjgiIHdpZHRoPSIyMC4wMTUiPiYjeGE7CSAgPHN0eWxlIHR5cGU9InRleHQvY3NzIj4mI3hhOwkJLnN0MHtzdG9wLWNvbG9yOiMwMGNlYWM7fSYjeGE7CQkuc3Qxe3N0b3AtY29sb3I6IzA3ODM4Zjt9JiN4YTsJICA8L3N0eWxlPiYjeGE7CTxkZWZzPiYjeGE7CQk8bGluZWFyR3JhZGllbnQgZ3JhZGllbnRVbml0cz0idXNlclNwYWNlT25Vc2UiIHkyPSIxOC4zMzYiIHgyPSIyMS43MDYiIHkxPSIzLjQ3NCIgeDE9IjEuMzE1IiBpZD0iQSI+JiN4YTsJCQk8c3RvcCBjbGFzcz0ic3QwIi8+JiN4YTsJCQk8c3RvcCBjbGFzcz0ic3QxIiBvZmZzZXQ9IjEiLz4mI3hhOwkJPC9saW5lYXJHcmFkaWVudD4mI3hhOwk8L2RlZnM+JiN4YTsJPHBhdGggZmlsbD0idXJsKCNBKSIgZD0iTTE5LjE3LS4xMTZhMS4zNiAxLjM2IDAgMCAxIC4yNjMuNDU0Yy4wNTkuMTcuMDg3LjM1MS4wOC41MzN2MjUuMjAzYzAgLjM2Ni0uMTIyLjcxOC0uMzQ0Ljk4N2ExLjE0IDEuMTQgMCAwIDEtLjM5Ny4zMzEgMS4wMiAxLjAyIDAgMCAxLS40ODYuMTA3SC43MjZhMS4wMiAxLjAyIDAgMCAxLS40ODYtLjEwNyAxLjE0IDEuMTQgMCAwIDEtLjM5Ny0uMzMxYy0uMjIxLS4yNjktLjM0NC0uNjIyLS4zNDQtLjk4N1Y5LjI1NmMwLS4zNjYuMTE1LS42NzcuMzQ0LS45MzNMNy4zNDktLjExNmMuMjQxLS4yNDcuNTU2LS4zODQuODg0LS4zODRoMTAuMDU2YTEuMTMgMS4xMyAwIDAgMSAuODgyLjM4NHptLTIuMTU4IDIuNDExSDguNzcxbC0uNTM4LjU0OXYzLjYxNWEyLjg1IDIuODUgMCAwIDEtLjczOCAxLjk3MyAyLjQyIDIuNDIgMCAwIDEtLjgwNi42MTUgMi4xOSAyLjE5IDAgMCAxLS45NTguMjA3SDIuNDlsLS40OS42MDF2MTQuODUxaDE1LjAxVjIuMjkzek00LjUwMyAxNC44OThjMC0uOTUuNDA4LTEuNDI1IDEuMjI4LTEuNDI1aDcuNTUzYy44MTggMCAxLjIyNi40NzMgMS4yMjYgMS40MjUgMCAuOTEyLS40MDggMS4zNjgtMS4yMjQgMS4zNjhINS43MjljLS44MTggMC0xLjIyNi0uNDU2LTEuMjI2LTEuMzY4em04Ljc4MSA0LjE2MmMuMzYxIDAgLjY1NS4xNDcuODg0LjQzOC4yMjIuMjY5LjM0NC42MjIuMzQ0Ljk4N3MtLjEyMy43MTgtLjM0NC45ODdhMS4xOSAxLjE5IDAgMCAxLS40MDYuMjkzYy0uMTUyLjA2Ni0uMzE0LjA5Ni0uNDc3LjA4OUg1LjczYy0uMTYzLjAwNy0uMzI1LS4wMjQtLjQ3Ny0uMDlhMS4xOSAxLjE5IDAgMCAxLS40MDYtLjI5NGMtLjIyMS0uMjY5LS4zNDMtLjYyLS4zNDMtLjk4NXMuMTIyLS43MTYuMzQzLS45ODVjLjEwOS0uMTQyLjI0NC0uMjU2LjM5Ny0uMzMxYTEuMDIgMS4wMiAwIDAgMSAuNDg2LS4xMDd6Ii8+JiN4YTs8L3N2Zz4=;strokeColor=none;',
  },
  _width: 20,
  _height: 28,
}

Document Non-SAP

Preview

Usage

import { DocumentNonSap } from '@dinghy/diagrams/entitiesSapGenericIcons'

<DocumentNonSap/>

// or

import { extendStyle } from "@dinghy/base-components";
import { DOCUMENT_NON_SAP } from '@dinghy/diagrams/entitiesSapGenericIcons'

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

Definition

{
  _style: {
    entity: 'shape=image;editableCssRules=.*;verticalLabelPosition=bottom;labelBackgroundColor=default;verticalAlign=top;aspect=fixed;imageAspect=0;image=data:image/svg+xml,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9Ii0wLjUgLTAuNSAyMC4wMTUgMjgiIGhlaWdodD0iMjgiIHdpZHRoPSIyMC4wMTUiPiYjeGE7CSAgPHN0eWxlIHR5cGU9InRleHQvY3NzIj4uc3QwIHsgc3RvcC1jb2xvcjogcmdiKDkxLCAxMTUsIDEzOSk7IH0gLnN0MSB7IHN0b3AtY29sb3I6IHJnYigzNCwgNTMsIDcyKTsgfSA8L3N0eWxlPiYjeGE7CTxkZWZzPiYjeGE7CQk8bGluZWFyR3JhZGllbnQgZ3JhZGllbnRVbml0cz0idXNlclNwYWNlT25Vc2UiIHkyPSIxOC4zMzYiIHgyPSIyMS43MDYiIHkxPSIzLjQ3NCIgeDE9IjEuMzE1IiBpZD0iQSI+JiN4YTsJCQk8c3RvcCBjbGFzcz0ic3QwIi8+JiN4YTsJCQk8c3RvcCBjbGFzcz0ic3QxIiBvZmZzZXQ9IjEiLz4mI3hhOwkJPC9saW5lYXJHcmFkaWVudD4mI3hhOwk8L2RlZnM+JiN4YTsJPHBhdGggZmlsbD0idXJsKCNBKSIgZD0iTTE5LjE3LS4xMTZhMS4zNiAxLjM2IDAgMCAxIC4yNjMuNDU0Yy4wNTkuMTcuMDg3LjM1MS4wOC41MzN2MjUuMjAzYzAgLjM2Ni0uMTIyLjcxOC0uMzQ0Ljk4N2ExLjE0IDEuMTQgMCAwIDEtLjM5Ny4zMzEgMS4wMiAxLjAyIDAgMCAxLS40ODYuMTA3SC43MjZhMS4wMiAxLjAyIDAgMCAxLS40ODYtLjEwNyAxLjE0IDEuMTQgMCAwIDEtLjM5Ny0uMzMxYy0uMjIxLS4yNjktLjM0NC0uNjIyLS4zNDQtLjk4N1Y5LjI1NmMwLS4zNjYuMTE1LS42NzcuMzQ0LS45MzNMNy4zNDktLjExNmMuMjQxLS4yNDcuNTU2LS4zODQuODg0LS4zODRoMTAuMDU2YTEuMTMgMS4xMyAwIDAgMSAuODgyLjM4NHptLTIuMTU4IDIuNDExSDguNzcxbC0uNTM4LjU0OXYzLjYxNWEyLjg1IDIuODUgMCAwIDEtLjczOCAxLjk3MyAyLjQyIDIuNDIgMCAwIDEtLjgwNi42MTUgMi4xOSAyLjE5IDAgMCAxLS45NTguMjA3SDIuNDlsLS40OS42MDF2MTQuODUxaDE1LjAxVjIuMjkzek00LjUwMyAxNC44OThjMC0uOTUuNDA4LTEuNDI1IDEuMjI4LTEuNDI1aDcuNTUzYy44MTggMCAxLjIyNi40NzMgMS4yMjYgMS40MjUgMCAuOTEyLS40MDggMS4zNjgtMS4yMjQgMS4zNjhINS43MjljLS44MTggMC0xLjIyNi0uNDU2LTEuMjI2LTEuMzY4em04Ljc4MSA0LjE2MmMuMzYxIDAgLjY1NS4xNDcuODg0LjQzOC4yMjIuMjY5LjM0NC42MjIuMzQ0Ljk4N3MtLjEyMy43MTgtLjM0NC45ODdhMS4xOSAxLjE5IDAgMCAxLS40MDYuMjkzYy0uMTUyLjA2Ni0uMzE0LjA5Ni0uNDc3LjA4OUg1LjczYy0uMTYzLjAwNy0uMzI1LS4wMjQtLjQ3Ny0uMDlhMS4xOSAxLjE5IDAgMCAxLS40MDYtLjI5NGMtLjIyMS0uMjY5LS4zNDMtLjYyLS4zNDMtLjk4NXMuMTIyLS43MTYuMzQzLS45ODVjLjEwOS0uMTQyLjI0NC0uMjU2LjM5Ny0uMzMxYTEuMDIgMS4wMiAwIDAgMSAuNDg2LS4xMDd6Ii8+JiN4YTs8L3N2Zz4=;strokeColor=none;',
  },
  _width: 20,
  _height: 28,
}

Document SAP

Preview

Usage

import { DocumentSap } from '@dinghy/diagrams/entitiesSapGenericIcons'

<DocumentSap/>

// or

import { extendStyle } from "@dinghy/base-components";
import { DOCUMENT_SAP } from '@dinghy/diagrams/entitiesSapGenericIcons'

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

Definition

{
  _style: {
    entity: 'shape=image;editableCssRules=.*;verticalLabelPosition=bottom;labelBackgroundColor=default;verticalAlign=top;aspect=fixed;imageAspect=0;image=data:image/svg+xml,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9Ii0wLjUgLTAuNSAyMC4wMTUgMjgiIGhlaWdodD0iMjgiIHdpZHRoPSIyMC4wMTUiPiYjeGE7CSAgPHN0eWxlIHR5cGU9InRleHQvY3NzIj4uc3QwIHsgc3RvcC1jb2xvcjogcmdiKDM1LCAxNDksIDI1NSk7IH0gLnN0MSB7IHN0b3AtY29sb3I6IHJnYigwLCA4NywgMjEwKTsgfSA8L3N0eWxlPiYjeGE7CTxkZWZzPiYjeGE7CQk8bGluZWFyR3JhZGllbnQgZ3JhZGllbnRVbml0cz0idXNlclNwYWNlT25Vc2UiIHkyPSIxOC4zMzYiIHgyPSIyMS43MDYiIHkxPSIzLjQ3NCIgeDE9IjEuMzE1IiBpZD0iQSI+JiN4YTsJCQk8c3RvcCBjbGFzcz0ic3QwIi8+JiN4YTsJCQk8c3RvcCBjbGFzcz0ic3QxIiBvZmZzZXQ9IjEiLz4mI3hhOwkJPC9saW5lYXJHcmFkaWVudD4mI3hhOwk8L2RlZnM+JiN4YTsJPHBhdGggZmlsbD0idXJsKCNBKSIgZD0iTTE5LjE3LS4xMTZhMS4zNiAxLjM2IDAgMCAxIC4yNjMuNDU0Yy4wNTkuMTcuMDg3LjM1MS4wOC41MzN2MjUuMjAzYzAgLjM2Ni0uMTIyLjcxOC0uMzQ0Ljk4N2ExLjE0IDEuMTQgMCAwIDEtLjM5Ny4zMzEgMS4wMiAxLjAyIDAgMCAxLS40ODYuMTA3SC43MjZhMS4wMiAxLjAyIDAgMCAxLS40ODYtLjEwNyAxLjE0IDEuMTQgMCAwIDEtLjM5Ny0uMzMxYy0uMjIxLS4yNjktLjM0NC0uNjIyLS4zNDQtLjk4N1Y5LjI1NmMwLS4zNjYuMTE1LS42NzcuMzQ0LS45MzNMNy4zNDktLjExNmMuMjQxLS4yNDcuNTU2LS4zODQuODg0LS4zODRoMTAuMDU2YTEuMTMgMS4xMyAwIDAgMSAuODgyLjM4NHptLTIuMTU4IDIuNDExSDguNzcxbC0uNTM4LjU0OXYzLjYxNWEyLjg1IDIuODUgMCAwIDEtLjczOCAxLjk3MyAyLjQyIDIuNDIgMCAwIDEtLjgwNi42MTUgMi4xOSAyLjE5IDAgMCAxLS45NTguMjA3SDIuNDlsLS40OS42MDF2MTQuODUxaDE1LjAxVjIuMjkzek00LjUwMyAxNC44OThjMC0uOTUuNDA4LTEuNDI1IDEuMjI4LTEuNDI1aDcuNTUzYy44MTggMCAxLjIyNi40NzMgMS4yMjYgMS40MjUgMCAuOTEyLS40MDggMS4zNjgtMS4yMjQgMS4zNjhINS43MjljLS44MTggMC0xLjIyNi0uNDU2LTEuMjI2LTEuMzY4em04Ljc4MSA0LjE2MmMuMzYxIDAgLjY1NS4xNDcuODg0LjQzOC4yMjIuMjY5LjM0NC42MjIuMzQ0Ljk4N3MtLjEyMy43MTgtLjM0NC45ODdhMS4xOSAxLjE5IDAgMCAxLS40MDYuMjkzYy0uMTUyLjA2Ni0uMzE0LjA5Ni0uNDc3LjA4OUg1LjczYy0uMTYzLjAwNy0uMzI1LS4wMjQtLjQ3Ny0uMDlhMS4xOSAxLjE5IDAgMCAxLS40MDYtLjI5NGMtLjIyMS0uMjY5LS4zNDMtLjYyLS4zNDMtLjk4NXMuMTIyLS43MTYuMzQzLS45ODVjLjEwOS0uMTQyLjI0NC0uMjU2LjM5Ny0uMzMxYTEuMDIgMS4wMiAwIDAgMSAuNDg2LS4xMDd6Ii8+JiN4YTs8L3N2Zz4=;strokeColor=none;',
  },
  _width: 20,
  _height: 28,
}

Documents Highlight

Preview

Usage

import { DocumentsHighlight } from '@dinghy/diagrams/entitiesSapGenericIcons'

<DocumentsHighlight/>

// or

import { extendStyle } from "@dinghy/base-components";
import { DOCUMENTS_HIGHLIGHT } from '@dinghy/diagrams/entitiesSapGenericIcons'

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

Definition

{
  _style: {
    entity: 'shape=image;editableCssRules=.*;verticalLabelPosition=bottom;labelBackgroundColor=default;verticalAlign=top;aspect=fixed;imageAspect=0;image=data:image/svg+xml,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9Ii0wLjUgLTAuNSAyNy45OTkgMjgiIGhlaWdodD0iMjgiIHdpZHRoPSIyNy45OTkiPiYjeGE7CSAgPHN0eWxlIHR5cGU9InRleHQvY3NzIj4mI3hhOwkJLnN0MHtzdG9wLWNvbG9yOiMwMGNlYWM7fSYjeGE7CQkuc3Qxe3N0b3AtY29sb3I6IzA3ODM4Zjt9JiN4YTsJICA8L3N0eWxlPiYjeGE7CTxkZWZzPiYjeGE7CQk8bGluZWFyR3JhZGllbnQgZ3JhZGllbnRVbml0cz0idXNlclNwYWNlT25Vc2UiIHkyPSIyNS4zMDgiIHgyPSIyMy40NTQiIHkxPSIzLjQ3NCIgeDE9IjIuMDM5IiBpZD0iQSI+JiN4YTsJCQk8c3RvcCBjbGFzcz0ic3QwIi8+JiN4YTsJCQk8c3RvcCBjbGFzcz0ic3QxIiBvZmZzZXQ9IjEiLz4mI3hhOwkJPC9saW5lYXJHcmFkaWVudD4mI3hhOwk8L2RlZnM+JiN4YTsJPHBhdGggZmlsbD0idXJsKCNBKSIgZD0iTTI3LjA2MS0uMDYxYy4yOTMuMjkzLjQzOC42MDMuNDM4LjkzMXYyNS4yMDRhMS40NiAxLjQ2IDAgMCAxLS4zODQuOTg3Yy0uMjU2LjI5MS0uNjAzLjQzOC0xLjA0MS40MzhINi41MTNjLS40MzggMC0uNzg1LS4xNDctMS4wNC0uNDM4YTEuNDYgMS40NiAwIDAgMS0uMzg2LS45ODdWOS4zMDljMC0uMzY2LjE0Ny0uNjk0LjQzOC0uOTg3bDguMzg0LTguMzgzYTEuMjUgMS4yNSAwIDAgMSAuOTg3LS40MzhoMTEuMTc2Yy40MDMgMCAuNzMxLjE0Ni45ODcuNDM4em0tMi4zNTcgMi4zNTZoLTkuMjU5bC0uNTQ5LjU0N3YzLjY3MWEyLjY5IDIuNjkgMCAwIDEtLjgyMSAxLjk3MyAyLjY5IDIuNjkgMCAwIDEtMS45NzMuODIySDguNDMxbC0uNTQ5LjU0N3YxNC44NDloMTYuODIxek0xMC42NzcgMTQuODk3YzAtLjQwMi4xMjgtLjcyOS4zODQtLjk4NS4yNTYtLjI5My42MDMtLjQzOCAxLjA0Mi0uNDM4aDguMzgzYy40MDMgMCAuNzMxLjE0Ni45ODcuNDM4LjI5MS4yNTYuNDM4LjU4NC40MzguOTg1cy0uMTQ3LjczMS0uNDM4Ljk4N2MtLjEzLjEyOC0uMjg0LjIyOC0uNDU0LjI5NHMtLjM1MS4wOTctLjUzMy4wOWgtOC4zODNjLS45NSAwLTEuNDI1LS40NTYtMS40MjUtMS4zNzF6bTkuODA4IDQuMjE5Yy40MDMgMCAuNzMxLjE0Ny45ODcuNDM4LjEzOC4xMTMuMjQ5LjI1NS4zMjUuNDE3YTEuMTkgMS4xOSAwIDAgMSAuMTEzLjUxNiAxLjM2IDEuMzYgMCAwIDEtLjQzOC45ODUgMS4yNSAxLjI1IDAgMCAxLS45ODcuNDM4aC04LjM4M2MtLjQzOCAwLS43ODYtLjE0NS0xLjA0MS0uNDM4YTEuNDYgMS40NiAwIDAgMS0uMzg0LS45ODUgMS4yNiAxLjI2IDAgMCAxIC4zODQtLjkzMWMuMjU2LS4yOTMuNjAzLS40MzggMS4wNDEtLjQzOHpNOC44Ny0uMDYxYy4yOTMuMjkzLjQzOC42MjEuNDM4Ljk4NyAwIC4zMjgtLjE0Ni42MzgtLjQzOC45MjlMMi4yOTUgOC40M3YxNy42NDRhMS40NiAxLjQ2IDAgMCAxLS4zODQuOTg3Yy0uMjU2LjI5MS0uNjAxLjQzOC0xLjA0LjQzOGExLjI1IDEuMjUgMCAwIDEtLjU0My0uMTA3Yy0uMTcxLS4wNzYtLjMyMi0uMTg5LS40NDQtLjMzMWExLjQ2IDEuNDYgMCAwIDEtLjM4NC0uOTg3VjcuODgzYzAtLjQwMi4xNDctLjcyOS40MzgtLjk4NUw2Ljg5Ny0uMDYxYTEuMzYgMS4zNiAwIDAgMSAuOTg3LS40MzhjLjM2NSAwIC42OTMuMTQ2Ljk4NS40Mzh6Ii8+JiN4YTs8L3N2Zz4=;strokeColor=none;',
  },
  _original_width: 28,
  _original_height: 28,

}

Documents Non-SAP

Preview

Usage

import { DocumentsNonSap } from '@dinghy/diagrams/entitiesSapGenericIcons'

<DocumentsNonSap/>

// or

import { extendStyle } from "@dinghy/base-components";
import { DOCUMENTS_NON_SAP } from '@dinghy/diagrams/entitiesSapGenericIcons'

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

Definition

{
  _style: {
    entity: 'shape=image;editableCssRules=.*;verticalLabelPosition=bottom;labelBackgroundColor=default;verticalAlign=top;aspect=fixed;imageAspect=0;image=data:image/svg+xml,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9Ii0wLjUgLTAuNSAyNy45OTkgMjgiIGhlaWdodD0iMjgiIHdpZHRoPSIyNy45OTkiPiYjeGE7CSAgPHN0eWxlIHR5cGU9InRleHQvY3NzIj4uc3QwIHsgc3RvcC1jb2xvcjogcmdiKDkxLCAxMTUsIDEzOSk7IH0gLnN0MSB7IHN0b3AtY29sb3I6IHJnYigzNCwgNTMsIDcyKTsgfSA8L3N0eWxlPiYjeGE7CTxkZWZzPiYjeGE7CQk8bGluZWFyR3JhZGllbnQgZ3JhZGllbnRVbml0cz0idXNlclNwYWNlT25Vc2UiIHkyPSIyNS4zMDgiIHgyPSIyMy40NTQiIHkxPSIzLjQ3NCIgeDE9IjIuMDM5IiBpZD0iQSI+JiN4YTsJCQk8c3RvcCBjbGFzcz0ic3QwIi8+JiN4YTsJCQk8c3RvcCBjbGFzcz0ic3QxIiBvZmZzZXQ9IjEiLz4mI3hhOwkJPC9saW5lYXJHcmFkaWVudD4mI3hhOwk8L2RlZnM+JiN4YTsJPHBhdGggZmlsbD0idXJsKCNBKSIgZD0iTTI3LjA2MS0uMDYxYy4yOTMuMjkzLjQzOC42MDMuNDM4LjkzMXYyNS4yMDRhMS40NiAxLjQ2IDAgMCAxLS4zODQuOTg3Yy0uMjU2LjI5MS0uNjAzLjQzOC0xLjA0MS40MzhINi41MTNjLS40MzggMC0uNzg1LS4xNDctMS4wNC0uNDM4YTEuNDYgMS40NiAwIDAgMS0uMzg2LS45ODdWOS4zMDljMC0uMzY2LjE0Ny0uNjk0LjQzOC0uOTg3bDguMzg0LTguMzgzYTEuMjUgMS4yNSAwIDAgMSAuOTg3LS40MzhoMTEuMTc2Yy40MDMgMCAuNzMxLjE0Ni45ODcuNDM4em0tMi4zNTcgMi4zNTZoLTkuMjU5bC0uNTQ5LjU0N3YzLjY3MWEyLjY5IDIuNjkgMCAwIDEtLjgyMSAxLjk3MyAyLjY5IDIuNjkgMCAwIDEtMS45NzMuODIySDguNDMxbC0uNTQ5LjU0N3YxNC44NDloMTYuODIxek0xMC42NzcgMTQuODk3YzAtLjQwMi4xMjgtLjcyOS4zODQtLjk4NS4yNTYtLjI5My42MDMtLjQzOCAxLjA0Mi0uNDM4aDguMzgzYy40MDMgMCAuNzMxLjE0Ni45ODcuNDM4LjI5MS4yNTYuNDM4LjU4NC40MzguOTg1cy0uMTQ3LjczMS0uNDM4Ljk4N2MtLjEzLjEyOC0uMjg0LjIyOC0uNDU0LjI5NHMtLjM1MS4wOTctLjUzMy4wOWgtOC4zODNjLS45NSAwLTEuNDI1LS40NTYtMS40MjUtMS4zNzF6bTkuODA4IDQuMjE5Yy40MDMgMCAuNzMxLjE0Ny45ODcuNDM4LjEzOC4xMTMuMjQ5LjI1NS4zMjUuNDE3YTEuMTkgMS4xOSAwIDAgMSAuMTEzLjUxNiAxLjM2IDEuMzYgMCAwIDEtLjQzOC45ODUgMS4yNSAxLjI1IDAgMCAxLS45ODcuNDM4aC04LjM4M2MtLjQzOCAwLS43ODYtLjE0NS0xLjA0MS0uNDM4YTEuNDYgMS40NiAwIDAgMS0uMzg0LS45ODUgMS4yNiAxLjI2IDAgMCAxIC4zODQtLjkzMWMuMjU2LS4yOTMuNjAzLS40MzggMS4wNDEtLjQzOHpNOC44Ny0uMDYxYy4yOTMuMjkzLjQzOC42MjEuNDM4Ljk4NyAwIC4zMjgtLjE0Ni42MzgtLjQzOC45MjlMMi4yOTUgOC40M3YxNy42NDRhMS40NiAxLjQ2IDAgMCAxLS4zODQuOTg3Yy0uMjU2LjI5MS0uNjAxLjQzOC0xLjA0LjQzOGExLjI1IDEuMjUgMCAwIDEtLjU0My0uMTA3Yy0uMTcxLS4wNzYtLjMyMi0uMTg5LS40NDQtLjMzMWExLjQ2IDEuNDYgMCAwIDEtLjM4NC0uOTg3VjcuODgzYzAtLjQwMi4xNDctLjcyOS40MzgtLjk4NUw2Ljg5Ny0uMDYxYTEuMzYgMS4zNiAwIDAgMSAuOTg3LS40MzhjLjM2NSAwIC42OTMuMTQ2Ljk4NS40Mzh6Ii8+JiN4YTs8L3N2Zz4=;strokeColor=none;',
  },
  _original_width: 28,
  _original_height: 28,

}

Documents SAP

Preview

Usage

import { DocumentsSap } from '@dinghy/diagrams/entitiesSapGenericIcons'

<DocumentsSap/>

// or

import { extendStyle } from "@dinghy/base-components";
import { DOCUMENTS_SAP } from '@dinghy/diagrams/entitiesSapGenericIcons'

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

Definition

{
  _style: {
    entity: 'shape=image;editableCssRules=.*;verticalLabelPosition=bottom;labelBackgroundColor=default;verticalAlign=top;aspect=fixed;imageAspect=0;image=data:image/svg+xml,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9Ii0wLjUgLTAuNSAyNy45OTkgMjgiIGhlaWdodD0iMjgiIHdpZHRoPSIyNy45OTkiPiYjeGE7CSAgPHN0eWxlIHR5cGU9InRleHQvY3NzIj4uc3QwIHsgc3RvcC1jb2xvcjogcmdiKDM1LCAxNDksIDI1NSk7IH0gLnN0MSB7IHN0b3AtY29sb3I6IHJnYigwLCA4NywgMjEwKTsgfSA8L3N0eWxlPiYjeGE7CTxkZWZzPiYjeGE7CQk8bGluZWFyR3JhZGllbnQgZ3JhZGllbnRVbml0cz0idXNlclNwYWNlT25Vc2UiIHkyPSIyNS4zMDgiIHgyPSIyMy40NTQiIHkxPSIzLjQ3NCIgeDE9IjIuMDM5IiBpZD0iQSI+JiN4YTsJCQk8c3RvcCBjbGFzcz0ic3QwIi8+JiN4YTsJCQk8c3RvcCBjbGFzcz0ic3QxIiBvZmZzZXQ9IjEiLz4mI3hhOwkJPC9saW5lYXJHcmFkaWVudD4mI3hhOwk8L2RlZnM+JiN4YTsJPHBhdGggZmlsbD0idXJsKCNBKSIgZD0iTTI3LjA2MS0uMDYxYy4yOTMuMjkzLjQzOC42MDMuNDM4LjkzMXYyNS4yMDRhMS40NiAxLjQ2IDAgMCAxLS4zODQuOTg3Yy0uMjU2LjI5MS0uNjAzLjQzOC0xLjA0MS40MzhINi41MTNjLS40MzggMC0uNzg1LS4xNDctMS4wNC0uNDM4YTEuNDYgMS40NiAwIDAgMS0uMzg2LS45ODdWOS4zMDljMC0uMzY2LjE0Ny0uNjk0LjQzOC0uOTg3bDguMzg0LTguMzgzYTEuMjUgMS4yNSAwIDAgMSAuOTg3LS40MzhoMTEuMTc2Yy40MDMgMCAuNzMxLjE0Ni45ODcuNDM4em0tMi4zNTcgMi4zNTZoLTkuMjU5bC0uNTQ5LjU0N3YzLjY3MWEyLjY5IDIuNjkgMCAwIDEtLjgyMSAxLjk3MyAyLjY5IDIuNjkgMCAwIDEtMS45NzMuODIySDguNDMxbC0uNTQ5LjU0N3YxNC44NDloMTYuODIxek0xMC42NzcgMTQuODk3YzAtLjQwMi4xMjgtLjcyOS4zODQtLjk4NS4yNTYtLjI5My42MDMtLjQzOCAxLjA0Mi0uNDM4aDguMzgzYy40MDMgMCAuNzMxLjE0Ni45ODcuNDM4LjI5MS4yNTYuNDM4LjU4NC40MzguOTg1cy0uMTQ3LjczMS0uNDM4Ljk4N2MtLjEzLjEyOC0uMjg0LjIyOC0uNDU0LjI5NHMtLjM1MS4wOTctLjUzMy4wOWgtOC4zODNjLS45NSAwLTEuNDI1LS40NTYtMS40MjUtMS4zNzF6bTkuODA4IDQuMjE5Yy40MDMgMCAuNzMxLjE0Ny45ODcuNDM4LjEzOC4xMTMuMjQ5LjI1NS4zMjUuNDE3YTEuMTkgMS4xOSAwIDAgMSAuMTEzLjUxNiAxLjM2IDEuMzYgMCAwIDEtLjQzOC45ODUgMS4yNSAxLjI1IDAgMCAxLS45ODcuNDM4aC04LjM4M2MtLjQzOCAwLS43ODYtLjE0NS0xLjA0MS0uNDM4YTEuNDYgMS40NiAwIDAgMS0uMzg0LS45ODUgMS4yNiAxLjI2IDAgMCAxIC4zODQtLjkzMWMuMjU2LS4yOTMuNjAzLS40MzggMS4wNDEtLjQzOHpNOC44Ny0uMDYxYy4yOTMuMjkzLjQzOC42MjEuNDM4Ljk4NyAwIC4zMjgtLjE0Ni42MzgtLjQzOC45MjlMMi4yOTUgOC40M3YxNy42NDRhMS40NiAxLjQ2IDAgMCAxLS4zODQuOTg3Yy0uMjU2LjI5MS0uNjAxLjQzOC0xLjA0LjQzOGExLjI1IDEuMjUgMCAwIDEtLjU0My0uMTA3Yy0uMTcxLS4wNzYtLjMyMi0uMTg5LS40NDQtLjMzMWExLjQ2IDEuNDYgMCAwIDEtLjM4NC0uOTg3VjcuODgzYzAtLjQwMi4xNDctLjcyOS40MzgtLjk4NUw2Ljg5Ny0uMDYxYTEuMzYgMS4zNiAwIDAgMSAuOTg3LS40MzhjLjM2NSAwIC42OTMuMTQ2Ljk4NS40Mzh6Ii8+JiN4YTs8L3N2Zz4=;strokeColor=none;',
  },
  _original_width: 28,
  _original_height: 28,

}

Event Highlight

Preview

Usage

import { EventHighlight } from '@dinghy/diagrams/entitiesSapGenericIcons'

<EventHighlight/>

// or

import { extendStyle } from "@dinghy/base-components";
import { EVENT_HIGHLIGHT } from '@dinghy/diagrams/entitiesSapGenericIcons'

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

Definition

{
  _style: {
    entity: 'shape=image;editableCssRules=.*;verticalLabelPosition=bottom;labelBackgroundColor=default;verticalAlign=top;aspect=fixed;imageAspect=0;image=data:image/svg+xml,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9Ii0wLjUgLTAuNSAyOC4xNTUgMjgiIGhlaWdodD0iMjgiIHdpZHRoPSIyOC4xNTUiPiYjeGE7CSAgPHN0eWxlIHR5cGU9InRleHQvY3NzIj4mI3hhOwkJLnN0MHtzdG9wLWNvbG9yOiMwMGNlYWM7fSYjeGE7CQkuc3Qxe3N0b3AtY29sb3I6IzA3ODM4Zjt9JiN4YTsJICA8L3N0eWxlPiYjeGE7CTxkZWZzPiYjeGE7CQk8bGluZWFyR3JhZGllbnQgZ3JhZGllbnRVbml0cz0idXNlclNwYWNlT25Vc2UiIHkyPSIyNS40MjgiIHgyPSIyMy40NjYiIHkxPSIzLjQ3NCIgeDE9IjIuMDUzIiBpZD0iQSI+JiN4YTsJCQk8c3RvcCBjbGFzcz0ic3QwIi8+JiN4YTsJCQk8c3RvcCBjbGFzcz0ic3QxIiBvZmZzZXQ9IjEiLz4mI3hhOwkJPC9saW5lYXJHcmFkaWVudD4mI3hhOwk8L2RlZnM+JiN4YTsJPHBhdGggZmlsbD0idXJsKCNBKSIgZD0iTTguOTEgOC40MzljLS42NzguMTgxLTEuMTMuNTUzLTEuNDMzIDEuMTY3bC0uMjA5LjQxNnY2Ljk2MmwuMTc2LjM2N2EyLjE3IDIuMTcgMCAwIDAgMS40ODggMS4yMjJjLjQ3NC4xMiA4LjgxNy4xMiA5LjI5MSAwYTIuMTcgMi4xNyAwIDAgMCAxLjQ4OC0xLjIyMmwuMTc2LS4zNjd2LTYuOTYybC0uMjA5LS40MTZhMi4wOCAyLjA4IDAgMCAwLTEuNDU1LTEuMTY3Yy0uNDU3LS4xMi04Ljg3Mi0uMTE1LTkuMzEzIDB6bTcuMjg1IDIuMTI1Yy0uMDYxLjA0NC0uNjk0LjQyNy0xLjQxMS44NTRsLTEuMjk1Ljc3OC0xLjM1LS44MzMtMS4zNjctLjg0OWMtLjAxMS0uMDExIDEuMjIzLS4wMjIgMi43NTUtLjAyMmwyLjY2Ny4wNzF6bTEuNTk4IDUuODgzYy0uMDM5LjEwNC04LjM5Mi4xMDQtOC40MzEgMC0uMDE3LS4wMzMtLjAyMi0xLjAyNC0uMDE3LTIuMTkxbC4wMTctMi4xMjUgMS41OTguOTkxYzEuODI5IDEuMTM0IDIuMDc3IDEuMjM4IDIuNzYxIDEuMTg5LjU0LS4wMzguNjk0LS4xMTUgMi41MjktMS4yNmwxLjU0My0uOTU5LjAxNyAyLjE0Mi0uMDE3IDIuMjEzek0xMi41MDMtLjQ4NEM4LjkxNi0uMTE3IDYuMDA2IDEuMjIgMy42MDkgMy41OTcgMS4zODMgNS44MS4wMzMgOC41NDktLjQzIDExLjc4MWMtLjA5NC42NDYtLjA5NCAyLjgwNSAwIDMuNDUxLjQ2MyAzLjIzMiAxLjgxMyA1Ljk3MSA0LjAzOSA4LjE4NHM0Ljk4MSAzLjU1NSA4LjIzMiA0LjAxNWMuNjUuMDkzIDIuODIxLjA5MyAzLjQ3MiAwIDMuMjUxLS40NiA2LjAwNi0xLjgwMiA4LjIzMy00LjAxNXMzLjU3Ni00Ljk1MiA0LjAzOS04LjE4NGMuMDk0LS42NDYuMDk0LTIuODA0IDAtMy40NTEtLjQ2My0zLjIzMi0xLjgxMy01Ljk3MS00LjAzOS04LjE4NC0yLjE3MS0yLjE1OC00Ljg3MS0zLjUtNy45ODUtMy45NzdhMjQuMjYgMjQuMjYgMCAwIDAtMy4wNTgtLjEwNHptMi44NzEgMi45MmM0LjgxMS43ODkgOC41MTkgNC40ODYgOS4zNDYgOS4zMTdhMTIuNDUgMTIuNDUgMCAwIDEgMCAzLjUwNmMtLjgyNiA0Ljg0Mi00LjUwNyA4LjUwMS05LjM3OSA5LjMyM2ExMi42OCAxMi42OCAwIDAgMS0zLjUyNyAwYy00Ljg3MS0uODIyLTguNTUyLTQuNDgxLTkuMzc5LTkuMzIzLS4xNjUtLjk2OS0uMTY1LTIuNTM2IDAtMy41MDYuNDA4LTIuMzk0IDEuNDg4LTQuNDgxIDMuMTgtNi4xNjIgMS44NjgtMS44NjIgNC4yMzItMi45NjkgNi45NDMtMy4yNTkuNjU2LS4wNzEgMi4wNTUtLjAxNiAyLjgxNi4xMDR6Ii8+JiN4YTs8L3N2Zz4=;strokeColor=none;',
  },
  _original_width: 28,
  _original_height: 28,

}

Event Non-SAP

Preview

Usage

import { EventNonSap } from '@dinghy/diagrams/entitiesSapGenericIcons'

<EventNonSap/>

// or

import { extendStyle } from "@dinghy/base-components";
import { EVENT_NON_SAP } from '@dinghy/diagrams/entitiesSapGenericIcons'

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

Definition

{
  _style: {
    entity: 'shape=image;editableCssRules=.*;verticalLabelPosition=bottom;labelBackgroundColor=default;verticalAlign=top;aspect=fixed;imageAspect=0;image=data:image/svg+xml,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9Ii0wLjUgLTAuNSAyOC4xNTUgMjgiIGhlaWdodD0iMjgiIHdpZHRoPSIyOC4xNTUiPiYjeGE7CSAgPHN0eWxlIHR5cGU9InRleHQvY3NzIj4uc3QwIHsgc3RvcC1jb2xvcjogcmdiKDkxLCAxMTUsIDEzOSk7IH0gLnN0MSB7IHN0b3AtY29sb3I6IHJnYigzNCwgNTMsIDcyKTsgfSA8L3N0eWxlPiYjeGE7CTxkZWZzPiYjeGE7CQk8bGluZWFyR3JhZGllbnQgZ3JhZGllbnRVbml0cz0idXNlclNwYWNlT25Vc2UiIHkyPSIyNS40MjgiIHgyPSIyMy40NjYiIHkxPSIzLjQ3NCIgeDE9IjIuMDUzIiBpZD0iQSI+JiN4YTsJCQk8c3RvcCBjbGFzcz0ic3QwIi8+JiN4YTsJCQk8c3RvcCBjbGFzcz0ic3QxIiBvZmZzZXQ9IjEiLz4mI3hhOwkJPC9saW5lYXJHcmFkaWVudD4mI3hhOwk8L2RlZnM+JiN4YTsJPHBhdGggZmlsbD0idXJsKCNBKSIgZD0iTTguOTEgOC40MzljLS42NzguMTgxLTEuMTMuNTUzLTEuNDMzIDEuMTY3bC0uMjA5LjQxNnY2Ljk2MmwuMTc2LjM2N2EyLjE3IDIuMTcgMCAwIDAgMS40ODggMS4yMjJjLjQ3NC4xMiA4LjgxNy4xMiA5LjI5MSAwYTIuMTcgMi4xNyAwIDAgMCAxLjQ4OC0xLjIyMmwuMTc2LS4zNjd2LTYuOTYybC0uMjA5LS40MTZhMi4wOCAyLjA4IDAgMCAwLTEuNDU1LTEuMTY3Yy0uNDU3LS4xMi04Ljg3Mi0uMTE1LTkuMzEzIDB6bTcuMjg1IDIuMTI1Yy0uMDYxLjA0NC0uNjk0LjQyNy0xLjQxMS44NTRsLTEuMjk1Ljc3OC0xLjM1LS44MzMtMS4zNjctLjg0OWMtLjAxMS0uMDExIDEuMjIzLS4wMjIgMi43NTUtLjAyMmwyLjY2Ny4wNzF6bTEuNTk4IDUuODgzYy0uMDM5LjEwNC04LjM5Mi4xMDQtOC40MzEgMC0uMDE3LS4wMzMtLjAyMi0xLjAyNC0uMDE3LTIuMTkxbC4wMTctMi4xMjUgMS41OTguOTkxYzEuODI5IDEuMTM0IDIuMDc3IDEuMjM4IDIuNzYxIDEuMTg5LjU0LS4wMzguNjk0LS4xMTUgMi41MjktMS4yNmwxLjU0My0uOTU5LjAxNyAyLjE0Mi0uMDE3IDIuMjEzek0xMi41MDMtLjQ4NEM4LjkxNi0uMTE3IDYuMDA2IDEuMjIgMy42MDkgMy41OTcgMS4zODMgNS44MS4wMzMgOC41NDktLjQzIDExLjc4MWMtLjA5NC42NDYtLjA5NCAyLjgwNSAwIDMuNDUxLjQ2MyAzLjIzMiAxLjgxMyA1Ljk3MSA0LjAzOSA4LjE4NHM0Ljk4MSAzLjU1NSA4LjIzMiA0LjAxNWMuNjUuMDkzIDIuODIxLjA5MyAzLjQ3MiAwIDMuMjUxLS40NiA2LjAwNi0xLjgwMiA4LjIzMy00LjAxNXMzLjU3Ni00Ljk1MiA0LjAzOS04LjE4NGMuMDk0LS42NDYuMDk0LTIuODA0IDAtMy40NTEtLjQ2My0zLjIzMi0xLjgxMy01Ljk3MS00LjAzOS04LjE4NC0yLjE3MS0yLjE1OC00Ljg3MS0zLjUtNy45ODUtMy45NzdhMjQuMjYgMjQuMjYgMCAwIDAtMy4wNTgtLjEwNHptMi44NzEgMi45MmM0LjgxMS43ODkgOC41MTkgNC40ODYgOS4zNDYgOS4zMTdhMTIuNDUgMTIuNDUgMCAwIDEgMCAzLjUwNmMtLjgyNiA0Ljg0Mi00LjUwNyA4LjUwMS05LjM3OSA5LjMyM2ExMi42OCAxMi42OCAwIDAgMS0zLjUyNyAwYy00Ljg3MS0uODIyLTguNTUyLTQuNDgxLTkuMzc5LTkuMzIzLS4xNjUtLjk2OS0uMTY1LTIuNTM2IDAtMy41MDYuNDA4LTIuMzk0IDEuNDg4LTQuNDgxIDMuMTgtNi4xNjIgMS44NjgtMS44NjIgNC4yMzItMi45NjkgNi45NDMtMy4yNTkuNjU2LS4wNzEgMi4wNTUtLjAxNiAyLjgxNi4xMDR6Ii8+JiN4YTs8L3N2Zz4=;strokeColor=none;',
  },
  _original_width: 28,
  _original_height: 28,

}

Event SAP

Preview

Usage

import { EventSap } from '@dinghy/diagrams/entitiesSapGenericIcons'

<EventSap/>

// or

import { extendStyle } from "@dinghy/base-components";
import { EVENT_SAP } from '@dinghy/diagrams/entitiesSapGenericIcons'

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

Definition

{
  _style: {
    entity: 'shape=image;editableCssRules=.*;verticalLabelPosition=bottom;labelBackgroundColor=default;verticalAlign=top;aspect=fixed;imageAspect=0;image=data:image/svg+xml,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9Ii0wLjUgLTAuNSAyOC4xNTUgMjgiIGhlaWdodD0iMjgiIHdpZHRoPSIyOC4xNTUiPiYjeGE7CSAgPHN0eWxlIHR5cGU9InRleHQvY3NzIj4uc3QwIHsgc3RvcC1jb2xvcjogcmdiKDM1LCAxNDksIDI1NSk7IH0gLnN0MSB7IHN0b3AtY29sb3I6IHJnYigwLCA4NywgMjEwKTsgfSA8L3N0eWxlPiYjeGE7CTxkZWZzPiYjeGE7CQk8bGluZWFyR3JhZGllbnQgZ3JhZGllbnRVbml0cz0idXNlclNwYWNlT25Vc2UiIHkyPSIyNS40MjgiIHgyPSIyMy40NjYiIHkxPSIzLjQ3NCIgeDE9IjIuMDUzIiBpZD0iQSI+JiN4YTsJCQk8c3RvcCBjbGFzcz0ic3QwIi8+JiN4YTsJCQk8c3RvcCBjbGFzcz0ic3QxIiBvZmZzZXQ9IjEiLz4mI3hhOwkJPC9saW5lYXJHcmFkaWVudD4mI3hhOwk8L2RlZnM+JiN4YTsJPHBhdGggZmlsbD0idXJsKCNBKSIgZD0iTTguOTEgOC40MzljLS42NzguMTgxLTEuMTMuNTUzLTEuNDMzIDEuMTY3bC0uMjA5LjQxNnY2Ljk2MmwuMTc2LjM2N2EyLjE3IDIuMTcgMCAwIDAgMS40ODggMS4yMjJjLjQ3NC4xMiA4LjgxNy4xMiA5LjI5MSAwYTIuMTcgMi4xNyAwIDAgMCAxLjQ4OC0xLjIyMmwuMTc2LS4zNjd2LTYuOTYybC0uMjA5LS40MTZhMi4wOCAyLjA4IDAgMCAwLTEuNDU1LTEuMTY3Yy0uNDU3LS4xMi04Ljg3Mi0uMTE1LTkuMzEzIDB6bTcuMjg1IDIuMTI1Yy0uMDYxLjA0NC0uNjk0LjQyNy0xLjQxMS44NTRsLTEuMjk1Ljc3OC0xLjM1LS44MzMtMS4zNjctLjg0OWMtLjAxMS0uMDExIDEuMjIzLS4wMjIgMi43NTUtLjAyMmwyLjY2Ny4wNzF6bTEuNTk4IDUuODgzYy0uMDM5LjEwNC04LjM5Mi4xMDQtOC40MzEgMC0uMDE3LS4wMzMtLjAyMi0xLjAyNC0uMDE3LTIuMTkxbC4wMTctMi4xMjUgMS41OTguOTkxYzEuODI5IDEuMTM0IDIuMDc3IDEuMjM4IDIuNzYxIDEuMTg5LjU0LS4wMzguNjk0LS4xMTUgMi41MjktMS4yNmwxLjU0My0uOTU5LjAxNyAyLjE0Mi0uMDE3IDIuMjEzek0xMi41MDMtLjQ4NEM4LjkxNi0uMTE3IDYuMDA2IDEuMjIgMy42MDkgMy41OTcgMS4zODMgNS44MS4wMzMgOC41NDktLjQzIDExLjc4MWMtLjA5NC42NDYtLjA5NCAyLjgwNSAwIDMuNDUxLjQ2MyAzLjIzMiAxLjgxMyA1Ljk3MSA0LjAzOSA4LjE4NHM0Ljk4MSAzLjU1NSA4LjIzMiA0LjAxNWMuNjUuMDkzIDIuODIxLjA5MyAzLjQ3MiAwIDMuMjUxLS40NiA2LjAwNi0xLjgwMiA4LjIzMy00LjAxNXMzLjU3Ni00Ljk1MiA0LjAzOS04LjE4NGMuMDk0LS42NDYuMDk0LTIuODA0IDAtMy40NTEtLjQ2My0zLjIzMi0xLjgxMy01Ljk3MS00LjAzOS04LjE4NC0yLjE3MS0yLjE1OC00Ljg3MS0zLjUtNy45ODUtMy45NzdhMjQuMjYgMjQuMjYgMCAwIDAtMy4wNTgtLjEwNHptMi44NzEgMi45MmM0LjgxMS43ODkgOC41MTkgNC40ODYgOS4zNDYgOS4zMTdhMTIuNDUgMTIuNDUgMCAwIDEgMCAzLjUwNmMtLjgyNiA0Ljg0Mi00LjUwNyA4LjUwMS05LjM3OSA5LjMyM2ExMi42OCAxMi42OCAwIDAgMS0zLjUyNyAwYy00Ljg3MS0uODIyLTguNTUyLTQuNDgxLTkuMzc5LTkuMzIzLS4xNjUtLjk2OS0uMTY1LTIuNTM2IDAtMy41MDYuNDA4LTIuMzk0IDEuNDg4LTQuNDgxIDMuMTgtNi4xNjIgMS44NjgtMS44NjIgNC4yMzItMi45NjkgNi45NDMtMy4yNTkuNjU2LS4wNzEgMi4wNTUtLjAxNiAyLjgxNi4xMDR6Ii8+JiN4YTs8L3N2Zz4=;strokeColor=none;',
  },
  _original_width: 28,
  _original_height: 28,

}

Factory Highlight

Preview

Usage

import { FactoryHighlight } from '@dinghy/diagrams/entitiesSapGenericIcons'

<FactoryHighlight/>

// or

import { extendStyle } from "@dinghy/base-components";
import { FACTORY_HIGHLIGHT } from '@dinghy/diagrams/entitiesSapGenericIcons'

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

Definition

{
  _style: {
    entity: 'shape=image;editableCssRules=.*;verticalLabelPosition=bottom;labelBackgroundColor=default;verticalAlign=top;aspect=fixed;imageAspect=0;image=data:image/svg+xml,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9Ii0wLjUgLTAuNSAyOCAyOCIgaGVpZ2h0PSIyOCIgd2lkdGg9IjI4Ij4mI3hhOwkgIDxzdHlsZSB0eXBlPSJ0ZXh0L2NzcyI+JiN4YTsJCS5zdDB7c3RvcC1jb2xvcjojMDBjZWFjO30mI3hhOwkJLnN0MXtzdG9wLWNvbG9yOiMwNzgzOGY7fSYjeGE7CSAgPC9zdHlsZT4mI3hhOwk8ZGVmcz4mI3hhOwkJPGxpbmVhckdyYWRpZW50IGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIiB5Mj0iMjUuMzA5IiB4Mj0iMjMuNDU0IiB5MT0iMy40NzQiIHgxPSIyLjAzOSIgaWQ9IkEiPiYjeGE7CQkJPHN0b3AgY2xhc3M9InN0MCIvPiYjeGE7CQkJPHN0b3AgY2xhc3M9InN0MSIgb2Zmc2V0PSIxIi8+JiN4YTsJCTwvbGluZWFyR3JhZGllbnQ+JiN4YTsJPC9kZWZzPiYjeGE7CTxwYXRoIGZpbGw9InVybCgjQSkiIGQ9Ik0yNi45OTYgMTIuNDIybC02LjY1LTUuNTE2YTEuNCAxLjQgMCAwIDAtMS40ODQtLjE5NmMtLjQ5LjIyNC0uNzk4LjcyOC0uNzk4IDEuMjc0djIuNTM0TDEzLjcxIDYuOTA2YTEuNCAxLjQgMCAwIDAtMS40ODQtLjE5NmMtLjQ5LjIyNC0uNzk4LjcyOC0uNzk4IDEuMjc0VjEyLjFIOC41ODZWLjljMC0uNzctLjYzLTEuNC0xLjQtMS40SC45Qy4xMy0uNS0uNS4xMy0uNS45djI1LjJjMCAuNzcuNjMgMS40IDEuNCAxLjRoMjUuMmMuNzcgMCAxLjQtLjYzIDEuNC0xLjRWMTMuNWExLjM5IDEuMzkgMCAwIDAtLjUwNC0xLjA3OHpNNS43NTggMjQuN0gyLjN2LTMuNWgzLjQ1OHptMC02LjNIMi4zdi0zLjVoMy40NTh6bTAtNi4zSDIuM1Y4LjgyNGgzLjQ1OHptMC02LjA3NkgyLjNWMi4zaDMuNDU4ek0yNC42ODYgMjQuN0g4LjU1OHYtMy41aDEuODQ4Yy43NyAwIDEuNC0uNjMgMS40LTEuNHMtLjYzLTEuNC0xLjQtMS40SDguNTU4di0zLjVIMTIuOGMuNzcgMCAxLjQtLjYzIDEuNC0xLjR2LTIuNTM0bDQuMzU0IDMuNjEyYTEuNCAxLjQgMCAwIDAgMS40ODQuMTk2Yy40OS0uMjI0Ljc5OC0uNzI4Ljc5OC0xLjI3NHYtMi41MzRsMy44NSAzLjE5MnptLTkuMzY2LTMuMTVhMS43NSAxLjc1IDAgMSAwIDAtMy41IDEuNzUgMS43NSAwIDEgMCAwIDMuNXptNi45My0xLjc1YTEuNzUgMS43NSAwIDEgMS0zLjUgMCAxLjc1IDEuNzUgMCAxIDEgMy41IDB6IiBmaWxsLXJ1bGU9ImV2ZW5vZGQiLz4mI3hhOzwvc3ZnPg==;strokeColor=none;',
  },
  _original_width: 28,
  _original_height: 28,

}

Factory Non-SAP

Preview

Usage

import { FactoryNonSap } from '@dinghy/diagrams/entitiesSapGenericIcons'

<FactoryNonSap/>

// or

import { extendStyle } from "@dinghy/base-components";
import { FACTORY_NON_SAP } from '@dinghy/diagrams/entitiesSapGenericIcons'

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

Definition

{
  _style: {
    entity: 'shape=image;editableCssRules=.*;verticalLabelPosition=bottom;labelBackgroundColor=default;verticalAlign=top;aspect=fixed;imageAspect=0;image=data:image/svg+xml,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9Ii0wLjUgLTAuNSAyOCAyOCIgaGVpZ2h0PSIyOCIgd2lkdGg9IjI4Ij4mI3hhOwkgIDxzdHlsZSB0eXBlPSJ0ZXh0L2NzcyI+LnN0MCB7IHN0b3AtY29sb3I6IHJnYig5MSwgMTE1LCAxMzkpOyB9IC5zdDEgeyBzdG9wLWNvbG9yOiByZ2IoMzQsIDUzLCA3Mik7IH0gPC9zdHlsZT4mI3hhOwk8ZGVmcz4mI3hhOwkJPGxpbmVhckdyYWRpZW50IGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIiB5Mj0iMjUuMzA5IiB4Mj0iMjMuNDU0IiB5MT0iMy40NzQiIHgxPSIyLjAzOSIgaWQ9IkEiPiYjeGE7CQkJPHN0b3AgY2xhc3M9InN0MCIvPiYjeGE7CQkJPHN0b3AgY2xhc3M9InN0MSIgb2Zmc2V0PSIxIi8+JiN4YTsJCTwvbGluZWFyR3JhZGllbnQ+JiN4YTsJPC9kZWZzPiYjeGE7CTxwYXRoIGZpbGw9InVybCgjQSkiIGQ9Ik0yNi45OTYgMTIuNDIybC02LjY1LTUuNTE2YTEuNCAxLjQgMCAwIDAtMS40ODQtLjE5NmMtLjQ5LjIyNC0uNzk4LjcyOC0uNzk4IDEuMjc0djIuNTM0TDEzLjcxIDYuOTA2YTEuNCAxLjQgMCAwIDAtMS40ODQtLjE5NmMtLjQ5LjIyNC0uNzk4LjcyOC0uNzk4IDEuMjc0VjEyLjFIOC41ODZWLjljMC0uNzctLjYzLTEuNC0xLjQtMS40SC45Qy4xMy0uNS0uNS4xMy0uNS45djI1LjJjMCAuNzcuNjMgMS40IDEuNCAxLjRoMjUuMmMuNzcgMCAxLjQtLjYzIDEuNC0xLjRWMTMuNWExLjM5IDEuMzkgMCAwIDAtLjUwNC0xLjA3OHpNNS43NTggMjQuN0gyLjN2LTMuNWgzLjQ1OHptMC02LjNIMi4zdi0zLjVoMy40NTh6bTAtNi4zSDIuM1Y4LjgyNGgzLjQ1OHptMC02LjA3NkgyLjNWMi4zaDMuNDU4ek0yNC42ODYgMjQuN0g4LjU1OHYtMy41aDEuODQ4Yy43NyAwIDEuNC0uNjMgMS40LTEuNHMtLjYzLTEuNC0xLjQtMS40SDguNTU4di0zLjVIMTIuOGMuNzcgMCAxLjQtLjYzIDEuNC0xLjR2LTIuNTM0bDQuMzU0IDMuNjEyYTEuNCAxLjQgMCAwIDAgMS40ODQuMTk2Yy40OS0uMjI0Ljc5OC0uNzI4Ljc5OC0xLjI3NHYtMi41MzRsMy44NSAzLjE5MnptLTkuMzY2LTMuMTVhMS43NSAxLjc1IDAgMSAwIDAtMy41IDEuNzUgMS43NSAwIDEgMCAwIDMuNXptNi45My0xLjc1YTEuNzUgMS43NSAwIDEgMS0zLjUgMCAxLjc1IDEuNzUgMCAxIDEgMy41IDB6IiBmaWxsLXJ1bGU9ImV2ZW5vZGQiLz4mI3hhOzwvc3ZnPg==;strokeColor=none;',
  },
  _original_width: 28,
  _original_height: 28,

}

Factory SAP

Preview

Usage

import { FactorySap } from '@dinghy/diagrams/entitiesSapGenericIcons'

<FactorySap/>

// or

import { extendStyle } from "@dinghy/base-components";
import { FACTORY_SAP } from '@dinghy/diagrams/entitiesSapGenericIcons'

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

Definition

{
  _style: {
    entity: 'shape=image;editableCssRules=.*;verticalLabelPosition=bottom;labelBackgroundColor=default;verticalAlign=top;aspect=fixed;imageAspect=0;image=data:image/svg+xml,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9Ii0wLjUgLTAuNSAyOCAyOCIgaGVpZ2h0PSIyOCIgd2lkdGg9IjI4Ij4mI3hhOwkgIDxzdHlsZSB0eXBlPSJ0ZXh0L2NzcyI+LnN0MCB7IHN0b3AtY29sb3I6IHJnYigzNSwgMTQ5LCAyNTUpOyB9IC5zdDEgeyBzdG9wLWNvbG9yOiByZ2IoMCwgODcsIDIxMCk7IH0gPC9zdHlsZT4mI3hhOwk8ZGVmcz4mI3hhOwkJPGxpbmVhckdyYWRpZW50IGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIiB5Mj0iMjUuMzA5IiB4Mj0iMjMuNDU0IiB5MT0iMy40NzQiIHgxPSIyLjAzOSIgaWQ9IkEiPiYjeGE7CQkJPHN0b3AgY2xhc3M9InN0MCIvPiYjeGE7CQkJPHN0b3AgY2xhc3M9InN0MSIgb2Zmc2V0PSIxIi8+JiN4YTsJCTwvbGluZWFyR3JhZGllbnQ+JiN4YTsJPC9kZWZzPiYjeGE7CTxwYXRoIGZpbGw9InVybCgjQSkiIGQ9Ik0yNi45OTYgMTIuNDIybC02LjY1LTUuNTE2YTEuNCAxLjQgMCAwIDAtMS40ODQtLjE5NmMtLjQ5LjIyNC0uNzk4LjcyOC0uNzk4IDEuMjc0djIuNTM0TDEzLjcxIDYuOTA2YTEuNCAxLjQgMCAwIDAtMS40ODQtLjE5NmMtLjQ5LjIyNC0uNzk4LjcyOC0uNzk4IDEuMjc0VjEyLjFIOC41ODZWLjljMC0uNzctLjYzLTEuNC0xLjQtMS40SC45Qy4xMy0uNS0uNS4xMy0uNS45djI1LjJjMCAuNzcuNjMgMS40IDEuNCAxLjRoMjUuMmMuNzcgMCAxLjQtLjYzIDEuNC0xLjRWMTMuNWExLjM5IDEuMzkgMCAwIDAtLjUwNC0xLjA3OHpNNS43NTggMjQuN0gyLjN2LTMuNWgzLjQ1OHptMC02LjNIMi4zdi0zLjVoMy40NTh6bTAtNi4zSDIuM1Y4LjgyNGgzLjQ1OHptMC02LjA3NkgyLjNWMi4zaDMuNDU4ek0yNC42ODYgMjQuN0g4LjU1OHYtMy41aDEuODQ4Yy43NyAwIDEuNC0uNjMgMS40LTEuNHMtLjYzLTEuNC0xLjQtMS40SDguNTU4di0zLjVIMTIuOGMuNzcgMCAxLjQtLjYzIDEuNC0xLjR2LTIuNTM0bDQuMzU0IDMuNjEyYTEuNCAxLjQgMCAwIDAgMS40ODQuMTk2Yy40OS0uMjI0Ljc5OC0uNzI4Ljc5OC0xLjI3NHYtMi41MzRsMy44NSAzLjE5MnptLTkuMzY2LTMuMTVhMS43NSAxLjc1IDAgMSAwIDAtMy41IDEuNzUgMS43NSAwIDEgMCAwIDMuNXptNi45My0xLjc1YTEuNzUgMS43NSAwIDEgMS0zLjUgMCAxLjc1IDEuNzUgMCAxIDEgMy41IDB6IiBmaWxsLXJ1bGU9ImV2ZW5vZGQiLz4mI3hhOzwvc3ZnPg==;strokeColor=none;',
  },
  _original_width: 28,
  _original_height: 28,

}

Feature Highlight

Preview

Usage

import { FeatureHighlight } from '@dinghy/diagrams/entitiesSapGenericIcons'

<FeatureHighlight/>

// or

import { extendStyle } from "@dinghy/base-components";
import { FEATURE_HIGHLIGHT } from '@dinghy/diagrams/entitiesSapGenericIcons'

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

Definition

{
  _style: {
    entity: 'shape=image;editableCssRules=.*;verticalLabelPosition=bottom;labelBackgroundColor=default;verticalAlign=top;aspect=fixed;imageAspect=0;image=data:image/svg+xml,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9Ii0wLjUgLTAuNSAyNS4yIDI4IiBoZWlnaHQ9IjI4IiB3aWR0aD0iMjUuMiI+JiN4YTsJICA8c3R5bGUgdHlwZT0idGV4dC9jc3MiPiYjeGE7CQkuc3Qwe3N0b3AtY29sb3I6IzAwY2VhYzt9JiN4YTsJCS5zdDF7c3RvcC1jb2xvcjojMDc4MzhmO30mI3hhOwkgIDwvc3R5bGU+JiN4YTsJPGRlZnM+JiN4YTsJCTxsaW5lYXJHcmFkaWVudCBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeTI9IjIzLjA1NyIgeDI9IjIzLjEyNiIgeTE9IjMuNDc0IiB4MT0iMS43ODUiIGlkPSJBIj4mI3hhOwkJCTxzdG9wIGNsYXNzPSJzdDAiLz4mI3hhOwkJCTxzdG9wIGNsYXNzPSJzdDEiIG9mZnNldD0iMSIvPiYjeGE7CQk8L2xpbmVhckdyYWRpZW50PiYjeGE7CTwvZGVmcz4mI3hhOwk8cGF0aCBmaWxsPSJ1cmwoI0EpIiBkPSJNMTEuNzU3LS40ODNDMTEuNDQ1LS40MDEuMTg0IDQuNzExLjAyIDQuODM3YTEuNzkgMS43OSAwIDAgMC0uMzU2LjQ3MWwtLjE2NC4zMjN2Ny44ODJWMjEuNGwuMTM3LjI2OGMuMDc3LjE0OC4yMjQuMzQ1LjMzOS40MzguMTMxLjExNSAyLjE3MiAxLjA2MiA1Ljk1OSAyLjc2NCA2LjE4MyAyLjc4MSA2LjA3NCAyLjczNyA2LjU3NyAyLjU2Mi4zOTktLjEzNyAxMS4zNy01LjA4NSAxMS41OTUtNS4yMjcuMjMtLjE0OC40Ni0uNDYuNTM2LS43MjguMDgyLS4yNzQuMDcxLTE1LjY2NS0uMDA2LTE1Ljk1LS4wODItLjI4NS0uMzM0LS42MzUtLjU1OC0uNzY2LS4wOTMtLjA2LTIuNzM2LTEuMjY0LTUuODY2LTIuNjcxLTUuMTYtMi4zMjYtNS43MjQtMi41NjctNi4wMTktMi41ODQtLjE4MS0uMDExLS4zNzgtLjAwNS0uNDM4LjAxMXptNC4yMjQgNC42NTNsMy44MDggMS43NzNjLS4wNjYuMDY2LTcuNTg0IDMuNDQ4LTcuNjc3IDMuNDU0YTM0OS43NSAzNDkuNzUgMCAwIDEtNy43MjYtMy40NTRjLS4wMzMtLjAyNyA3LjU3My0zLjQ5MiA3LjY5My0zLjUwMy4wMjctLjAwNSAxLjc4NC43NzIgMy45MDEgMS43M3ptLTkuNDIzIDUuODQ2bDQuMTMxIDEuODYxdjYuMDA1bC0uMDM4IDYuMDFjLS4wMTYgMC0xLjkwNC0uODQzLTQuMTg2LTEuODY3bC00LjE0OC0xLjg3MnYtNi4wMTVsLjA1NS01Ljk5OWMuMDI3LjAwNSAxLjkxLjg1NCA0LjE4NiAxLjg3N3ptMTUuMzQ5IDQuMTIydjYuMDFsLTQuMTE1IDEuODU1LTQuMjEzIDEuODc4Yy0uMDkzLjAyMi0uMDk4LS4yNzQtLjA4OC01Ljk4OGwuMDE2LTYuMDEgNC4xNTgtMS44NzcgNC4yMDMtMS44NzdjLjAyMiAwIC4wMzggMi43MDQuMDM4IDYuMDF6Ii8+JiN4YTs8L3N2Zz4=;strokeColor=none;',
  },
  _width: 25,
  _height: 28,
}

Feature Non-SAP

Preview

Usage

import { FeatureNonSap } from '@dinghy/diagrams/entitiesSapGenericIcons'

<FeatureNonSap/>

// or

import { extendStyle } from "@dinghy/base-components";
import { FEATURE_NON_SAP } from '@dinghy/diagrams/entitiesSapGenericIcons'

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

Definition

{
  _style: {
    entity: 'shape=image;editableCssRules=.*;verticalLabelPosition=bottom;labelBackgroundColor=default;verticalAlign=top;aspect=fixed;imageAspect=0;image=data:image/svg+xml,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9Ii0wLjUgLTAuNSAyNS4yIDI4IiBoZWlnaHQ9IjI4IiB3aWR0aD0iMjUuMiI+JiN4YTsJICA8c3R5bGUgdHlwZT0idGV4dC9jc3MiPi5zdDAgeyBzdG9wLWNvbG9yOiByZ2IoOTEsIDExNSwgMTM5KTsgfSAuc3QxIHsgc3RvcC1jb2xvcjogcmdiKDM0LCA1MywgNzIpOyB9IDwvc3R5bGU+JiN4YTsJPGRlZnM+JiN4YTsJCTxsaW5lYXJHcmFkaWVudCBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeTI9IjIzLjA1NyIgeDI9IjIzLjEyNiIgeTE9IjMuNDc0IiB4MT0iMS43ODUiIGlkPSJBIj4mI3hhOwkJCTxzdG9wIGNsYXNzPSJzdDAiLz4mI3hhOwkJCTxzdG9wIGNsYXNzPSJzdDEiIG9mZnNldD0iMSIvPiYjeGE7CQk8L2xpbmVhckdyYWRpZW50PiYjeGE7CTwvZGVmcz4mI3hhOwk8cGF0aCBmaWxsPSJ1cmwoI0EpIiBkPSJNMTEuNzU3LS40ODNDMTEuNDQ1LS40MDEuMTg0IDQuNzExLjAyIDQuODM3YTEuNzkgMS43OSAwIDAgMC0uMzU2LjQ3MWwtLjE2NC4zMjN2Ny44ODJWMjEuNGwuMTM3LjI2OGMuMDc3LjE0OC4yMjQuMzQ1LjMzOS40MzguMTMxLjExNSAyLjE3MiAxLjA2MiA1Ljk1OSAyLjc2NCA2LjE4MyAyLjc4MSA2LjA3NCAyLjczNyA2LjU3NyAyLjU2Mi4zOTktLjEzNyAxMS4zNy01LjA4NSAxMS41OTUtNS4yMjcuMjMtLjE0OC40Ni0uNDYuNTM2LS43MjguMDgyLS4yNzQuMDcxLTE1LjY2NS0uMDA2LTE1Ljk1LS4wODItLjI4NS0uMzM0LS42MzUtLjU1OC0uNzY2LS4wOTMtLjA2LTIuNzM2LTEuMjY0LTUuODY2LTIuNjcxLTUuMTYtMi4zMjYtNS43MjQtMi41NjctNi4wMTktMi41ODQtLjE4MS0uMDExLS4zNzgtLjAwNS0uNDM4LjAxMXptNC4yMjQgNC42NTNsMy44MDggMS43NzNjLS4wNjYuMDY2LTcuNTg0IDMuNDQ4LTcuNjc3IDMuNDU0YTM0OS43NSAzNDkuNzUgMCAwIDEtNy43MjYtMy40NTRjLS4wMzMtLjAyNyA3LjU3My0zLjQ5MiA3LjY5My0zLjUwMy4wMjctLjAwNSAxLjc4NC43NzIgMy45MDEgMS43M3ptLTkuNDIzIDUuODQ2bDQuMTMxIDEuODYxdjYuMDA1bC0uMDM4IDYuMDFjLS4wMTYgMC0xLjkwNC0uODQzLTQuMTg2LTEuODY3bC00LjE0OC0xLjg3MnYtNi4wMTVsLjA1NS01Ljk5OWMuMDI3LjAwNSAxLjkxLjg1NCA0LjE4NiAxLjg3N3ptMTUuMzQ5IDQuMTIydjYuMDFsLTQuMTE1IDEuODU1LTQuMjEzIDEuODc4Yy0uMDkzLjAyMi0uMDk4LS4yNzQtLjA4OC01Ljk4OGwuMDE2LTYuMDEgNC4xNTgtMS44NzcgNC4yMDMtMS44NzdjLjAyMiAwIC4wMzggMi43MDQuMDM4IDYuMDF6Ii8+JiN4YTs8L3N2Zz4=;strokeColor=none;',
  },
  _width: 25,
  _height: 28,
}

Feature SAP

Preview

Usage

import { FeatureSap } from '@dinghy/diagrams/entitiesSapGenericIcons'

<FeatureSap/>

// or

import { extendStyle } from "@dinghy/base-components";
import { FEATURE_SAP } from '@dinghy/diagrams/entitiesSapGenericIcons'

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

Definition

{
  _style: {
    entity: 'shape=image;editableCssRules=.*;verticalLabelPosition=bottom;labelBackgroundColor=default;verticalAlign=top;aspect=fixed;imageAspect=0;image=data:image/svg+xml,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9Ii0wLjUgLTAuNSAyNS4yIDI4IiBoZWlnaHQ9IjI4IiB3aWR0aD0iMjUuMiI+JiN4YTsJICA8c3R5bGUgdHlwZT0idGV4dC9jc3MiPi5zdDAgeyBzdG9wLWNvbG9yOiByZ2IoMzUsIDE0OSwgMjU1KTsgfSAuc3QxIHsgc3RvcC1jb2xvcjogcmdiKDAsIDg3LCAyMTApOyB9IDwvc3R5bGU+JiN4YTsJPGRlZnM+JiN4YTsJCTxsaW5lYXJHcmFkaWVudCBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeTI9IjIzLjA1NyIgeDI9IjIzLjEyNiIgeTE9IjMuNDc0IiB4MT0iMS43ODUiIGlkPSJBIj4mI3hhOwkJCTxzdG9wIGNsYXNzPSJzdDAiLz4mI3hhOwkJCTxzdG9wIGNsYXNzPSJzdDEiIG9mZnNldD0iMSIvPiYjeGE7CQk8L2xpbmVhckdyYWRpZW50PiYjeGE7CTwvZGVmcz4mI3hhOwk8cGF0aCBmaWxsPSJ1cmwoI0EpIiBkPSJNMTEuNzU3LS40ODNDMTEuNDQ1LS40MDEuMTg0IDQuNzExLjAyIDQuODM3YTEuNzkgMS43OSAwIDAgMC0uMzU2LjQ3MWwtLjE2NC4zMjN2Ny44ODJWMjEuNGwuMTM3LjI2OGMuMDc3LjE0OC4yMjQuMzQ1LjMzOS40MzguMTMxLjExNSAyLjE3MiAxLjA2MiA1Ljk1OSAyLjc2NCA2LjE4MyAyLjc4MSA2LjA3NCAyLjczNyA2LjU3NyAyLjU2Mi4zOTktLjEzNyAxMS4zNy01LjA4NSAxMS41OTUtNS4yMjcuMjMtLjE0OC40Ni0uNDYuNTM2LS43MjguMDgyLS4yNzQuMDcxLTE1LjY2NS0uMDA2LTE1Ljk1LS4wODItLjI4NS0uMzM0LS42MzUtLjU1OC0uNzY2LS4wOTMtLjA2LTIuNzM2LTEuMjY0LTUuODY2LTIuNjcxLTUuMTYtMi4zMjYtNS43MjQtMi41NjctNi4wMTktMi41ODQtLjE4MS0uMDExLS4zNzgtLjAwNS0uNDM4LjAxMXptNC4yMjQgNC42NTNsMy44MDggMS43NzNjLS4wNjYuMDY2LTcuNTg0IDMuNDQ4LTcuNjc3IDMuNDU0YTM0OS43NSAzNDkuNzUgMCAwIDEtNy43MjYtMy40NTRjLS4wMzMtLjAyNyA3LjU3My0zLjQ5MiA3LjY5My0zLjUwMy4wMjctLjAwNSAxLjc4NC43NzIgMy45MDEgMS43M3ptLTkuNDIzIDUuODQ2bDQuMTMxIDEuODYxdjYuMDA1bC0uMDM4IDYuMDFjLS4wMTYgMC0xLjkwNC0uODQzLTQuMTg2LTEuODY3bC00LjE0OC0xLjg3MnYtNi4wMTVsLjA1NS01Ljk5OWMuMDI3LjAwNSAxLjkxLjg1NCA0LjE4NiAxLjg3N3ptMTUuMzQ5IDQuMTIydjYuMDFsLTQuMTE1IDEuODU1LTQuMjEzIDEuODc4Yy0uMDkzLjAyMi0uMDk4LS4yNzQtLjA4OC01Ljk4OGwuMDE2LTYuMDEgNC4xNTgtMS44NzcgNC4yMDMtMS44NzdjLjAyMiAwIC4wMzggMi43MDQuMDM4IDYuMDF6Ii8+JiN4YTs8L3N2Zz4=;strokeColor=none;',
  },
  _width: 25,
  _height: 28,
}

Indent Highlight

Preview

Usage

import { IndentHighlight } from '@dinghy/diagrams/entitiesSapGenericIcons'

<IndentHighlight/>

// or

import { extendStyle } from "@dinghy/base-components";
import { INDENT_HIGHLIGHT } from '@dinghy/diagrams/entitiesSapGenericIcons'

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

Definition

{
  _style: {
    entity: 'shape=image;verticalLabelPosition=bottom;labelBackgroundColor=default;verticalAlign=top;aspect=fixed;imageAspect=0;editableCssRules=.*;image=data:image/svg+xml,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNC4wMDAwMDE5MDczNDg2MzMgMjQiIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHdpZHRoPSIyNC4wMDAwMDE5MDczNDg2MzMiIGhlaWdodD0iMjQiPiYjeGE7ICA8c3R5bGUgdHlwZT0idGV4dC9jc3MiPiYjeGE7CQkuc3Qwe3N0b3AtY29sb3I6IzAwY2VhYzt9JiN4YTsJCS5zdDF7c3RvcC1jb2xvcjojMDc4MzhmO30mI3hhOwkgIDwvc3R5bGU+JiN4YTsgIDxkZWZzPiYjeGE7ICAgIDxsaW5lYXJHcmFkaWVudCBpZD0iQSIgeDE9IjAiIHkxPSIwIiB4Mj0iMjQiIHkyPSIyNCIgZ3JhZGllbnRVbml0cz0idXNlclNwYWNlT25Vc2UiPiYjeGE7ICAgICAgPHN0b3AgY2xhc3M9InN0MCIvPiYjeGE7ICAgICAgPHN0b3Agb2Zmc2V0PSIxIiBjbGFzcz0ic3QxIi8+JiN4YTsgICAgPC9saW5lYXJHcmFkaWVudD4mI3hhOyAgPC9kZWZzPiYjeGE7ICA8cGF0aCBmaWxsPSJ1cmwoI0EpIiBkPSJNMjMuOTksMjIuNjNjMCwuNzUtLjYyLDEuMzctMS4zNywxLjM3SDEuMzdjLS43NSwwLTEuMzctLjYxLTEuMzctMS4zN3MuNjItMS4zNywxLjM4LTEuMzdoMjEuMjRjLjc1LDAsMS4zNy42MiwxLjM3LDEuMzdaTTIyLjYzLDE2LjEyaC05LjI2Yy0uNzUsMC0xLjM3LjYyLTEuMzcsMS4zN3MuNjIsMS4zNywxLjM3LDEuMzdoOS4yNmMuNzUsMCwxLjM3LS42MiwxLjM3LTEuMzdzLS42Mi0xLjM3LTEuMzctMS4zN1pNMjIuNjMsMTAuOTdoLTkuMjZjLS43NSwwLTEuMzcuNjItMS4zNywxLjM3cy42MiwxLjM3LDEuMzcsMS4zN2g5LjI2Yy43NSwwLDEuMzctLjYyLDEuMzctMS4zN3MtLjYyLTEuMzctMS4zNy0xLjM3Wk0yMi42Myw1LjE1aC05LjI2Yy0uNzUsMC0xLjM3LjYyLTEuMzcsMS4zN3MuNjIsMS4zNywxLjM3LDEuMzdoOS4yNmMuNzUsMCwxLjM3LS42MiwxLjM3LTEuMzdzLS42Mi0xLjM3LTEuMzctMS4zN1pNMS4zNywyLjc0aDIxLjI2Yy43NSwwLDEuMzctLjYyLDEuMzctMS4zN3MtLjYyLTEuMzctMS4zNy0xLjM3SDEuMzhDLjYyLDAsMCwuNjIsMCwxLjM3cy42MiwxLjM3LDEuMzcsMS4zN1pNMi4zNCwxNy40Nmw0LjExLTQuMTFjLjI2LS4yNi4zOS0uNi4zOS0uOThzLS4xNC0uNzItLjM5LS45OEwyLjM0LDcuMjljLS41My0uNTMtMS40MS0uNTMtMS45NCwwcy0uNTMsMS40MSwwLDEuOTRsMy4xNCwzLjE0TC40LDE1LjVjLS41My41My0uNTMsMS40MSwwLDEuOTQuMjcuMjUuNjMuMzguOTguMzhsLS4wMi4wM2MuMzYsMCwuNy0uMTIuOTgtLjM5WiIvPiYjeGE7PC9zdmc+;strokeColor=none;',
  },
  _original_width: 28,
  _original_height: 28,

}

Indent Non-SAP

Preview

Usage

import { IndentNonSap } from '@dinghy/diagrams/entitiesSapGenericIcons'

<IndentNonSap/>

// or

import { extendStyle } from "@dinghy/base-components";
import { INDENT_NON_SAP } from '@dinghy/diagrams/entitiesSapGenericIcons'

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

Definition

{
  _style: {
    entity: 'shape=image;verticalLabelPosition=bottom;labelBackgroundColor=default;verticalAlign=top;aspect=fixed;imageAspect=0;editableCssRules=.*;image=data:image/svg+xml,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNC4wMDAwMDE5MDczNDg2MzMgMjQiIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHdpZHRoPSIyNC4wMDAwMDE5MDczNDg2MzMiIGhlaWdodD0iMjQiPiYjeGE7ICA8c3R5bGUgdHlwZT0idGV4dC9jc3MiPi5zdDAgeyBzdG9wLWNvbG9yOiByZ2IoOTEsIDExNSwgMTM5KTsgfSAuc3QxIHsgc3RvcC1jb2xvcjogcmdiKDM0LCA1MywgNzIpOyB9IDwvc3R5bGU+JiN4YTsgIDxkZWZzPiYjeGE7ICAgIDxsaW5lYXJHcmFkaWVudCBpZD0iQSIgeDE9IjAiIHkxPSIwIiB4Mj0iMjQiIHkyPSIyNCIgZ3JhZGllbnRVbml0cz0idXNlclNwYWNlT25Vc2UiPiYjeGE7ICAgICAgPHN0b3AgY2xhc3M9InN0MCIvPiYjeGE7ICAgICAgPHN0b3Agb2Zmc2V0PSIxIiBjbGFzcz0ic3QxIi8+JiN4YTsgICAgPC9saW5lYXJHcmFkaWVudD4mI3hhOyAgPC9kZWZzPiYjeGE7ICA8cGF0aCBmaWxsPSJ1cmwoI0EpIiBkPSJNMjMuOTksMjIuNjNjMCwuNzUtLjYyLDEuMzctMS4zNywxLjM3SDEuMzdjLS43NSwwLTEuMzctLjYxLTEuMzctMS4zN3MuNjItMS4zNywxLjM4LTEuMzdoMjEuMjRjLjc1LDAsMS4zNy42MiwxLjM3LDEuMzdaTTIyLjYzLDE2LjEyaC05LjI2Yy0uNzUsMC0xLjM3LjYyLTEuMzcsMS4zN3MuNjIsMS4zNywxLjM3LDEuMzdoOS4yNmMuNzUsMCwxLjM3LS42MiwxLjM3LTEuMzdzLS42Mi0xLjM3LTEuMzctMS4zN1pNMjIuNjMsMTAuOTdoLTkuMjZjLS43NSwwLTEuMzcuNjItMS4zNywxLjM3cy42MiwxLjM3LDEuMzcsMS4zN2g5LjI2Yy43NSwwLDEuMzctLjYyLDEuMzctMS4zN3MtLjYyLTEuMzctMS4zNy0xLjM3Wk0yMi42Myw1LjE1aC05LjI2Yy0uNzUsMC0xLjM3LjYyLTEuMzcsMS4zN3MuNjIsMS4zNywxLjM3LDEuMzdoOS4yNmMuNzUsMCwxLjM3LS42MiwxLjM3LTEuMzdzLS42Mi0xLjM3LTEuMzctMS4zN1pNMS4zNywyLjc0aDIxLjI2Yy43NSwwLDEuMzctLjYyLDEuMzctMS4zN3MtLjYyLTEuMzctMS4zNy0xLjM3SDEuMzhDLjYyLDAsMCwuNjIsMCwxLjM3cy42MiwxLjM3LDEuMzcsMS4zN1pNMi4zNCwxNy40Nmw0LjExLTQuMTFjLjI2LS4yNi4zOS0uNi4zOS0uOThzLS4xNC0uNzItLjM5LS45OEwyLjM0LDcuMjljLS41My0uNTMtMS40MS0uNTMtMS45NCwwcy0uNTMsMS40MSwwLDEuOTRsMy4xNCwzLjE0TC40LDE1LjVjLS41My41My0uNTMsMS40MSwwLDEuOTQuMjcuMjUuNjMuMzguOTguMzhsLS4wMi4wM2MuMzYsMCwuNy0uMTIuOTgtLjM5WiIvPiYjeGE7PC9zdmc+;strokeColor=none;',
  },
  _original_width: 28,
  _original_height: 28,

}

Indent SAP

Preview

Usage

import { IndentSap } from '@dinghy/diagrams/entitiesSapGenericIcons'

<IndentSap/>

// or

import { extendStyle } from "@dinghy/base-components";
import { INDENT_SAP } from '@dinghy/diagrams/entitiesSapGenericIcons'

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

Definition

{
  _style: {
    entity: 'shape=image;verticalLabelPosition=bottom;labelBackgroundColor=default;verticalAlign=top;aspect=fixed;imageAspect=0;editableCssRules=.*;image=data:image/svg+xml,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNC4wMDAwMDE5MDczNDg2MzMgMjQiIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHdpZHRoPSIyNC4wMDAwMDE5MDczNDg2MzMiIGhlaWdodD0iMjQiPiYjeGE7ICA8c3R5bGUgdHlwZT0idGV4dC9jc3MiPi5zdDAgeyBzdG9wLWNvbG9yOiByZ2IoMzUsIDE0OSwgMjU1KTsgfSAuc3QxIHsgc3RvcC1jb2xvcjogcmdiKDAsIDg3LCAyMTApOyB9IDwvc3R5bGU+JiN4YTsgIDxkZWZzPiYjeGE7ICAgIDxsaW5lYXJHcmFkaWVudCBpZD0iQSIgeDE9IjAiIHkxPSIwIiB4Mj0iMjQiIHkyPSIyNCIgZ3JhZGllbnRVbml0cz0idXNlclNwYWNlT25Vc2UiPiYjeGE7ICAgICAgPHN0b3AgY2xhc3M9InN0MCIvPiYjeGE7ICAgICAgPHN0b3Agb2Zmc2V0PSIxIiBjbGFzcz0ic3QxIi8+JiN4YTsgICAgPC9saW5lYXJHcmFkaWVudD4mI3hhOyAgPC9kZWZzPiYjeGE7ICA8cGF0aCBmaWxsPSJ1cmwoI0EpIiBkPSJNMjMuOTksMjIuNjNjMCwuNzUtLjYyLDEuMzctMS4zNywxLjM3SDEuMzdjLS43NSwwLTEuMzctLjYxLTEuMzctMS4zN3MuNjItMS4zNywxLjM4LTEuMzdoMjEuMjRjLjc1LDAsMS4zNy42MiwxLjM3LDEuMzdaTTIyLjYzLDE2LjEyaC05LjI2Yy0uNzUsMC0xLjM3LjYyLTEuMzcsMS4zN3MuNjIsMS4zNywxLjM3LDEuMzdoOS4yNmMuNzUsMCwxLjM3LS42MiwxLjM3LTEuMzdzLS42Mi0xLjM3LTEuMzctMS4zN1pNMjIuNjMsMTAuOTdoLTkuMjZjLS43NSwwLTEuMzcuNjItMS4zNywxLjM3cy42MiwxLjM3LDEuMzcsMS4zN2g5LjI2Yy43NSwwLDEuMzctLjYyLDEuMzctMS4zN3MtLjYyLTEuMzctMS4zNy0xLjM3Wk0yMi42Myw1LjE1aC05LjI2Yy0uNzUsMC0xLjM3LjYyLTEuMzcsMS4zN3MuNjIsMS4zNywxLjM3LDEuMzdoOS4yNmMuNzUsMCwxLjM3LS42MiwxLjM3LTEuMzdzLS42Mi0xLjM3LTEuMzctMS4zN1pNMS4zNywyLjc0aDIxLjI2Yy43NSwwLDEuMzctLjYyLDEuMzctMS4zN3MtLjYyLTEuMzctMS4zNy0xLjM3SDEuMzhDLjYyLDAsMCwuNjIsMCwxLjM3cy42MiwxLjM3LDEuMzcsMS4zN1pNMi4zNCwxNy40Nmw0LjExLTQuMTFjLjI2LS4yNi4zOS0uNi4zOS0uOThzLS4xNC0uNzItLjM5LS45OEwyLjM0LDcuMjljLS41My0uNTMtMS40MS0uNTMtMS45NCwwcy0uNTMsMS40MSwwLDEuOTRsMy4xNCwzLjE0TC40LDE1LjVjLS41My41My0uNTMsMS40MSwwLDEuOTQuMjcuMjUuNjMuMzguOTguMzhsLS4wMi4wM2MuMzYsMCwuNy0uMTIuOTgtLjM5WiIvPiYjeGE7PC9zdmc+;strokeColor=none;',
  },
  _original_width: 28,
  _original_height: 28,

}

Info Highlight

Preview

Usage

import { InfoHighlight } from '@dinghy/diagrams/entitiesSapGenericIcons'

<InfoHighlight/>

// or

import { extendStyle } from "@dinghy/base-components";
import { INFO_HIGHLIGHT } from '@dinghy/diagrams/entitiesSapGenericIcons'

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

Definition

{
  _style: {
    entity: 'shape=image;editableCssRules=.*;verticalLabelPosition=bottom;labelBackgroundColor=default;verticalAlign=top;aspect=fixed;imageAspect=0;image=data:image/svg+xml,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9Ii0wLjUgLTAuNSAyOCAyOCIgaGVpZ2h0PSIyOCIgd2lkdGg9IjI4Ij4mI3hhOwkgIDxzdHlsZSB0eXBlPSJ0ZXh0L2NzcyI+JiN4YTsJCS5zdDB7c3RvcC1jb2xvcjojMDBjZWFjO30mI3hhOwkJLnN0MXtzdG9wLWNvbG9yOiMwNzgzOGY7fSYjeGE7CSAgPC9zdHlsZT4mI3hhOwk8ZGVmcz4mI3hhOwkJPGxpbmVhckdyYWRpZW50IGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIiB5Mj0iMjUuMzA5IiB4Mj0iMjMuNDU0IiB5MT0iMy40NzQiIHgxPSIyLjAzOSIgaWQ9IkEiPiYjeGE7CQkJPHN0b3AgY2xhc3M9InN0MCIvPiYjeGE7CQkJPHN0b3AgY2xhc3M9InN0MSIgb2Zmc2V0PSIxIi8+JiN4YTsJCTwvbGluZWFyR3JhZGllbnQ+JiN4YTsJPC9kZWZzPiYjeGE7CTxwYXRoIGZpbGw9InVybCgjQSkiIGQ9Ik0xNS4yNSAxMy4xNzNhMS43IDEuNyAwIDAgMC0uMTE2LS42OGMtLjA4NS0uMjE2LS4yMTMtLjQxMy0uMzc2LS41NzhzLS4zNjItLjI5MS0uNTc4LS4zNzYtLjQ0OC0uMTI0LS42OC0uMTE2Yy0uMjMyLS4wMDgtLjQ2NC4wMzEtLjY4LjExNnMtLjQxMy4yMTMtLjU3OC4zNzYtLjI5MS4zNjItLjM3Ni41NzhhMS43IDEuNyAwIDAgMC0uMTE2LjY4djdjMCAuNDcyLjE2NS44OTIuNDkyIDEuMjU4LjE2NS4xNjMuMzYyLjI5MS41NzkuMzc1cy40NDguMTIzLjY4LjExNWExLjcgMS43IDAgMCAwIDEuMjU4LS40OWMuMzI3LS4zNjYuNDkyLS43ODQuNDkyLTEuMjZ2LTd6TTEzLjUtLjVjMS45MzIgMCAzLjczNi4zNjYgNS40MTQgMS4wOTQgMS43MTMuNzMgMy4yMDggMS43MzIgNC40ODMgMy4wMDggMS4yODMgMS4yODcgMi4zMDUgMi44MSAzLjAwOCA0LjQ4NS43MyAxLjY3NiAxLjA5NCAzLjQ4MiAxLjA5NCA1LjQxM2ExMy44MiAxMy44MiAwIDAgMS0xLjA5NCA1LjQ2OWMtLjcxMyAxLjY1NC0xLjczNCAzLjE1OC0zLjAwOCA0LjQzMS0xLjI4NiAxLjI4Mi0yLjgwOSAyLjMwMy00LjQ4MyAzLjAwNi0xLjcxLjczNi0zLjU1MyAxLjEwOC01LjQxNCAxLjA5NC0xLjg3OC4wMTEtMy43MzktLjM2MS01LjQ2OS0xLjA5NGExNC4yMyAxNC4yMyAwIDAgMS03LjQzNy03LjQzN0ExMy44MiAxMy44MiAwIDAgMS0uNSAxMy41YzAtMS45MzIuMzY0LTMuNzM2IDEuMDk0LTUuNDEzLjczLTEuNzE1IDEuNzMyLTMuMjA5IDMuMDA4LTQuNDg1UzYuMzc4IDEuMzA3IDguMDMxLjU5NEExMy44MiAxMy44MiAwIDAgMSAxMy41LS41em0wIDkuNzM1YTIuMDEgMi4wMSAwIDAgMCAxLjQ3Ny0uNjAyIDIuMDEgMi4wMSAwIDAgMCAuNjAyLTEuNDc3YzAtLjU4My0uMjAxLTEuMDc0LS42MDItMS40NzUtLjE4NC0uMjEtLjQxMS0uMzc3LS42NjYtLjQ5MXMtLjUzMi0uMTctLjgxMS0uMTY2Yy0uMjc5LS4wMDQtLjU1Ni4wNTItLjgxMS4xNjZzLS40ODIuMjgxLS42NjYuNDkxYy0uNDAxLjQwMS0uNi44OTItLjYgMS40NzVzLjIgMS4wNzYuNiAxLjQ3Ny44OTMuNjAyIDEuNDc3LjYwMnoiLz4mI3hhOzwvc3ZnPg==;strokeColor=none;',
  },
  _original_width: 28,
  _original_height: 28,

}

Info Non-SAP

Preview

Usage

import { InfoNonSap } from '@dinghy/diagrams/entitiesSapGenericIcons'

<InfoNonSap/>

// or

import { extendStyle } from "@dinghy/base-components";
import { INFO_NON_SAP } from '@dinghy/diagrams/entitiesSapGenericIcons'

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

Definition

{
  _style: {
    entity: 'shape=image;editableCssRules=.*;verticalLabelPosition=bottom;labelBackgroundColor=default;verticalAlign=top;aspect=fixed;imageAspect=0;image=data:image/svg+xml,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9Ii0wLjUgLTAuNSAyOCAyOCIgaGVpZ2h0PSIyOCIgd2lkdGg9IjI4Ij4mI3hhOwkgIDxzdHlsZSB0eXBlPSJ0ZXh0L2NzcyI+LnN0MCB7IHN0b3AtY29sb3I6IHJnYig5MSwgMTE1LCAxMzkpOyB9IC5zdDEgeyBzdG9wLWNvbG9yOiByZ2IoMzQsIDUzLCA3Mik7IH0gPC9zdHlsZT4mI3hhOwk8ZGVmcz4mI3hhOwkJPGxpbmVhckdyYWRpZW50IGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIiB5Mj0iMjUuMzA5IiB4Mj0iMjMuNDU0IiB5MT0iMy40NzQiIHgxPSIyLjAzOSIgaWQ9IkEiPiYjeGE7CQkJPHN0b3AgY2xhc3M9InN0MCIvPiYjeGE7CQkJPHN0b3AgY2xhc3M9InN0MSIgb2Zmc2V0PSIxIi8+JiN4YTsJCTwvbGluZWFyR3JhZGllbnQ+JiN4YTsJPC9kZWZzPiYjeGE7CTxwYXRoIGZpbGw9InVybCgjQSkiIGQ9Ik0xNS4yNSAxMy4xNzNhMS43IDEuNyAwIDAgMC0uMTE2LS42OGMtLjA4NS0uMjE2LS4yMTMtLjQxMy0uMzc2LS41NzhzLS4zNjItLjI5MS0uNTc4LS4zNzYtLjQ0OC0uMTI0LS42OC0uMTE2Yy0uMjMyLS4wMDgtLjQ2NC4wMzEtLjY4LjExNnMtLjQxMy4yMTMtLjU3OC4zNzYtLjI5MS4zNjItLjM3Ni41NzhhMS43IDEuNyAwIDAgMC0uMTE2LjY4djdjMCAuNDcyLjE2NS44OTIuNDkyIDEuMjU4LjE2NS4xNjMuMzYyLjI5MS41NzkuMzc1cy40NDguMTIzLjY4LjExNWExLjcgMS43IDAgMCAwIDEuMjU4LS40OWMuMzI3LS4zNjYuNDkyLS43ODQuNDkyLTEuMjZ2LTd6TTEzLjUtLjVjMS45MzIgMCAzLjczNi4zNjYgNS40MTQgMS4wOTQgMS43MTMuNzMgMy4yMDggMS43MzIgNC40ODMgMy4wMDggMS4yODMgMS4yODcgMi4zMDUgMi44MSAzLjAwOCA0LjQ4NS43MyAxLjY3NiAxLjA5NCAzLjQ4MiAxLjA5NCA1LjQxM2ExMy44MiAxMy44MiAwIDAgMS0xLjA5NCA1LjQ2OWMtLjcxMyAxLjY1NC0xLjczNCAzLjE1OC0zLjAwOCA0LjQzMS0xLjI4NiAxLjI4Mi0yLjgwOSAyLjMwMy00LjQ4MyAzLjAwNi0xLjcxLjczNi0zLjU1MyAxLjEwOC01LjQxNCAxLjA5NC0xLjg3OC4wMTEtMy43MzktLjM2MS01LjQ2OS0xLjA5NGExNC4yMyAxNC4yMyAwIDAgMS03LjQzNy03LjQzN0ExMy44MiAxMy44MiAwIDAgMS0uNSAxMy41YzAtMS45MzIuMzY0LTMuNzM2IDEuMDk0LTUuNDEzLjczLTEuNzE1IDEuNzMyLTMuMjA5IDMuMDA4LTQuNDg1UzYuMzc4IDEuMzA3IDguMDMxLjU5NEExMy44MiAxMy44MiAwIDAgMSAxMy41LS41em0wIDkuNzM1YTIuMDEgMi4wMSAwIDAgMCAxLjQ3Ny0uNjAyIDIuMDEgMi4wMSAwIDAgMCAuNjAyLTEuNDc3YzAtLjU4My0uMjAxLTEuMDc0LS42MDItMS40NzUtLjE4NC0uMjEtLjQxMS0uMzc3LS42NjYtLjQ5MXMtLjUzMi0uMTctLjgxMS0uMTY2Yy0uMjc5LS4wMDQtLjU1Ni4wNTItLjgxMS4xNjZzLS40ODIuMjgxLS42NjYuNDkxYy0uNDAxLjQwMS0uNi44OTItLjYgMS40NzVzLjIgMS4wNzYuNiAxLjQ3Ny44OTMuNjAyIDEuNDc3LjYwMnoiLz4mI3hhOzwvc3ZnPg==;strokeColor=none;',
  },
  _original_width: 28,
  _original_height: 28,

}

Info SAP

Preview

Usage

import { InfoSap } from '@dinghy/diagrams/entitiesSapGenericIcons'

<InfoSap/>

// or

import { extendStyle } from "@dinghy/base-components";
import { INFO_SAP } from '@dinghy/diagrams/entitiesSapGenericIcons'

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

Definition

{
  _style: {
    entity: 'shape=image;editableCssRules=.*;verticalLabelPosition=bottom;labelBackgroundColor=default;verticalAlign=top;aspect=fixed;imageAspect=0;image=data:image/svg+xml,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9Ii0wLjUgLTAuNSAyOCAyOCIgaGVpZ2h0PSIyOCIgd2lkdGg9IjI4Ij4mI3hhOwkgIDxzdHlsZSB0eXBlPSJ0ZXh0L2NzcyI+LnN0MCB7IHN0b3AtY29sb3I6IHJnYigzNSwgMTQ5LCAyNTUpOyB9IC5zdDEgeyBzdG9wLWNvbG9yOiByZ2IoMCwgODcsIDIxMCk7IH0gPC9zdHlsZT4mI3hhOwk8ZGVmcz4mI3hhOwkJPGxpbmVhckdyYWRpZW50IGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIiB5Mj0iMjUuMzA5IiB4Mj0iMjMuNDU0IiB5MT0iMy40NzQiIHgxPSIyLjAzOSIgaWQ9IkEiPiYjeGE7CQkJPHN0b3AgY2xhc3M9InN0MCIvPiYjeGE7CQkJPHN0b3AgY2xhc3M9InN0MSIgb2Zmc2V0PSIxIi8+JiN4YTsJCTwvbGluZWFyR3JhZGllbnQ+JiN4YTsJPC9kZWZzPiYjeGE7CTxwYXRoIGZpbGw9InVybCgjQSkiIGQ9Ik0xNS4yNSAxMy4xNzNhMS43IDEuNyAwIDAgMC0uMTE2LS42OGMtLjA4NS0uMjE2LS4yMTMtLjQxMy0uMzc2LS41NzhzLS4zNjItLjI5MS0uNTc4LS4zNzYtLjQ0OC0uMTI0LS42OC0uMTE2Yy0uMjMyLS4wMDgtLjQ2NC4wMzEtLjY4LjExNnMtLjQxMy4yMTMtLjU3OC4zNzYtLjI5MS4zNjItLjM3Ni41NzhhMS43IDEuNyAwIDAgMC0uMTE2LjY4djdjMCAuNDcyLjE2NS44OTIuNDkyIDEuMjU4LjE2NS4xNjMuMzYyLjI5MS41NzkuMzc1cy40NDguMTIzLjY4LjExNWExLjcgMS43IDAgMCAwIDEuMjU4LS40OWMuMzI3LS4zNjYuNDkyLS43ODQuNDkyLTEuMjZ2LTd6TTEzLjUtLjVjMS45MzIgMCAzLjczNi4zNjYgNS40MTQgMS4wOTQgMS43MTMuNzMgMy4yMDggMS43MzIgNC40ODMgMy4wMDggMS4yODMgMS4yODcgMi4zMDUgMi44MSAzLjAwOCA0LjQ4NS43MyAxLjY3NiAxLjA5NCAzLjQ4MiAxLjA5NCA1LjQxM2ExMy44MiAxMy44MiAwIDAgMS0xLjA5NCA1LjQ2OWMtLjcxMyAxLjY1NC0xLjczNCAzLjE1OC0zLjAwOCA0LjQzMS0xLjI4NiAxLjI4Mi0yLjgwOSAyLjMwMy00LjQ4MyAzLjAwNi0xLjcxLjczNi0zLjU1MyAxLjEwOC01LjQxNCAxLjA5NC0xLjg3OC4wMTEtMy43MzktLjM2MS01LjQ2OS0xLjA5NGExNC4yMyAxNC4yMyAwIDAgMS03LjQzNy03LjQzN0ExMy44MiAxMy44MiAwIDAgMS0uNSAxMy41YzAtMS45MzIuMzY0LTMuNzM2IDEuMDk0LTUuNDEzLjczLTEuNzE1IDEuNzMyLTMuMjA5IDMuMDA4LTQuNDg1UzYuMzc4IDEuMzA3IDguMDMxLjU5NEExMy44MiAxMy44MiAwIDAgMSAxMy41LS41em0wIDkuNzM1YTIuMDEgMi4wMSAwIDAgMCAxLjQ3Ny0uNjAyIDIuMDEgMi4wMSAwIDAgMCAuNjAyLTEuNDc3YzAtLjU4My0uMjAxLTEuMDc0LS42MDItMS40NzUtLjE4NC0uMjEtLjQxMS0uMzc3LS42NjYtLjQ5MXMtLjUzMi0uMTctLjgxMS0uMTY2Yy0uMjc5LS4wMDQtLjU1Ni4wNTItLjgxMS4xNjZzLS40ODIuMjgxLS42NjYuNDkxYy0uNDAxLjQwMS0uNi44OTItLjYgMS40NzVzLjIgMS4wNzYuNiAxLjQ3Ny44OTMuNjAyIDEuNDc3LjYwMnoiLz4mI3hhOzwvc3ZnPg==;strokeColor=none;',
  },
  _original_width: 28,
  _original_height: 28,

}

Inspect Highlight

Preview

Usage

import { InspectHighlight } from '@dinghy/diagrams/entitiesSapGenericIcons'

<InspectHighlight/>

// or

import { extendStyle } from "@dinghy/base-components";
import { INSPECT_HIGHLIGHT } from '@dinghy/diagrams/entitiesSapGenericIcons'

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

Definition

{
  _style: {
    entity: 'shape=image;verticalLabelPosition=bottom;labelBackgroundColor=default;verticalAlign=top;aspect=fixed;imageAspect=0;editableCssRules=.*;image=data:image/svg+xml,PHN2ZyB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2aWV3Qm94PSIyLjk4MDIzMjIzODc2OTUzMTJlLTggLTIuOTgwMjMyMjM4NzY5NTMxMmUtOCAyNCAyNCIgdmVyc2lvbj0iMS4xIiBpZD0iTGF5ZXJfMSIgd2lkdGg9IjI0IiBoZWlnaHQ9IjI0Ij4mI3hhOyAgPHN0eWxlIHR5cGU9InRleHQvY3NzIj4mI3hhOwkJLnN0MHtzdG9wLWNvbG9yOiMwMGNlYWM7fSYjeGE7CQkuc3Qxe3N0b3AtY29sb3I6IzA3ODM4Zjt9JiN4YTsJICA8L3N0eWxlPiYjeGE7ICA8ZGVmcz4mI3hhOyAgICA8bGluZWFyR3JhZGllbnQgaWQ9IkEiIHgxPSIwIiB5MT0iMCIgeDI9IjI0IiB5Mj0iMjQiIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIj4mI3hhOyAgICAgIDxzdG9wIGNsYXNzPSJzdDAiLz4mI3hhOyAgICAgIDxzdG9wIG9mZnNldD0iMSIgY2xhc3M9InN0MSIvPiYjeGE7ICAgIDwvbGluZWFyR3JhZGllbnQ+JiN4YTsgIDwvZGVmcz4mI3hhOyAgPHBhdGggZmlsbD0idXJsKCNBKSIgZD0iTTQuNzgsMS4xN2MwLS4zNC4xMS0uNjMuMzMtLjg0LjI1LS4yMi41NS0uMzMuODktLjMzaDE2Ljc4Yy4zNCwwLC42My4xMS44NC4zMy4yNS4yMi4zOC41LjM4Ljg0djE2LjgzYzAsLjM0LS4xMi42Mi0uMzguODQtLjIyLjIyLS41LjMzLS44NC4zM0g2Yy0uMzQsMC0uNjQtLjExLS44OS0uMzMtLjIyLS4yMi0uMzMtLjUtLjMzLS44NFYxLjE3Wk03LjE3LDE2Ljc4aDE0LjM5VjIuMzlINy4xN3YxNC4zOVpNMTMuNTUsNi44NGMtLjQxLS40MS0uNS0uODQtLjI4LTEuMzEuMTktLjUuNTYtLjc1LDEuMTItLjc1aDMuNjFjLjMxLDAsLjU4LjExLjguMzMuMjUuMjIuMzguNS4zOC44NHYzLjYxYzAsLjU2LS4yNS45NC0uNzUsMS4xMi0uNDcuMjItLjkxLjEyLTEuMzEtLjI4bC0uOTQtLjk0LTQuNTUsNC41NWMtLjI1LjI1LS41My4zOC0uODQuMzhzLS41OS0uMTItLjg0LS4zOC0uMzgtLjUzLS4zOC0uODQuMTItLjU5LjM4LS44NGw0LjU1LTQuNTUtLjk0LS45NFpNMi4zOSwyMS42MWgyMC4zOWMuMzQsMCwuNjMuMTEuODQuMzMuMjUuMjIuMzguNS4zOC44NHMtLjEyLjY0LS4zOC44OWMtLjIyLjIyLS41LjMzLS44NC4zM0gxLjIyYy0uMzQsMC0uNjQtLjExLS44OS0uMzMtLjIyLS4yNS0uMzMtLjU1LS4zMy0uODlWMS4yMmMwLS4zNC4xMS0uNjIuMzMtLjg0LjI1LS4yNS41NS0uMzguODktLjM4cy42My4xMi44NC4zOGMuMjIuMjIuMzMuNS4zMy44NHYyMC4zOVoiLz4mI3hhOzwvc3ZnPg==;strokeColor=none;',
  },
  _original_width: 28,
  _original_height: 28,

}

Inspect Non-SAP

Preview

Usage

import { InspectNonSap } from '@dinghy/diagrams/entitiesSapGenericIcons'

<InspectNonSap/>

// or

import { extendStyle } from "@dinghy/base-components";
import { INSPECT_NON_SAP } from '@dinghy/diagrams/entitiesSapGenericIcons'

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

Definition

{
  _style: {
    entity: 'shape=image;verticalLabelPosition=bottom;labelBackgroundColor=default;verticalAlign=top;aspect=fixed;imageAspect=0;editableCssRules=.*;image=data:image/svg+xml,PHN2ZyB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2aWV3Qm94PSIyLjk4MDIzMjIzODc2OTUzMTJlLTggLTIuOTgwMjMyMjM4NzY5NTMxMmUtOCAyNCAyNCIgdmVyc2lvbj0iMS4xIiBpZD0iTGF5ZXJfMSIgd2lkdGg9IjI0IiBoZWlnaHQ9IjI0Ij4mI3hhOyAgPHN0eWxlIHR5cGU9InRleHQvY3NzIj4uc3QwIHsgc3RvcC1jb2xvcjogcmdiKDkxLCAxMTUsIDEzOSk7IH0gLnN0MSB7IHN0b3AtY29sb3I6IHJnYigzNCwgNTMsIDcyKTsgfSA8L3N0eWxlPiYjeGE7ICA8ZGVmcz4mI3hhOyAgICA8bGluZWFyR3JhZGllbnQgaWQ9IkEiIHgxPSIwIiB5MT0iMCIgeDI9IjI0IiB5Mj0iMjQiIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIj4mI3hhOyAgICAgIDxzdG9wIGNsYXNzPSJzdDAiLz4mI3hhOyAgICAgIDxzdG9wIG9mZnNldD0iMSIgY2xhc3M9InN0MSIvPiYjeGE7ICAgIDwvbGluZWFyR3JhZGllbnQ+JiN4YTsgIDwvZGVmcz4mI3hhOyAgPHBhdGggZmlsbD0idXJsKCNBKSIgZD0iTTQuNzgsMS4xN2MwLS4zNC4xMS0uNjMuMzMtLjg0LjI1LS4yMi41NS0uMzMuODktLjMzaDE2Ljc4Yy4zNCwwLC42My4xMS44NC4zMy4yNS4yMi4zOC41LjM4Ljg0djE2LjgzYzAsLjM0LS4xMi42Mi0uMzguODQtLjIyLjIyLS41LjMzLS44NC4zM0g2Yy0uMzQsMC0uNjQtLjExLS44OS0uMzMtLjIyLS4yMi0uMzMtLjUtLjMzLS44NFYxLjE3Wk03LjE3LDE2Ljc4aDE0LjM5VjIuMzlINy4xN3YxNC4zOVpNMTMuNTUsNi44NGMtLjQxLS40MS0uNS0uODQtLjI4LTEuMzEuMTktLjUuNTYtLjc1LDEuMTItLjc1aDMuNjFjLjMxLDAsLjU4LjExLjguMzMuMjUuMjIuMzguNS4zOC44NHYzLjYxYzAsLjU2LS4yNS45NC0uNzUsMS4xMi0uNDcuMjItLjkxLjEyLTEuMzEtLjI4bC0uOTQtLjk0LTQuNTUsNC41NWMtLjI1LjI1LS41My4zOC0uODQuMzhzLS41OS0uMTItLjg0LS4zOC0uMzgtLjUzLS4zOC0uODQuMTItLjU5LjM4LS44NGw0LjU1LTQuNTUtLjk0LS45NFpNMi4zOSwyMS42MWgyMC4zOWMuMzQsMCwuNjMuMTEuODQuMzMuMjUuMjIuMzguNS4zOC44NHMtLjEyLjY0LS4zOC44OWMtLjIyLjIyLS41LjMzLS44NC4zM0gxLjIyYy0uMzQsMC0uNjQtLjExLS44OS0uMzMtLjIyLS4yNS0uMzMtLjU1LS4zMy0uODlWMS4yMmMwLS4zNC4xMS0uNjIuMzMtLjg0LjI1LS4yNS41NS0uMzguODktLjM4cy42My4xMi44NC4zOGMuMjIuMjIuMzMuNS4zMy44NHYyMC4zOVoiLz4mI3hhOzwvc3ZnPg==;strokeColor=none;',
  },
  _original_width: 28,
  _original_height: 28,

}

Inspect SAP

Preview

Usage

import { InspectSap } from '@dinghy/diagrams/entitiesSapGenericIcons'

<InspectSap/>

// or

import { extendStyle } from "@dinghy/base-components";
import { INSPECT_SAP } from '@dinghy/diagrams/entitiesSapGenericIcons'

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

Definition

{
  _style: {
    entity: 'shape=image;verticalLabelPosition=bottom;labelBackgroundColor=default;verticalAlign=top;aspect=fixed;imageAspect=0;editableCssRules=.*;image=data:image/svg+xml,PHN2ZyB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2aWV3Qm94PSIyLjk4MDIzMjIzODc2OTUzMTJlLTggLTIuOTgwMjMyMjM4NzY5NTMxMmUtOCAyNCAyNCIgdmVyc2lvbj0iMS4xIiBpZD0iTGF5ZXJfMSIgd2lkdGg9IjI0IiBoZWlnaHQ9IjI0Ij4mI3hhOyAgPHN0eWxlIHR5cGU9InRleHQvY3NzIj4uc3QwIHsgc3RvcC1jb2xvcjogcmdiKDM1LCAxNDksIDI1NSk7IH0gLnN0MSB7IHN0b3AtY29sb3I6IHJnYigwLCA4NywgMjEwKTsgfSA8L3N0eWxlPiYjeGE7ICA8ZGVmcz4mI3hhOyAgICA8bGluZWFyR3JhZGllbnQgaWQ9IkEiIHgxPSIwIiB5MT0iMCIgeDI9IjI0IiB5Mj0iMjQiIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIj4mI3hhOyAgICAgIDxzdG9wIGNsYXNzPSJzdDAiLz4mI3hhOyAgICAgIDxzdG9wIG9mZnNldD0iMSIgY2xhc3M9InN0MSIvPiYjeGE7ICAgIDwvbGluZWFyR3JhZGllbnQ+JiN4YTsgIDwvZGVmcz4mI3hhOyAgPHBhdGggZmlsbD0idXJsKCNBKSIgZD0iTTQuNzgsMS4xN2MwLS4zNC4xMS0uNjMuMzMtLjg0LjI1LS4yMi41NS0uMzMuODktLjMzaDE2Ljc4Yy4zNCwwLC42My4xMS44NC4zMy4yNS4yMi4zOC41LjM4Ljg0djE2LjgzYzAsLjM0LS4xMi42Mi0uMzguODQtLjIyLjIyLS41LjMzLS44NC4zM0g2Yy0uMzQsMC0uNjQtLjExLS44OS0uMzMtLjIyLS4yMi0uMzMtLjUtLjMzLS44NFYxLjE3Wk03LjE3LDE2Ljc4aDE0LjM5VjIuMzlINy4xN3YxNC4zOVpNMTMuNTUsNi44NGMtLjQxLS40MS0uNS0uODQtLjI4LTEuMzEuMTktLjUuNTYtLjc1LDEuMTItLjc1aDMuNjFjLjMxLDAsLjU4LjExLjguMzMuMjUuMjIuMzguNS4zOC44NHYzLjYxYzAsLjU2LS4yNS45NC0uNzUsMS4xMi0uNDcuMjItLjkxLjEyLTEuMzEtLjI4bC0uOTQtLjk0LTQuNTUsNC41NWMtLjI1LjI1LS41My4zOC0uODQuMzhzLS41OS0uMTItLjg0LS4zOC0uMzgtLjUzLS4zOC0uODQuMTItLjU5LjM4LS44NGw0LjU1LTQuNTUtLjk0LS45NFpNMi4zOSwyMS42MWgyMC4zOWMuMzQsMCwuNjMuMTEuODQuMzMuMjUuMjIuMzguNS4zOC44NHMtLjEyLjY0LS4zOC44OWMtLjIyLjIyLS41LjMzLS44NC4zM0gxLjIyYy0uMzQsMC0uNjQtLjExLS44OS0uMzMtLjIyLS4yNS0uMzMtLjU1LS4zMy0uODlWMS4yMmMwLS4zNC4xMS0uNjIuMzMtLjg0LjI1LS4yNS41NS0uMzguODktLjM4cy42My4xMi44NC4zOGMuMjIuMjIuMzMuNS4zMy44NHYyMC4zOVoiLz4mI3hhOzwvc3ZnPg==;strokeColor=none;',
  },
  _original_width: 28,
  _original_height: 28,

}

Key Highlight

Preview

Usage

import { KeyHighlight } from '@dinghy/diagrams/entitiesSapGenericIcons'

<KeyHighlight/>

// or

import { extendStyle } from "@dinghy/base-components";
import { KEY_HIGHLIGHT } from '@dinghy/diagrams/entitiesSapGenericIcons'

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

Definition

{
  _style: {
    entity: 'shape=image;editableCssRules=.*;verticalLabelPosition=bottom;labelBackgroundColor=default;verticalAlign=top;aspect=fixed;imageAspect=0;image=data:image/svg+xml,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9Ii0wLjUgLTAuNSAyOC4wMDIgMjgiIGhlaWdodD0iMjgiIHdpZHRoPSIyOC4wMDIiPiYjeGE7CSAgPHN0eWxlIHR5cGU9InRleHQvY3NzIj4mI3hhOwkJLnN0MHtzdG9wLWNvbG9yOiMwMGNlYWM7fSYjeGE7CQkuc3Qxe3N0b3AtY29sb3I6IzA3ODM4Zjt9JiN4YTsJICA8L3N0eWxlPiYjeGE7CTxkZWZzPiYjeGE7CQk8bGluZWFyR3JhZGllbnQgZ3JhZGllbnRVbml0cz0idXNlclNwYWNlT25Vc2UiIHkyPSIyNS4zMSIgeDI9IjIzLjQ1NCIgeTE9IjMuNDc0IiB4MT0iMi4wMzkiIGlkPSJBIj4mI3hhOwkJCTxzdG9wIGNsYXNzPSJzdDAiLz4mI3hhOwkJCTxzdG9wIGNsYXNzPSJzdDEiIG9mZnNldD0iMSIvPiYjeGE7CQk8L2xpbmVhckdyYWRpZW50PiYjeGE7CTwvZGVmcz4mI3hhOwk8cGF0aCBmaWxsPSJ1cmwoI0EpIiBkPSJNMjcuMDYzIDIwLjkyNGMuMjkzLjI5My40MzguNjIxLjQzOC45ODd2NC4xNjVjMCAuOTQ5LS40NzQgMS40MjQtMS40MjYgMS40MjRoLTQuMTYzYy0uMTg2LS4wMDItLjM2OS0uMDQyLS41MzktLjExN3MtLjMyMi0uMTg1LS40NDgtLjMyMWwtLjk4Ny0uOTg1aC0yLjI0NGExLjUzIDEuNTMgMCAwIDEtMS4wNDMtLjM4NGMtLjEyOC0uMTMtLjIyNy0uMjg0LS4yOTMtLjQ1NHMtLjA5Ni0uMzUxLS4wODktLjUzM3YtMS40MjRoLTEuMzdhMS41MyAxLjUzIDAgMCAxLTEuMDQyLS4zODRjLS4xMjgtLjEzLS4yMjgtLjI4NC0uMjk0LS40NTNzLS4wOTctLjM1MS0uMDktLjUzMnYtMS40MjZoLTEuMzdjLS45NSAwLTEuNDI2LS40NzMtMS40MjYtMS40MjRWMTYuODdsLS41NDctLjYwM0g3Ljg4NGMtMS4xMzEgMC0yLjIwOS0uMjE5LTMuMjMyLS42NThhOC40OCA4LjQ4IDAgMCAxLTIuNjg1LTEuODA4Yy0uNzcxLS43Ny0xLjM4Ni0xLjY4Mi0xLjgxMS0yLjY4NUE4LjEyIDguMTIgMCAwIDEtLjUgNy44ODRjMC0xLjE3LjIxOS0yLjI0Ni42NTgtMy4yMzMuNDI1LTEuMDAzIDEuMDM5LTEuOTE0IDEuODA4LTIuNjg1UzMuNjUuNTgyIDQuNjU0LjE1OEE4LjEyIDguMTIgMCAwIDEgNy44ODUtLjVjMS4xNjggMCAyLjI0NC4yMTkgMy4yMzIuNjU4IDEuMDI0LjQzOCAxLjkxOCAxLjA0IDIuNjg2IDEuODA2czEuMzY4IDEuNjY0IDEuODA2IDIuNjg2Yy40MzguOTg3LjY1OSAyLjA2NC42NTkgMy4yMzN2Mi4yNDV6bS0yLjM1NyAxLjUzNEwxMy45MTIgMTEuNjY0YTEuMzYgMS4zNiAwIDAgMS0uMzIxLS40NDdjLS4wNzUtLjE2OS0uMTE1LS4zNTItLjExOC0uNTM4VjcuODg0YzAtLjc2OC0uMTQ2LTEuNDgtLjQzOC0yLjEzOC0uMjgtLjY3Ni0uNjktMS4yOS0xLjIwNy0xLjgwOGE1LjYgNS42IDAgMCAwLTEuODA2LTEuMjA2IDUuMiA1LjIgMCAwIDAtMi4xMzktLjQzOGMtLjc2NiAwLTEuNDk3LjE0Ny0yLjE5Mi40MzhhNS43OCA1Ljc4IDAgMCAwLTEuNzUzIDEuMjA2IDUuNjEgNS42MSAwIDAgMC0xLjIwNSAxLjgwOGMtLjI5My42NTgtLjQzOCAxLjM2OS0uNDM4IDIuMTM4cy4xNDYgMS40OTcuNDM4IDIuMTkyYTUuNzkgNS43OSAwIDAgMCAxLjIwNiAxLjc1NGMuNTEuNTEgMS4wOTQuOTEyIDEuNzU0IDEuMjA1LjY5My4yOTMgMS40MjQuNDM4IDIuMTkyLjQzOGgyLjc5M2MuMzY3IDAgLjY5NC4xNDcuOTg3LjQzOGwxLjQyNCAxLjQyNmMuMTI0LjEyLjIyMi4yNjUuMjg4LjQyNWExLjI3IDEuMjcgMCAwIDEgLjA5Ni41MDR2MS40MjZoMS40MjZjLjkxMiAwIDEuMzY4LjQ1NiAxLjM2OCAxLjM2OHYxLjQyNWgxLjQyNmMuNDAzIDAgLjczMS4xMjguOTg3LjM4NC4yOTEuMjU2LjQzOC42MDMuNDM4IDEuMDQxdjEuMzY5aDEuMzY5Yy4zNjUgMCAuNjk0LjE0Ni45ODcuNDM4bC45ODUuOTg3aDIuMjQ2ek03Ljg4NCA1LjA4OGMuNzY4IDAgMS40MjYuMjc0IDEuOTczLjgyMnMuODI0IDEuMjA1LjgyNCAxLjk3M2EyLjY5IDIuNjkgMCAwIDEtLjgyNCAxLjk3MyAyLjY5IDIuNjkgMCAwIDEtMS45NzMuODIyIDIuNjkgMi42OSAwIDAgMS0xLjk3My0uODI0IDIuNjkgMi42OSAwIDAgMS0uODE5LTEuOTcxYzAtLjc2OC4yNzQtMS40MjYuODIyLTEuOTczYTIuNjkgMi42OSAwIDAgMSAxLjk3MS0uODIyeiIvPiYjeGE7PC9zdmc+;strokeColor=none;',
  },
  _original_width: 28,
  _original_height: 28,

}

Key Non-SAP

Preview

Usage

import { KeyNonSap } from '@dinghy/diagrams/entitiesSapGenericIcons'

<KeyNonSap/>

// or

import { extendStyle } from "@dinghy/base-components";
import { KEY_NON_SAP } from '@dinghy/diagrams/entitiesSapGenericIcons'

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

Definition

{
  _style: {
    entity: 'shape=image;editableCssRules=.*;verticalLabelPosition=bottom;labelBackgroundColor=default;verticalAlign=top;aspect=fixed;imageAspect=0;image=data:image/svg+xml,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9Ii0wLjUgLTAuNSAyOC4wMDIgMjgiIGhlaWdodD0iMjgiIHdpZHRoPSIyOC4wMDIiPiYjeGE7CSAgPHN0eWxlIHR5cGU9InRleHQvY3NzIj4uc3QwIHsgc3RvcC1jb2xvcjogcmdiKDkxLCAxMTUsIDEzOSk7IH0gLnN0MSB7IHN0b3AtY29sb3I6IHJnYigzNCwgNTMsIDcyKTsgfSA8L3N0eWxlPiYjeGE7CTxkZWZzPiYjeGE7CQk8bGluZWFyR3JhZGllbnQgZ3JhZGllbnRVbml0cz0idXNlclNwYWNlT25Vc2UiIHkyPSIyNS4zMSIgeDI9IjIzLjQ1NCIgeTE9IjMuNDc0IiB4MT0iMi4wMzkiIGlkPSJBIj4mI3hhOwkJCTxzdG9wIGNsYXNzPSJzdDAiLz4mI3hhOwkJCTxzdG9wIGNsYXNzPSJzdDEiIG9mZnNldD0iMSIvPiYjeGE7CQk8L2xpbmVhckdyYWRpZW50PiYjeGE7CTwvZGVmcz4mI3hhOwk8cGF0aCBmaWxsPSJ1cmwoI0EpIiBkPSJNMjcuMDYzIDIwLjkyNGMuMjkzLjI5My40MzguNjIxLjQzOC45ODd2NC4xNjVjMCAuOTQ5LS40NzQgMS40MjQtMS40MjYgMS40MjRoLTQuMTYzYy0uMTg2LS4wMDItLjM2OS0uMDQyLS41MzktLjExN3MtLjMyMi0uMTg1LS40NDgtLjMyMWwtLjk4Ny0uOTg1aC0yLjI0NGExLjUzIDEuNTMgMCAwIDEtMS4wNDMtLjM4NGMtLjEyOC0uMTMtLjIyNy0uMjg0LS4yOTMtLjQ1NHMtLjA5Ni0uMzUxLS4wODktLjUzM3YtMS40MjRoLTEuMzdhMS41MyAxLjUzIDAgMCAxLTEuMDQyLS4zODRjLS4xMjgtLjEzLS4yMjgtLjI4NC0uMjk0LS40NTNzLS4wOTctLjM1MS0uMDktLjUzMnYtMS40MjZoLTEuMzdjLS45NSAwLTEuNDI2LS40NzMtMS40MjYtMS40MjRWMTYuODdsLS41NDctLjYwM0g3Ljg4NGMtMS4xMzEgMC0yLjIwOS0uMjE5LTMuMjMyLS42NThhOC40OCA4LjQ4IDAgMCAxLTIuNjg1LTEuODA4Yy0uNzcxLS43Ny0xLjM4Ni0xLjY4Mi0xLjgxMS0yLjY4NUE4LjEyIDguMTIgMCAwIDEtLjUgNy44ODRjMC0xLjE3LjIxOS0yLjI0Ni42NTgtMy4yMzMuNDI1LTEuMDAzIDEuMDM5LTEuOTE0IDEuODA4LTIuNjg1UzMuNjUuNTgyIDQuNjU0LjE1OEE4LjEyIDguMTIgMCAwIDEgNy44ODUtLjVjMS4xNjggMCAyLjI0NC4yMTkgMy4yMzIuNjU4IDEuMDI0LjQzOCAxLjkxOCAxLjA0IDIuNjg2IDEuODA2czEuMzY4IDEuNjY0IDEuODA2IDIuNjg2Yy40MzguOTg3LjY1OSAyLjA2NC42NTkgMy4yMzN2Mi4yNDV6bS0yLjM1NyAxLjUzNEwxMy45MTIgMTEuNjY0YTEuMzYgMS4zNiAwIDAgMS0uMzIxLS40NDdjLS4wNzUtLjE2OS0uMTE1LS4zNTItLjExOC0uNTM4VjcuODg0YzAtLjc2OC0uMTQ2LTEuNDgtLjQzOC0yLjEzOC0uMjgtLjY3Ni0uNjktMS4yOS0xLjIwNy0xLjgwOGE1LjYgNS42IDAgMCAwLTEuODA2LTEuMjA2IDUuMiA1LjIgMCAwIDAtMi4xMzktLjQzOGMtLjc2NiAwLTEuNDk3LjE0Ny0yLjE5Mi40MzhhNS43OCA1Ljc4IDAgMCAwLTEuNzUzIDEuMjA2IDUuNjEgNS42MSAwIDAgMC0xLjIwNSAxLjgwOGMtLjI5My42NTgtLjQzOCAxLjM2OS0uNDM4IDIuMTM4cy4xNDYgMS40OTcuNDM4IDIuMTkyYTUuNzkgNS43OSAwIDAgMCAxLjIwNiAxLjc1NGMuNTEuNTEgMS4wOTQuOTEyIDEuNzU0IDEuMjA1LjY5My4yOTMgMS40MjQuNDM4IDIuMTkyLjQzOGgyLjc5M2MuMzY3IDAgLjY5NC4xNDcuOTg3LjQzOGwxLjQyNCAxLjQyNmMuMTI0LjEyLjIyMi4yNjUuMjg4LjQyNWExLjI3IDEuMjcgMCAwIDEgLjA5Ni41MDR2MS40MjZoMS40MjZjLjkxMiAwIDEuMzY4LjQ1NiAxLjM2OCAxLjM2OHYxLjQyNWgxLjQyNmMuNDAzIDAgLjczMS4xMjguOTg3LjM4NC4yOTEuMjU2LjQzOC42MDMuNDM4IDEuMDQxdjEuMzY5aDEuMzY5Yy4zNjUgMCAuNjk0LjE0Ni45ODcuNDM4bC45ODUuOTg3aDIuMjQ2ek03Ljg4NCA1LjA4OGMuNzY4IDAgMS40MjYuMjc0IDEuOTczLjgyMnMuODI0IDEuMjA1LjgyNCAxLjk3M2EyLjY5IDIuNjkgMCAwIDEtLjgyNCAxLjk3MyAyLjY5IDIuNjkgMCAwIDEtMS45NzMuODIyIDIuNjkgMi42OSAwIDAgMS0xLjk3My0uODI0IDIuNjkgMi42OSAwIDAgMS0uODE5LTEuOTcxYzAtLjc2OC4yNzQtMS40MjYuODIyLTEuOTczYTIuNjkgMi42OSAwIDAgMSAxLjk3MS0uODIyeiIvPiYjeGE7PC9zdmc+;strokeColor=none;',
  },
  _original_width: 28,
  _original_height: 28,

}

Key SAP

Preview

Usage

import { KeySap } from '@dinghy/diagrams/entitiesSapGenericIcons'

<KeySap/>

// or

import { extendStyle } from "@dinghy/base-components";
import { KEY_SAP } from '@dinghy/diagrams/entitiesSapGenericIcons'

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

Definition

{
  _style: {
    entity: 'shape=image;editableCssRules=.*;verticalLabelPosition=bottom;labelBackgroundColor=default;verticalAlign=top;aspect=fixed;imageAspect=0;image=data:image/svg+xml,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9Ii0wLjUgLTAuNSAyOC4wMDIgMjgiIGhlaWdodD0iMjgiIHdpZHRoPSIyOC4wMDIiPiYjeGE7CSAgPHN0eWxlIHR5cGU9InRleHQvY3NzIj4uc3QwIHsgc3RvcC1jb2xvcjogcmdiKDM1LCAxNDksIDI1NSk7IH0gLnN0MSB7IHN0b3AtY29sb3I6IHJnYigwLCA4NywgMjEwKTsgfSA8L3N0eWxlPiYjeGE7CTxkZWZzPiYjeGE7CQk8bGluZWFyR3JhZGllbnQgZ3JhZGllbnRVbml0cz0idXNlclNwYWNlT25Vc2UiIHkyPSIyNS4zMSIgeDI9IjIzLjQ1NCIgeTE9IjMuNDc0IiB4MT0iMi4wMzkiIGlkPSJBIj4mI3hhOwkJCTxzdG9wIGNsYXNzPSJzdDAiLz4mI3hhOwkJCTxzdG9wIGNsYXNzPSJzdDEiIG9mZnNldD0iMSIvPiYjeGE7CQk8L2xpbmVhckdyYWRpZW50PiYjeGE7CTwvZGVmcz4mI3hhOwk8cGF0aCBmaWxsPSJ1cmwoI0EpIiBkPSJNMjcuMDYzIDIwLjkyNGMuMjkzLjI5My40MzguNjIxLjQzOC45ODd2NC4xNjVjMCAuOTQ5LS40NzQgMS40MjQtMS40MjYgMS40MjRoLTQuMTYzYy0uMTg2LS4wMDItLjM2OS0uMDQyLS41MzktLjExN3MtLjMyMi0uMTg1LS40NDgtLjMyMWwtLjk4Ny0uOTg1aC0yLjI0NGExLjUzIDEuNTMgMCAwIDEtMS4wNDMtLjM4NGMtLjEyOC0uMTMtLjIyNy0uMjg0LS4yOTMtLjQ1NHMtLjA5Ni0uMzUxLS4wODktLjUzM3YtMS40MjRoLTEuMzdhMS41MyAxLjUzIDAgMCAxLTEuMDQyLS4zODRjLS4xMjgtLjEzLS4yMjgtLjI4NC0uMjk0LS40NTNzLS4wOTctLjM1MS0uMDktLjUzMnYtMS40MjZoLTEuMzdjLS45NSAwLTEuNDI2LS40NzMtMS40MjYtMS40MjRWMTYuODdsLS41NDctLjYwM0g3Ljg4NGMtMS4xMzEgMC0yLjIwOS0uMjE5LTMuMjMyLS42NThhOC40OCA4LjQ4IDAgMCAxLTIuNjg1LTEuODA4Yy0uNzcxLS43Ny0xLjM4Ni0xLjY4Mi0xLjgxMS0yLjY4NUE4LjEyIDguMTIgMCAwIDEtLjUgNy44ODRjMC0xLjE3LjIxOS0yLjI0Ni42NTgtMy4yMzMuNDI1LTEuMDAzIDEuMDM5LTEuOTE0IDEuODA4LTIuNjg1UzMuNjUuNTgyIDQuNjU0LjE1OEE4LjEyIDguMTIgMCAwIDEgNy44ODUtLjVjMS4xNjggMCAyLjI0NC4yMTkgMy4yMzIuNjU4IDEuMDI0LjQzOCAxLjkxOCAxLjA0IDIuNjg2IDEuODA2czEuMzY4IDEuNjY0IDEuODA2IDIuNjg2Yy40MzguOTg3LjY1OSAyLjA2NC42NTkgMy4yMzN2Mi4yNDV6bS0yLjM1NyAxLjUzNEwxMy45MTIgMTEuNjY0YTEuMzYgMS4zNiAwIDAgMS0uMzIxLS40NDdjLS4wNzUtLjE2OS0uMTE1LS4zNTItLjExOC0uNTM4VjcuODg0YzAtLjc2OC0uMTQ2LTEuNDgtLjQzOC0yLjEzOC0uMjgtLjY3Ni0uNjktMS4yOS0xLjIwNy0xLjgwOGE1LjYgNS42IDAgMCAwLTEuODA2LTEuMjA2IDUuMiA1LjIgMCAwIDAtMi4xMzktLjQzOGMtLjc2NiAwLTEuNDk3LjE0Ny0yLjE5Mi40MzhhNS43OCA1Ljc4IDAgMCAwLTEuNzUzIDEuMjA2IDUuNjEgNS42MSAwIDAgMC0xLjIwNSAxLjgwOGMtLjI5My42NTgtLjQzOCAxLjM2OS0uNDM4IDIuMTM4cy4xNDYgMS40OTcuNDM4IDIuMTkyYTUuNzkgNS43OSAwIDAgMCAxLjIwNiAxLjc1NGMuNTEuNTEgMS4wOTQuOTEyIDEuNzU0IDEuMjA1LjY5My4yOTMgMS40MjQuNDM4IDIuMTkyLjQzOGgyLjc5M2MuMzY3IDAgLjY5NC4xNDcuOTg3LjQzOGwxLjQyNCAxLjQyNmMuMTI0LjEyLjIyMi4yNjUuMjg4LjQyNWExLjI3IDEuMjcgMCAwIDEgLjA5Ni41MDR2MS40MjZoMS40MjZjLjkxMiAwIDEuMzY4LjQ1NiAxLjM2OCAxLjM2OHYxLjQyNWgxLjQyNmMuNDAzIDAgLjczMS4xMjguOTg3LjM4NC4yOTEuMjU2LjQzOC42MDMuNDM4IDEuMDQxdjEuMzY5aDEuMzY5Yy4zNjUgMCAuNjk0LjE0Ni45ODcuNDM4bC45ODUuOTg3aDIuMjQ2ek03Ljg4NCA1LjA4OGMuNzY4IDAgMS40MjYuMjc0IDEuOTczLjgyMnMuODI0IDEuMjA1LjgyNCAxLjk3M2EyLjY5IDIuNjkgMCAwIDEtLjgyNCAxLjk3MyAyLjY5IDIuNjkgMCAwIDEtMS45NzMuODIyIDIuNjkgMi42OSAwIDAgMS0xLjk3My0uODI0IDIuNjkgMi42OSAwIDAgMS0uODE5LTEuOTcxYzAtLjc2OC4yNzQtMS40MjYuODIyLTEuOTczYTIuNjkgMi42OSAwIDAgMSAxLjk3MS0uODIyeiIvPiYjeGE7PC9zdmc+;strokeColor=none;',
  },
  _original_width: 28,
  _original_height: 28,

}

Link Highlight

Preview

Usage

import { LinkHighlight } from '@dinghy/diagrams/entitiesSapGenericIcons'

<LinkHighlight/>

// or

import { extendStyle } from "@dinghy/base-components";
import { LINK_HIGHLIGHT } from '@dinghy/diagrams/entitiesSapGenericIcons'

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

Definition

{
  _style: {
    entity: 'shape=image;editableCssRules=.*;verticalLabelPosition=bottom;labelBackgroundColor=default;verticalAlign=top;aspect=fixed;imageAspect=0;image=data:image/svg+xml,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9Ii0wLjUgLTAuNSAyNy45NDcgMjgiIGhlaWdodD0iMjgiIHdpZHRoPSIyNy45NDciPiYjeGE7CSAgPHN0eWxlIHR5cGU9InRleHQvY3NzIj4mI3hhOwkJLnN0MHtzdG9wLWNvbG9yOiMwMGNlYWM7fSYjeGE7CQkuc3Qxe3N0b3AtY29sb3I6IzA3ODM4Zjt9JiN4YTsJICA8L3N0eWxlPiYjeGE7CTxkZWZzPiYjeGE7CQk8bGluZWFyR3JhZGllbnQgZ3JhZGllbnRVbml0cz0idXNlclNwYWNlT25Vc2UiIHkyPSIyNS4yNjkiIHgyPSIyMy40NSIgeTE9IjMuNDc0IiB4MT0iMi4wMzQiIGlkPSJBIj4mI3hhOwkJCTxzdG9wIGNsYXNzPSJzdDAiLz4mI3hhOwkJCTxzdG9wIGNsYXNzPSJzdDEiIG9mZnNldD0iMSIvPiYjeGE7CQk8L2xpbmVhckdyYWRpZW50PiYjeGE7CTwvZGVmcz4mI3hhOwk8cGF0aCBmaWxsPSJ1cmwoI0EpIiBkPSJNMTIuMTg5IDIwLjk5MmMuMTQzLS4xNDQuMzEzLS4yNTcuNTAyLS4zMzJzLjM5LS4xMTEuNTkyLS4xMDVjLjQzOCAwIC43NjcuMjAxLjk4NS42MDIuMjkuMjkyLjQzOC42MzkuNDM4IDEuMDRzLS4xNDcuNzQ3LS40MzcgMS4wNGwtMi4wODEgMi4wMjNjLS43MTMuNzE4LTEuNTcgMS4yNzctMi41MTUgMS42NGE2Ljg0IDYuODQgMCAwIDEtMi43OS42MDJjLS45NjItLjAwMy0xLjkxMi0uMjA4LTIuNzktLjYwMi0uODc1LS4zNjQtMS42NzYtLjkxLTIuNDA2LTEuNjQtLjcwOS0uNjk5LTEuMjY3LTEuNTM3LTEuNjQtMi40NmE3LjQ1IDcuNDUgMCAwIDEtLjU0OC0yLjc5YzAtLjk0OC4xODItMS44NzguNTQ4LTIuNzg5cy45MS0xLjczMyAxLjY0LTIuNDYxbDQuMTU2LTQuMTAyYy43My0uNzMgMS41NS0xLjI3NyAyLjQ2LTEuNjQxYTcuMjUgNy4yNSAwIDAgMSAyLjg0NC0uNmMuOTQ4IDAgMS44NzguMiAyLjc5LjYuOTEyLjM2NiAxLjcxNS45MTIgMi40MDYgMS42NDFhMS40MiAxLjQyIDAgMCAxIC40MzggMS4wNGMwIC40MDEtLjE0NS43NDctLjQzNyAxLjAzOGExLjQyIDEuNDIgMCAwIDEtMS4wMzkuNDM4IDEuNDIgMS40MiAwIDAgMS0xLjAzOC0uNDM3Yy0uODQtLjkxLTEuODYtMS4zNjUtMy4wNjItMS4zNjVzLTIuMjQ0LjQ1NS0zLjExOCAxLjM2NWwtNC4xNTMgNC4xMDJjLS45MS44NC0xLjM2NSAxLjg2LTEuMzY1IDMuMDYzcy40NTUgMi4yNjEgMS4zNjUgMy4xNzNjLjg0Ljg3NSAxLjg2IDEuMzEzIDMuMDYzIDEuMzEzczIuMjQ0LS40MzcgMy4xMTktMS4zMTJsMi4wNzQtMi4wODF6bTEzLjAxNy0xOS4yNWMuNzI4LjY5MyAxLjI3NiAxLjQ5NSAxLjY0IDIuNDA2YTYuODQgNi44NCAwIDAgMSAuNjAyIDIuNzljMCAuOTQ5LS4yMDEgMS44NzgtLjYwMiAyLjc5LS4zNjQuODc1LS45MSAxLjY3Ny0xLjY0IDIuNDA2bC00LjEwMiA0LjFjLS43NjcuNzY3LTEuNjA1IDEuMzMtMi41MTcgMS42OTgtLjkwNC4zNjMtMS44NjguNTQ4LTIuODQyLjU0NmE3LjQ1IDcuNDUgMCAwIDEtMi43OS0uNTQ4Yy0uOTAxLS4zODMtMS43MDQtLjk2Mi0yLjM1Mi0xLjY5NmExLjM2IDEuMzYgMCAwIDEtLjQzNy0uOTgzYzAtLjQwMi4xNDUtLjc0Ny40MzgtMS4wNGExLjM2IDEuMzYgMCAwIDEgLjk4NS0uNDM3IDEuNDIgMS40MiAwIDAgMSAxLjAzOC40MzggMy44NSAzLjg1IDAgMCAwIDEuNDIzLjk4NSA0LjM5IDQuMzkgMCAwIDAgMy4zMzYgMGMuNTQ4LS4yMTkgMS4wNC0uNTQ4IDEuNDc3LS45ODVsNC4xNTYtNC4xNTZjLjg3NS0uODM4IDEuMzEzLTEuODU5IDEuMzEzLTMuMDYzcy0uNDM3LTIuMjU5LTEuMzEyLTMuMTcxYy0uODQtLjg3NS0xLjg2LTEuMzEyLTMuMDYyLTEuMzEycy0yLjI2MS40MzgtMy4xNzMgMS4zMTNsLTIuMDc1IDIuMDc3YTEuNDIgMS40MiAwIDAgMS0xLjAzOS40MzggMS40MiAxLjQyIDAgMCAxLTEuMDQtLjQzNyAxLjQyIDEuNDIgMCAwIDEtLjQzNy0xLjA0IDEuNDIgMS40MiAwIDAgMSAuNDM4LTEuMDM4bDIuMDc5LTIuMDgxYy43MjgtLjcyOCAxLjU0OS0xLjI3NiAyLjQ2LTEuNjRhNy4yNSA3LjI1IDAgMCAxIDIuODQyLS42Yy45NDggMCAxLjg3OC4yMDEgMi43OS42MDIuOTEuMzY0IDEuNzEzLjkxIDIuNDA2IDEuNjR6Ii8+JiN4YTs8L3N2Zz4=;strokeColor=none;',
  },
  _original_width: 28,
  _original_height: 28,

}

Link Non-SAP

Preview

Usage

import { LinkNonSap } from '@dinghy/diagrams/entitiesSapGenericIcons'

<LinkNonSap/>

// or

import { extendStyle } from "@dinghy/base-components";
import { LINK_NON_SAP } from '@dinghy/diagrams/entitiesSapGenericIcons'

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

Definition

{
  _style: {
    entity: 'shape=image;editableCssRules=.*;verticalLabelPosition=bottom;labelBackgroundColor=default;verticalAlign=top;aspect=fixed;imageAspect=0;image=data:image/svg+xml,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9Ii0wLjUgLTAuNSAyNy45NDcgMjgiIGhlaWdodD0iMjgiIHdpZHRoPSIyNy45NDciPiYjeGE7CSAgPHN0eWxlIHR5cGU9InRleHQvY3NzIj4uc3QwIHsgc3RvcC1jb2xvcjogcmdiKDkxLCAxMTUsIDEzOSk7IH0gLnN0MSB7IHN0b3AtY29sb3I6IHJnYigzNCwgNTMsIDcyKTsgfSA8L3N0eWxlPiYjeGE7CTxkZWZzPiYjeGE7CQk8bGluZWFyR3JhZGllbnQgZ3JhZGllbnRVbml0cz0idXNlclNwYWNlT25Vc2UiIHkyPSIyNS4yNjkiIHgyPSIyMy40NSIgeTE9IjMuNDc0IiB4MT0iMi4wMzQiIGlkPSJBIj4mI3hhOwkJCTxzdG9wIGNsYXNzPSJzdDAiLz4mI3hhOwkJCTxzdG9wIGNsYXNzPSJzdDEiIG9mZnNldD0iMSIvPiYjeGE7CQk8L2xpbmVhckdyYWRpZW50PiYjeGE7CTwvZGVmcz4mI3hhOwk8cGF0aCBmaWxsPSJ1cmwoI0EpIiBkPSJNMTIuMTg5IDIwLjk5MmMuMTQzLS4xNDQuMzEzLS4yNTcuNTAyLS4zMzJzLjM5LS4xMTEuNTkyLS4xMDVjLjQzOCAwIC43NjcuMjAxLjk4NS42MDIuMjkuMjkyLjQzOC42MzkuNDM4IDEuMDRzLS4xNDcuNzQ3LS40MzcgMS4wNGwtMi4wODEgMi4wMjNjLS43MTMuNzE4LTEuNTcgMS4yNzctMi41MTUgMS42NGE2Ljg0IDYuODQgMCAwIDEtMi43OS42MDJjLS45NjItLjAwMy0xLjkxMi0uMjA4LTIuNzktLjYwMi0uODc1LS4zNjQtMS42NzYtLjkxLTIuNDA2LTEuNjQtLjcwOS0uNjk5LTEuMjY3LTEuNTM3LTEuNjQtMi40NmE3LjQ1IDcuNDUgMCAwIDEtLjU0OC0yLjc5YzAtLjk0OC4xODItMS44NzguNTQ4LTIuNzg5cy45MS0xLjczMyAxLjY0LTIuNDYxbDQuMTU2LTQuMTAyYy43My0uNzMgMS41NS0xLjI3NyAyLjQ2LTEuNjQxYTcuMjUgNy4yNSAwIDAgMSAyLjg0NC0uNmMuOTQ4IDAgMS44NzguMiAyLjc5LjYuOTEyLjM2NiAxLjcxNS45MTIgMi40MDYgMS42NDFhMS40MiAxLjQyIDAgMCAxIC40MzggMS4wNGMwIC40MDEtLjE0NS43NDctLjQzNyAxLjAzOGExLjQyIDEuNDIgMCAwIDEtMS4wMzkuNDM4IDEuNDIgMS40MiAwIDAgMS0xLjAzOC0uNDM3Yy0uODQtLjkxLTEuODYtMS4zNjUtMy4wNjItMS4zNjVzLTIuMjQ0LjQ1NS0zLjExOCAxLjM2NWwtNC4xNTMgNC4xMDJjLS45MS44NC0xLjM2NSAxLjg2LTEuMzY1IDMuMDYzcy40NTUgMi4yNjEgMS4zNjUgMy4xNzNjLjg0Ljg3NSAxLjg2IDEuMzEzIDMuMDYzIDEuMzEzczIuMjQ0LS40MzcgMy4xMTktMS4zMTJsMi4wNzQtMi4wODF6bTEzLjAxNy0xOS4yNWMuNzI4LjY5MyAxLjI3NiAxLjQ5NSAxLjY0IDIuNDA2YTYuODQgNi44NCAwIDAgMSAuNjAyIDIuNzljMCAuOTQ5LS4yMDEgMS44NzgtLjYwMiAyLjc5LS4zNjQuODc1LS45MSAxLjY3Ny0xLjY0IDIuNDA2bC00LjEwMiA0LjFjLS43NjcuNzY3LTEuNjA1IDEuMzMtMi41MTcgMS42OTgtLjkwNC4zNjMtMS44NjguNTQ4LTIuODQyLjU0NmE3LjQ1IDcuNDUgMCAwIDEtMi43OS0uNTQ4Yy0uOTAxLS4zODMtMS43MDQtLjk2Mi0yLjM1Mi0xLjY5NmExLjM2IDEuMzYgMCAwIDEtLjQzNy0uOTgzYzAtLjQwMi4xNDUtLjc0Ny40MzgtMS4wNGExLjM2IDEuMzYgMCAwIDEgLjk4NS0uNDM3IDEuNDIgMS40MiAwIDAgMSAxLjAzOC40MzggMy44NSAzLjg1IDAgMCAwIDEuNDIzLjk4NSA0LjM5IDQuMzkgMCAwIDAgMy4zMzYgMGMuNTQ4LS4yMTkgMS4wNC0uNTQ4IDEuNDc3LS45ODVsNC4xNTYtNC4xNTZjLjg3NS0uODM4IDEuMzEzLTEuODU5IDEuMzEzLTMuMDYzcy0uNDM3LTIuMjU5LTEuMzEyLTMuMTcxYy0uODQtLjg3NS0xLjg2LTEuMzEyLTMuMDYyLTEuMzEycy0yLjI2MS40MzgtMy4xNzMgMS4zMTNsLTIuMDc1IDIuMDc3YTEuNDIgMS40MiAwIDAgMS0xLjAzOS40MzggMS40MiAxLjQyIDAgMCAxLTEuMDQtLjQzNyAxLjQyIDEuNDIgMCAwIDEtLjQzNy0xLjA0IDEuNDIgMS40MiAwIDAgMSAuNDM4LTEuMDM4bDIuMDc5LTIuMDgxYy43MjgtLjcyOCAxLjU0OS0xLjI3NiAyLjQ2LTEuNjRhNy4yNSA3LjI1IDAgMCAxIDIuODQyLS42Yy45NDggMCAxLjg3OC4yMDEgMi43OS42MDIuOTEuMzY0IDEuNzEzLjkxIDIuNDA2IDEuNjR6Ii8+JiN4YTs8L3N2Zz4=;strokeColor=none;',
  },
  _original_width: 28,
  _original_height: 28,

}

Link SAP

Preview

Usage

import { LinkSap } from '@dinghy/diagrams/entitiesSapGenericIcons'

<LinkSap/>

// or

import { extendStyle } from "@dinghy/base-components";
import { LINK_SAP } from '@dinghy/diagrams/entitiesSapGenericIcons'

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

Definition

{
  _style: {
    entity: 'shape=image;editableCssRules=.*;verticalLabelPosition=bottom;labelBackgroundColor=default;verticalAlign=top;aspect=fixed;imageAspect=0;image=data:image/svg+xml,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9Ii0wLjUgLTAuNSAyNy45NDcgMjgiIGhlaWdodD0iMjgiIHdpZHRoPSIyNy45NDciPiYjeGE7CSAgPHN0eWxlIHR5cGU9InRleHQvY3NzIj4uc3QwIHsgc3RvcC1jb2xvcjogcmdiKDM1LCAxNDksIDI1NSk7IH0gLnN0MSB7IHN0b3AtY29sb3I6IHJnYigwLCA4NywgMjEwKTsgfSA8L3N0eWxlPiYjeGE7CTxkZWZzPiYjeGE7CQk8bGluZWFyR3JhZGllbnQgZ3JhZGllbnRVbml0cz0idXNlclNwYWNlT25Vc2UiIHkyPSIyNS4yNjkiIHgyPSIyMy40NSIgeTE9IjMuNDc0IiB4MT0iMi4wMzQiIGlkPSJBIj4mI3hhOwkJCTxzdG9wIGNsYXNzPSJzdDAiLz4mI3hhOwkJCTxzdG9wIGNsYXNzPSJzdDEiIG9mZnNldD0iMSIvPiYjeGE7CQk8L2xpbmVhckdyYWRpZW50PiYjeGE7CTwvZGVmcz4mI3hhOwk8cGF0aCBmaWxsPSJ1cmwoI0EpIiBkPSJNMTIuMTg5IDIwLjk5MmMuMTQzLS4xNDQuMzEzLS4yNTcuNTAyLS4zMzJzLjM5LS4xMTEuNTkyLS4xMDVjLjQzOCAwIC43NjcuMjAxLjk4NS42MDIuMjkuMjkyLjQzOC42MzkuNDM4IDEuMDRzLS4xNDcuNzQ3LS40MzcgMS4wNGwtMi4wODEgMi4wMjNjLS43MTMuNzE4LTEuNTcgMS4yNzctMi41MTUgMS42NGE2Ljg0IDYuODQgMCAwIDEtMi43OS42MDJjLS45NjItLjAwMy0xLjkxMi0uMjA4LTIuNzktLjYwMi0uODc1LS4zNjQtMS42NzYtLjkxLTIuNDA2LTEuNjQtLjcwOS0uNjk5LTEuMjY3LTEuNTM3LTEuNjQtMi40NmE3LjQ1IDcuNDUgMCAwIDEtLjU0OC0yLjc5YzAtLjk0OC4xODItMS44NzguNTQ4LTIuNzg5cy45MS0xLjczMyAxLjY0LTIuNDYxbDQuMTU2LTQuMTAyYy43My0uNzMgMS41NS0xLjI3NyAyLjQ2LTEuNjQxYTcuMjUgNy4yNSAwIDAgMSAyLjg0NC0uNmMuOTQ4IDAgMS44NzguMiAyLjc5LjYuOTEyLjM2NiAxLjcxNS45MTIgMi40MDYgMS42NDFhMS40MiAxLjQyIDAgMCAxIC40MzggMS4wNGMwIC40MDEtLjE0NS43NDctLjQzNyAxLjAzOGExLjQyIDEuNDIgMCAwIDEtMS4wMzkuNDM4IDEuNDIgMS40MiAwIDAgMS0xLjAzOC0uNDM3Yy0uODQtLjkxLTEuODYtMS4zNjUtMy4wNjItMS4zNjVzLTIuMjQ0LjQ1NS0zLjExOCAxLjM2NWwtNC4xNTMgNC4xMDJjLS45MS44NC0xLjM2NSAxLjg2LTEuMzY1IDMuMDYzcy40NTUgMi4yNjEgMS4zNjUgMy4xNzNjLjg0Ljg3NSAxLjg2IDEuMzEzIDMuMDYzIDEuMzEzczIuMjQ0LS40MzcgMy4xMTktMS4zMTJsMi4wNzQtMi4wODF6bTEzLjAxNy0xOS4yNWMuNzI4LjY5MyAxLjI3NiAxLjQ5NSAxLjY0IDIuNDA2YTYuODQgNi44NCAwIDAgMSAuNjAyIDIuNzljMCAuOTQ5LS4yMDEgMS44NzgtLjYwMiAyLjc5LS4zNjQuODc1LS45MSAxLjY3Ny0xLjY0IDIuNDA2bC00LjEwMiA0LjFjLS43NjcuNzY3LTEuNjA1IDEuMzMtMi41MTcgMS42OTgtLjkwNC4zNjMtMS44NjguNTQ4LTIuODQyLjU0NmE3LjQ1IDcuNDUgMCAwIDEtMi43OS0uNTQ4Yy0uOTAxLS4zODMtMS43MDQtLjk2Mi0yLjM1Mi0xLjY5NmExLjM2IDEuMzYgMCAwIDEtLjQzNy0uOTgzYzAtLjQwMi4xNDUtLjc0Ny40MzgtMS4wNGExLjM2IDEuMzYgMCAwIDEgLjk4NS0uNDM3IDEuNDIgMS40MiAwIDAgMSAxLjAzOC40MzggMy44NSAzLjg1IDAgMCAwIDEuNDIzLjk4NSA0LjM5IDQuMzkgMCAwIDAgMy4zMzYgMGMuNTQ4LS4yMTkgMS4wNC0uNTQ4IDEuNDc3LS45ODVsNC4xNTYtNC4xNTZjLjg3NS0uODM4IDEuMzEzLTEuODU5IDEuMzEzLTMuMDYzcy0uNDM3LTIuMjU5LTEuMzEyLTMuMTcxYy0uODQtLjg3NS0xLjg2LTEuMzEyLTMuMDYyLTEuMzEycy0yLjI2MS40MzgtMy4xNzMgMS4zMTNsLTIuMDc1IDIuMDc3YTEuNDIgMS40MiAwIDAgMS0xLjAzOS40MzggMS40MiAxLjQyIDAgMCAxLTEuMDQtLjQzNyAxLjQyIDEuNDIgMCAwIDEtLjQzNy0xLjA0IDEuNDIgMS40MiAwIDAgMSAuNDM4LTEuMDM4bDIuMDc5LTIuMDgxYy43MjgtLjcyOCAxLjU0OS0xLjI3NiAyLjQ2LTEuNjRhNy4yNSA3LjI1IDAgMCAxIDIuODQyLS42Yy45NDggMCAxLjg3OC4yMDEgMi43OS42MDIuOTEuMzY0IDEuNzEzLjkxIDIuNDA2IDEuNjR6Ii8+JiN4YTs8L3N2Zz4=;strokeColor=none;',
  },
  _original_width: 28,
  _original_height: 28,

}

Locked Highlight

Preview

Usage

import { LockedHighlight } from '@dinghy/diagrams/entitiesSapGenericIcons'

<LockedHighlight/>

// or

import { extendStyle } from "@dinghy/base-components";
import { LOCKED_HIGHLIGHT } from '@dinghy/diagrams/entitiesSapGenericIcons'

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

Definition

{
  _style: {
    entity: 'shape=image;editableCssRules=.*;verticalLabelPosition=bottom;labelBackgroundColor=default;verticalAlign=top;aspect=fixed;imageAspect=0;image=data:image/svg+xml,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9Ii0wLjUgLTAuNSAyMi40MSAyOCIgaGVpZ2h0PSIyOCIgd2lkdGg9IjIyLjQxIj4mI3hhOwkgIDxzdHlsZSB0eXBlPSJ0ZXh0L2NzcyI+JiN4YTsJCS5zdDB7c3RvcC1jb2xvcjojMDBjZWFjO30mI3hhOwkJLnN0MXtzdG9wLWNvbG9yOiMwNzgzOGY7fSYjeGE7CSAgPC9zdHlsZT4mI3hhOwk8ZGVmcz4mI3hhOwkJPGxpbmVhckdyYWRpZW50IGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIiB5Mj0iMjAuNTk4IiB4Mj0iMjIuNTE2IiB5MT0iMy40NzQiIHgxPSIxLjUzMiIgaWQ9IkEiPiYjeGE7CQkJPHN0b3AgY2xhc3M9InN0MCIvPiYjeGE7CQkJPHN0b3AgY2xhc3M9InN0MSIgb2Zmc2V0PSIxIi8+JiN4YTsJCTwvbGluZWFyR3JhZGllbnQ+JiN4YTsJPC9kZWZzPiYjeGE7CTxwYXRoIGZpbGw9InVybCgjQSkiIGQ9Ik0xNy42OTEgMTAuNjc4YzEuMjA2IDAgMi4yMDkuNDIxIDMuMDE0IDEuMjYxLjgwMy44MDMgMS4yMDUgMS43ODggMS4yMDUgMi45NnY4LjM4MWMwIDEuMjA2LS40MDEgMi4yMTEtMS4yMDUgMy4wMTZTMTguODk4IDI3LjUgMTcuNjkxIDI3LjVIMy43MTljLTEuMjA1IDAtMi4yMDktLjQwMy0zLjAxMi0xLjIwNlMtLjUgMjQuNDg4LS41IDIzLjI4MXYtOC4zODNjMC0xLjE2OS40MDMtMi4xNTcgMS4yMDYtMi45Ni44MDMtLjg0MiAxLjgwNi0xLjI2MSAzLjAxMi0xLjI2MVY2LjUxNGMwLS45ODUuMTgyLTEuODk5LjU0OS0yLjczOS4zNjUtLjg3Ny44NTktMS42MjUgMS40NzgtMi4yNDZTNy4wOTcuNDE0IDcuOTM3LjA0OSA5LjY5MS0uNSAxMC42NzgtLjVzMS44OTkuMTgyIDIuNzQxLjU0OWMuODc3LjM2NSAxLjYyNS44NTkgMi4yNDQgMS40OHMxLjExNSAxLjM2OCAxLjQ4MiAyLjI0NGMuMzY1Ljg0Mi41NDcgMS43NTMuNTQ3IDIuNzQxem0tMTEuMTc4IDBoOC4zODNWNi41MTRjMC0xLjIwNS0uNDAyLTIuMjA5LTEuMjA1LTMuMDEycy0xLjgwOC0xLjIwOC0zLjAxNC0xLjIwOGMtMS4xNjkgMC0yLjE1Ny40MDMtMi45NiAxLjIwNlM2LjUxNCA1LjMwNSA2LjUxNCA2LjUxMnptMTIuNjAzIDQuMjJhMS4yNSAxLjI1IDAgMCAwLS40MzgtLjk4N2MtLjEzLS4xMjgtLjI4NC0uMjI4LS40NTQtLjI5NHMtLjM1MS0uMDk3LS41MzMtLjA5SDMuNzE5Yy0uOTQ5IDAtMS40MjQuNDU2LTEuNDI0IDEuMzcxdjguMzgxYzAgLjk1LjQ3MyAxLjQyNSAxLjQyNCAxLjQyNWgxMy45NzNjLjQwMyAwIC43MzEtLjEyOC45ODctLjM4Mi4yOTEtLjI1Ni40MzgtLjYwMy40MzgtMS4wNDF6bS04LjQzOSAxLjQyMmMuODAzIDAgMS40NjEuMjc0IDEuOTczLjgyMi41NDkuNTEuODIyIDEuMTY4LjgyMiAxLjk3M2EyLjY5IDIuNjkgMCAwIDEtLjgyMiAxLjk3M2MtLjUxMi41NDctMS4xNjkuODIyLTEuOTczLjgyMi0uNzY4IDAtMS40MjUtLjI3NS0xLjk3My0uODI0YTIuNjkgMi42OSAwIDAgMS0uODIyLTEuOTcxYzAtLjgwNS4yNzUtMS40NjIuODIyLTEuOTczYTIuNjkgMi42OSAwIDAgMSAxLjk3My0uODIyeiIvPiYjeGE7PC9zdmc+;strokeColor=none;',
  },
  _width: 22,
  _height: 28,
}

Locked Non-SAP

Preview

Usage

import { LockedNonSap } from '@dinghy/diagrams/entitiesSapGenericIcons'

<LockedNonSap/>

// or

import { extendStyle } from "@dinghy/base-components";
import { LOCKED_NON_SAP } from '@dinghy/diagrams/entitiesSapGenericIcons'

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

Definition

{
  _style: {
    entity: 'shape=image;editableCssRules=.*;verticalLabelPosition=bottom;labelBackgroundColor=default;verticalAlign=top;aspect=fixed;imageAspect=0;image=data:image/svg+xml,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9Ii0wLjUgLTAuNSAyMi40MSAyOCIgaGVpZ2h0PSIyOCIgd2lkdGg9IjIyLjQxIj4mI3hhOwkgIDxzdHlsZSB0eXBlPSJ0ZXh0L2NzcyI+LnN0MCB7IHN0b3AtY29sb3I6IHJnYig5MSwgMTE1LCAxMzkpOyB9IC5zdDEgeyBzdG9wLWNvbG9yOiByZ2IoMzQsIDUzLCA3Mik7IH0gPC9zdHlsZT4mI3hhOwk8ZGVmcz4mI3hhOwkJPGxpbmVhckdyYWRpZW50IGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIiB5Mj0iMjAuNTk4IiB4Mj0iMjIuNTE2IiB5MT0iMy40NzQiIHgxPSIxLjUzMiIgaWQ9IkEiPiYjeGE7CQkJPHN0b3AgY2xhc3M9InN0MCIvPiYjeGE7CQkJPHN0b3AgY2xhc3M9InN0MSIgb2Zmc2V0PSIxIi8+JiN4YTsJCTwvbGluZWFyR3JhZGllbnQ+JiN4YTsJPC9kZWZzPiYjeGE7CTxwYXRoIGZpbGw9InVybCgjQSkiIGQ9Ik0xNy42OTEgMTAuNjc4YzEuMjA2IDAgMi4yMDkuNDIxIDMuMDE0IDEuMjYxLjgwMy44MDMgMS4yMDUgMS43ODggMS4yMDUgMi45NnY4LjM4MWMwIDEuMjA2LS40MDEgMi4yMTEtMS4yMDUgMy4wMTZTMTguODk4IDI3LjUgMTcuNjkxIDI3LjVIMy43MTljLTEuMjA1IDAtMi4yMDktLjQwMy0zLjAxMi0xLjIwNlMtLjUgMjQuNDg4LS41IDIzLjI4MXYtOC4zODNjMC0xLjE2OS40MDMtMi4xNTcgMS4yMDYtMi45Ni44MDMtLjg0MiAxLjgwNi0xLjI2MSAzLjAxMi0xLjI2MVY2LjUxNGMwLS45ODUuMTgyLTEuODk5LjU0OS0yLjczOS4zNjUtLjg3Ny44NTktMS42MjUgMS40NzgtMi4yNDZTNy4wOTcuNDE0IDcuOTM3LjA0OSA5LjY5MS0uNSAxMC42NzgtLjVzMS44OTkuMTgyIDIuNzQxLjU0OWMuODc3LjM2NSAxLjYyNS44NTkgMi4yNDQgMS40OHMxLjExNSAxLjM2OCAxLjQ4MiAyLjI0NGMuMzY1Ljg0Mi41NDcgMS43NTMuNTQ3IDIuNzQxem0tMTEuMTc4IDBoOC4zODNWNi41MTRjMC0xLjIwNS0uNDAyLTIuMjA5LTEuMjA1LTMuMDEycy0xLjgwOC0xLjIwOC0zLjAxNC0xLjIwOGMtMS4xNjkgMC0yLjE1Ny40MDMtMi45NiAxLjIwNlM2LjUxNCA1LjMwNSA2LjUxNCA2LjUxMnptMTIuNjAzIDQuMjJhMS4yNSAxLjI1IDAgMCAwLS40MzgtLjk4N2MtLjEzLS4xMjgtLjI4NC0uMjI4LS40NTQtLjI5NHMtLjM1MS0uMDk3LS41MzMtLjA5SDMuNzE5Yy0uOTQ5IDAtMS40MjQuNDU2LTEuNDI0IDEuMzcxdjguMzgxYzAgLjk1LjQ3MyAxLjQyNSAxLjQyNCAxLjQyNWgxMy45NzNjLjQwMyAwIC43MzEtLjEyOC45ODctLjM4Mi4yOTEtLjI1Ni40MzgtLjYwMy40MzgtMS4wNDF6bS04LjQzOSAxLjQyMmMuODAzIDAgMS40NjEuMjc0IDEuOTczLjgyMi41NDkuNTEuODIyIDEuMTY4LjgyMiAxLjk3M2EyLjY5IDIuNjkgMCAwIDEtLjgyMiAxLjk3M2MtLjUxMi41NDctMS4xNjkuODIyLTEuOTczLjgyMi0uNzY4IDAtMS40MjUtLjI3NS0xLjk3My0uODI0YTIuNjkgMi42OSAwIDAgMS0uODIyLTEuOTcxYzAtLjgwNS4yNzUtMS40NjIuODIyLTEuOTczYTIuNjkgMi42OSAwIDAgMSAxLjk3My0uODIyeiIvPiYjeGE7PC9zdmc+;strokeColor=none;',
  },
  _width: 22,
  _height: 28,
}

Locked SAP

Preview

Usage

import { LockedSap } from '@dinghy/diagrams/entitiesSapGenericIcons'

<LockedSap/>

// or

import { extendStyle } from "@dinghy/base-components";
import { LOCKED_SAP } from '@dinghy/diagrams/entitiesSapGenericIcons'

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

Definition

{
  _style: {
    entity: 'shape=image;editableCssRules=.*;verticalLabelPosition=bottom;labelBackgroundColor=default;verticalAlign=top;aspect=fixed;imageAspect=0;image=data:image/svg+xml,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9Ii0wLjUgLTAuNSAyMi40MSAyOCIgaGVpZ2h0PSIyOCIgd2lkdGg9IjIyLjQxIj4mI3hhOwkgIDxzdHlsZSB0eXBlPSJ0ZXh0L2NzcyI+LnN0MCB7IHN0b3AtY29sb3I6IHJnYigzNSwgMTQ5LCAyNTUpOyB9IC5zdDEgeyBzdG9wLWNvbG9yOiByZ2IoMCwgODcsIDIxMCk7IH0gPC9zdHlsZT4mI3hhOwk8ZGVmcz4mI3hhOwkJPGxpbmVhckdyYWRpZW50IGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIiB5Mj0iMjAuNTk4IiB4Mj0iMjIuNTE2IiB5MT0iMy40NzQiIHgxPSIxLjUzMiIgaWQ9IkEiPiYjeGE7CQkJPHN0b3AgY2xhc3M9InN0MCIvPiYjeGE7CQkJPHN0b3AgY2xhc3M9InN0MSIgb2Zmc2V0PSIxIi8+JiN4YTsJCTwvbGluZWFyR3JhZGllbnQ+JiN4YTsJPC9kZWZzPiYjeGE7CTxwYXRoIGZpbGw9InVybCgjQSkiIGQ9Ik0xNy42OTEgMTAuNjc4YzEuMjA2IDAgMi4yMDkuNDIxIDMuMDE0IDEuMjYxLjgwMy44MDMgMS4yMDUgMS43ODggMS4yMDUgMi45NnY4LjM4MWMwIDEuMjA2LS40MDEgMi4yMTEtMS4yMDUgMy4wMTZTMTguODk4IDI3LjUgMTcuNjkxIDI3LjVIMy43MTljLTEuMjA1IDAtMi4yMDktLjQwMy0zLjAxMi0xLjIwNlMtLjUgMjQuNDg4LS41IDIzLjI4MXYtOC4zODNjMC0xLjE2OS40MDMtMi4xNTcgMS4yMDYtMi45Ni44MDMtLjg0MiAxLjgwNi0xLjI2MSAzLjAxMi0xLjI2MVY2LjUxNGMwLS45ODUuMTgyLTEuODk5LjU0OS0yLjczOS4zNjUtLjg3Ny44NTktMS42MjUgMS40NzgtMi4yNDZTNy4wOTcuNDE0IDcuOTM3LjA0OSA5LjY5MS0uNSAxMC42NzgtLjVzMS44OTkuMTgyIDIuNzQxLjU0OWMuODc3LjM2NSAxLjYyNS44NTkgMi4yNDQgMS40OHMxLjExNSAxLjM2OCAxLjQ4MiAyLjI0NGMuMzY1Ljg0Mi41NDcgMS43NTMuNTQ3IDIuNzQxem0tMTEuMTc4IDBoOC4zODNWNi41MTRjMC0xLjIwNS0uNDAyLTIuMjA5LTEuMjA1LTMuMDEycy0xLjgwOC0xLjIwOC0zLjAxNC0xLjIwOGMtMS4xNjkgMC0yLjE1Ny40MDMtMi45NiAxLjIwNlM2LjUxNCA1LjMwNSA2LjUxNCA2LjUxMnptMTIuNjAzIDQuMjJhMS4yNSAxLjI1IDAgMCAwLS40MzgtLjk4N2MtLjEzLS4xMjgtLjI4NC0uMjI4LS40NTQtLjI5NHMtLjM1MS0uMDk3LS41MzMtLjA5SDMuNzE5Yy0uOTQ5IDAtMS40MjQuNDU2LTEuNDI0IDEuMzcxdjguMzgxYzAgLjk1LjQ3MyAxLjQyNSAxLjQyNCAxLjQyNWgxMy45NzNjLjQwMyAwIC43MzEtLjEyOC45ODctLjM4Mi4yOTEtLjI1Ni40MzgtLjYwMy40MzgtMS4wNDF6bS04LjQzOSAxLjQyMmMuODAzIDAgMS40NjEuMjc0IDEuOTczLjgyMi41NDkuNTEuODIyIDEuMTY4LjgyMiAxLjk3M2EyLjY5IDIuNjkgMCAwIDEtLjgyMiAxLjk3M2MtLjUxMi41NDctMS4xNjkuODIyLTEuOTczLjgyMi0uNzY4IDAtMS40MjUtLjI3NS0xLjk3My0uODI0YTIuNjkgMi42OSAwIDAgMS0uODIyLTEuOTcxYzAtLjgwNS4yNzUtMS40NjIuODIyLTEuOTczYTIuNjkgMi42OSAwIDAgMSAxLjk3My0uODIyeiIvPiYjeGE7PC9zdmc+;strokeColor=none;',
  },
  _width: 22,
  _height: 28,
}

Machine Non-SAP

Preview

Usage

import { MachineNonSap } from '@dinghy/diagrams/entitiesSapGenericIcons'

<MachineNonSap/>

// or

import { extendStyle } from "@dinghy/base-components";
import { MACHINE_NON_SAP } from '@dinghy/diagrams/entitiesSapGenericIcons'

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

Definition

{
  _style: {
    entity: 'shape=image;editableCssRules=.*;verticalLabelPosition=bottom;labelBackgroundColor=default;verticalAlign=top;aspect=fixed;imageAspect=0;image=data:image/svg+xml,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9Ii0wLjUgLTAuNSAyOCAyNi42MyIgaGVpZ2h0PSIyNi42MyIgd2lkdGg9IjI4Ij4mI3hhOwkgIDxzdHlsZSB0eXBlPSJ0ZXh0L2NzcyI+LnN0MCB7IHN0b3AtY29sb3I6IHJnYig5MSwgMTE1LCAxMzkpOyB9IC5zdDEgeyBzdG9wLWNvbG9yOiByZ2IoMzQsIDUzLCA3Mik7IH0gPC9zdHlsZT4mI3hhOwk8ZGVmcz4mI3hhOwkJPGxpbmVhckdyYWRpZW50IGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIiB5Mj0iMjUuMDY2IiB4Mj0iMjIuMzYxIiB5MT0iMy4yOCIgeDE9IjIuMDM5IiBpZD0iQSI+JiN4YTsJCQk8c3RvcCBjbGFzcz0ic3QwIi8+JiN4YTsJCQk8c3RvcCBjbGFzcz0ic3QxIiBvZmZzZXQ9IjEiLz4mI3hhOwkJPC9saW5lYXJHcmFkaWVudD4mI3hhOwk8L2RlZnM+JiN4YTsJPHBhdGggZmlsbD0idXJsKCNBKSIgZD0iTTIwLjQ4NiA0Ljc2di42NThsMy4yODggMi4zMDEgMS40OC0xLjA0MWMuMjU2LS4xODMuNTI5LS4yNzQuODIyLS4yNzQuNDM4IDAgLjc4NS4xNDYgMS4wNDEuNDM4cy4zODQuNjAzLjM4NC45MzJjMCAuNDM4LS4xODMuNzg1LS41NDggMS4wNDFsLTIuMzU2IDEuNjQ0Yy0uMjU2LjE4My0uNTMuMjc0LS44MjIuMjc0cy0uNTg0LS4wOTEtLjg3Ny0uMjc0bC0yLjYzLTEuODYzYy0uMjE5LjQ3NS0uNjAzLjcxMi0xLjE1MS43MTItLjM2NSAwLS42NzYtLjExLS45MzItLjMyOS0uMjU2LS4yNTYtLjQwMi0uNTY2LS40MzgtLjkzMWwtOC42NTguOTg2IDUuNDc5IDguNjU4aDUuOTE4YTMuOTMgMy45MyAwIDAgMSAyLjk1OSAxLjI2IDMuOTMgMy45MyAwIDAgMSAxLjI2IDIuOTU5YzAgMS4xNjktLjQyIDIuMTU1LTEuMjYgMi45NTktLjgwNC44NC0xLjc5IDEuMjYtMi45NTkgMS4yNkgzLjcxOWE0LjExIDQuMTEgMCAwIDEtMy4wMTQtMS4yNkMtLjA5OCAyNC4wNjYtLjUgMjMuMDgtLjUgMjEuOTExYzAtLjkxMy4yNTYtMS43MTcuNzY3LTIuNDExLjUxMS0uNzMxIDEuMTg3LTEuMjQyIDIuMDI3LTEuNTM0VjkuOTExQzEuNDU0IDkuNDM2Ljc3OSA4Ljc3OS4yNjcgNy45MzhTLS41IDYuMTQ4LS41IDUuMDg5YzAtLjc2Ny4xNDYtMS40NzkuNDM4LTIuMTM3YTUuNiA1LjYgMCAwIDEgMS4yMDUtMS44MDhBNS43OCA1Ljc4IDAgMCAxIDIuODk3LS4wNjIgNS41OSA1LjU5IDAgMCAxIDUuMDg5LS41Yy44MDQgMCAxLjUzNC4xNjQgMi4xOTIuNDkzLjY5NC4yOTIgMS4yOTcuNjk0IDEuODA4IDEuMjA1bDguNjU4Ljk4NmMuMDM2LS4zNjUuMTgzLS42NTguNDM4LS44NzcuMjU2LS4yNTYuNTY2LS4zODQuOTMyLS4zODQuNTQ4IDAgLjkzMS4yMzcgMS4xNTEuNzEybDIuNjMtMS44NjNjLjI5Mi0uMTgzLjU4NC0uMjc0Ljg3Ny0uMjc0cy41NjYuMDkxLjgyMi4yNzRsMi4zNTYgMS42NDRjLjM2NS4yNTYuNTQ4LjYwMy41NDggMS4wNDEgMCAuMzI5LS4xMjguNjM5LS4zODQuOTMxLS4yNTYuMjU2LS42MDMuMzg0LTEuMDQxLjM4NC0uMzY1IDAtLjYzOS0uMDczLS44MjItLjIxOWwtMS40OC0xLjA5NnpNNS4wODkgMi4yOTVhMi42OSAyLjY5IDAgMCAwLTEuOTczLjgyMiAyLjY5IDIuNjkgMCAwIDAtLjgyMiAxLjk3M2MwIC44MDQuMjc0IDEuNDc5LjgyMiAyLjAyNy41NDguNTExIDEuMjA1Ljc2NyAxLjk3My43NjdzMS40MjUtLjI1NiAxLjk3My0uNzY3Yy41NDgtLjU0OC44MjItMS4yMjQuODIyLTIuMDI3YTIuNjkgMi42OSAwIDAgMC0uODIyLTEuOTczIDIuNjkgMi42OSAwIDAgMC0xLjk3My0uODIyem0tMS4zNyAxOC4xOTJhMS40MiAxLjQyIDAgMCAwLTEuMDQxLjQzOGMtLjI1Ni4yNTYtLjM4NC41ODQtLjM4NC45ODZhMS41MyAxLjUzIDAgMCAwIC4zODQgMS4wNDEgMS41MyAxLjUzIDAgMCAwIDEuMDQxLjM4NGgxNi43NjdjLjQwMiAwIC43MzEtLjEyOC45ODYtLjM4NGExLjQyIDEuNDIgMCAwIDAgLjQzOC0xLjA0MSAxLjI1IDEuMjUgMCAwIDAtLjQzOC0uOTg2IDEuMjUgMS4yNSAwIDAgMC0uOTg2LS40Mzh6bTcuNTA3LTIuNzk1bC00LjU0OC03LjIzM2MtLjU0OC4xODMtMS4wNzguMjc0LTEuNTg5LjI3NHY2Ljk1OXptNi40NjYtMTIuNjU3bC03LjA2OC0uODIyYy4wMzcuMTQ2LjA1NS4yOTIuMDU1LjQzOHYuNDM4LjQ5M2MwIC4xNDYtLjAxOC4yOTItLjA1NS40MzhsNy4wNjgtLjgyMnoiLz4mI3hhOzwvc3ZnPg==;strokeColor=none;',
  },
  _width: 28,
  _height: 27,
}

Machine SAP

Preview

Usage

import { MachineSap } from '@dinghy/diagrams/entitiesSapGenericIcons'

<MachineSap/>

// or

import { extendStyle } from "@dinghy/base-components";
import { MACHINE_SAP } from '@dinghy/diagrams/entitiesSapGenericIcons'

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

Definition

{
  _style: {
    entity: 'shape=image;editableCssRules=.*;verticalLabelPosition=bottom;labelBackgroundColor=default;verticalAlign=top;aspect=fixed;imageAspect=0;image=data:image/svg+xml,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9Ii0wLjUgLTAuNSAyOCAyNi42MyIgaGVpZ2h0PSIyNi42MyIgd2lkdGg9IjI4Ij4mI3hhOwkgIDxzdHlsZSB0eXBlPSJ0ZXh0L2NzcyI+JiN4YTsJCS5zdDB7c3RvcC1jb2xvcjojMDBjZWFjO30mI3hhOwkJLnN0MXtzdG9wLWNvbG9yOiMwNzgzOGY7fSYjeGE7CSAgPC9zdHlsZT4mI3hhOwk8ZGVmcz4mI3hhOwkJPGxpbmVhckdyYWRpZW50IGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIiB5Mj0iMjUuMDY2IiB4Mj0iMjIuMzYxIiB5MT0iMy4yOCIgeDE9IjIuMDM5IiBpZD0iQSI+JiN4YTsJCQk8c3RvcCBjbGFzcz0ic3QwIi8+JiN4YTsJCQk8c3RvcCBjbGFzcz0ic3QxIiBvZmZzZXQ9IjEiLz4mI3hhOwkJPC9saW5lYXJHcmFkaWVudD4mI3hhOwk8L2RlZnM+JiN4YTsJPHBhdGggZmlsbD0idXJsKCNBKSIgZD0iTTIwLjQ4NiA0Ljc2di42NThsMy4yODggMi4zMDEgMS40OC0xLjA0MWMuMjU2LS4xODMuNTI5LS4yNzQuODIyLS4yNzQuNDM4IDAgLjc4NS4xNDYgMS4wNDEuNDM4cy4zODQuNjAzLjM4NC45MzJjMCAuNDM4LS4xODMuNzg1LS41NDggMS4wNDFsLTIuMzU2IDEuNjQ0Yy0uMjU2LjE4My0uNTMuMjc0LS44MjIuMjc0cy0uNTg0LS4wOTEtLjg3Ny0uMjc0bC0yLjYzLTEuODYzYy0uMjE5LjQ3NS0uNjAzLjcxMi0xLjE1MS43MTItLjM2NSAwLS42NzYtLjExLS45MzItLjMyOS0uMjU2LS4yNTYtLjQwMi0uNTY2LS40MzgtLjkzMWwtOC42NTguOTg2IDUuNDc5IDguNjU4aDUuOTE4YTMuOTMgMy45MyAwIDAgMSAyLjk1OSAxLjI2IDMuOTMgMy45MyAwIDAgMSAxLjI2IDIuOTU5YzAgMS4xNjktLjQyIDIuMTU1LTEuMjYgMi45NTktLjgwNC44NC0xLjc5IDEuMjYtMi45NTkgMS4yNkgzLjcxOWE0LjExIDQuMTEgMCAwIDEtMy4wMTQtMS4yNkMtLjA5OCAyNC4wNjYtLjUgMjMuMDgtLjUgMjEuOTExYzAtLjkxMy4yNTYtMS43MTcuNzY3LTIuNDExLjUxMS0uNzMxIDEuMTg3LTEuMjQyIDIuMDI3LTEuNTM0VjkuOTExQzEuNDU0IDkuNDM2Ljc3OSA4Ljc3OS4yNjcgNy45MzhTLS41IDYuMTQ4LS41IDUuMDg5YzAtLjc2Ny4xNDYtMS40NzkuNDM4LTIuMTM3YTUuNiA1LjYgMCAwIDEgMS4yMDUtMS44MDhBNS43OCA1Ljc4IDAgMCAxIDIuODk3LS4wNjIgNS41OSA1LjU5IDAgMCAxIDUuMDg5LS41Yy44MDQgMCAxLjUzNC4xNjQgMi4xOTIuNDkzLjY5NC4yOTIgMS4yOTcuNjk0IDEuODA4IDEuMjA1bDguNjU4Ljk4NmMuMDM2LS4zNjUuMTgzLS42NTguNDM4LS44NzcuMjU2LS4yNTYuNTY2LS4zODQuOTMyLS4zODQuNTQ4IDAgLjkzMS4yMzcgMS4xNTEuNzEybDIuNjMtMS44NjNjLjI5Mi0uMTgzLjU4NC0uMjc0Ljg3Ny0uMjc0cy41NjYuMDkxLjgyMi4yNzRsMi4zNTYgMS42NDRjLjM2NS4yNTYuNTQ4LjYwMy41NDggMS4wNDEgMCAuMzI5LS4xMjguNjM5LS4zODQuOTMxLS4yNTYuMjU2LS42MDMuMzg0LTEuMDQxLjM4NC0uMzY1IDAtLjYzOS0uMDczLS44MjItLjIxOWwtMS40OC0xLjA5NnpNNS4wODkgMi4yOTVhMi42OSAyLjY5IDAgMCAwLTEuOTczLjgyMiAyLjY5IDIuNjkgMCAwIDAtLjgyMiAxLjk3M2MwIC44MDQuMjc0IDEuNDc5LjgyMiAyLjAyNy41NDguNTExIDEuMjA1Ljc2NyAxLjk3My43NjdzMS40MjUtLjI1NiAxLjk3My0uNzY3Yy41NDgtLjU0OC44MjItMS4yMjQuODIyLTIuMDI3YTIuNjkgMi42OSAwIDAgMC0uODIyLTEuOTczIDIuNjkgMi42OSAwIDAgMC0xLjk3My0uODIyem0tMS4zNyAxOC4xOTJhMS40MiAxLjQyIDAgMCAwLTEuMDQxLjQzOGMtLjI1Ni4yNTYtLjM4NC41ODQtLjM4NC45ODZhMS41MyAxLjUzIDAgMCAwIC4zODQgMS4wNDEgMS41MyAxLjUzIDAgMCAwIDEuMDQxLjM4NGgxNi43NjdjLjQwMiAwIC43MzEtLjEyOC45ODYtLjM4NGExLjQyIDEuNDIgMCAwIDAgLjQzOC0xLjA0MSAxLjI1IDEuMjUgMCAwIDAtLjQzOC0uOTg2IDEuMjUgMS4yNSAwIDAgMC0uOTg2LS40Mzh6bTcuNTA3LTIuNzk1bC00LjU0OC03LjIzM2MtLjU0OC4xODMtMS4wNzguMjc0LTEuNTg5LjI3NHY2Ljk1OXptNi40NjYtMTIuNjU3bC03LjA2OC0uODIyYy4wMzcuMTQ2LjA1NS4yOTIuMDU1LjQzOHYuNDM4LjQ5M2MwIC4xNDYtLjAxOC4yOTItLjA1NS40MzhsNy4wNjgtLjgyMnoiLz4mI3hhOzwvc3ZnPg==;strokeColor=none;',
  },
  _width: 28,
  _height: 27,
}

Machine SAP 2

Preview

Usage

import { MachineSap2 } from '@dinghy/diagrams/entitiesSapGenericIcons'

<MachineSap2/>

// or

import { extendStyle } from "@dinghy/base-components";
import { MACHINE_SAP_2 } from '@dinghy/diagrams/entitiesSapGenericIcons'

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

Definition

{
  _style: {
    entity: 'shape=image;editableCssRules=.*;verticalLabelPosition=bottom;labelBackgroundColor=default;verticalAlign=top;aspect=fixed;imageAspect=0;image=data:image/svg+xml,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9Ii0wLjUgLTAuNSAyOCAyNi42MyIgaGVpZ2h0PSIyNi42MyIgd2lkdGg9IjI4Ij4mI3hhOwkgIDxzdHlsZSB0eXBlPSJ0ZXh0L2NzcyI+LnN0MCB7IHN0b3AtY29sb3I6IHJnYigzNSwgMTQ5LCAyNTUpOyB9IC5zdDEgeyBzdG9wLWNvbG9yOiByZ2IoMCwgODcsIDIxMCk7IH0gPC9zdHlsZT4mI3hhOwk8ZGVmcz4mI3hhOwkJPGxpbmVhckdyYWRpZW50IGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIiB5Mj0iMjUuMDY2IiB4Mj0iMjIuMzYxIiB5MT0iMy4yOCIgeDE9IjIuMDM5IiBpZD0iQSI+JiN4YTsJCQk8c3RvcCBjbGFzcz0ic3QwIi8+JiN4YTsJCQk8c3RvcCBjbGFzcz0ic3QxIiBvZmZzZXQ9IjEiLz4mI3hhOwkJPC9saW5lYXJHcmFkaWVudD4mI3hhOwk8L2RlZnM+JiN4YTsJPHBhdGggZmlsbD0idXJsKCNBKSIgZD0iTTIwLjQ4NiA0Ljc2di42NThsMy4yODggMi4zMDEgMS40OC0xLjA0MWMuMjU2LS4xODMuNTI5LS4yNzQuODIyLS4yNzQuNDM4IDAgLjc4NS4xNDYgMS4wNDEuNDM4cy4zODQuNjAzLjM4NC45MzJjMCAuNDM4LS4xODMuNzg1LS41NDggMS4wNDFsLTIuMzU2IDEuNjQ0Yy0uMjU2LjE4My0uNTMuMjc0LS44MjIuMjc0cy0uNTg0LS4wOTEtLjg3Ny0uMjc0bC0yLjYzLTEuODYzYy0uMjE5LjQ3NS0uNjAzLjcxMi0xLjE1MS43MTItLjM2NSAwLS42NzYtLjExLS45MzItLjMyOS0uMjU2LS4yNTYtLjQwMi0uNTY2LS40MzgtLjkzMWwtOC42NTguOTg2IDUuNDc5IDguNjU4aDUuOTE4YTMuOTMgMy45MyAwIDAgMSAyLjk1OSAxLjI2IDMuOTMgMy45MyAwIDAgMSAxLjI2IDIuOTU5YzAgMS4xNjktLjQyIDIuMTU1LTEuMjYgMi45NTktLjgwNC44NC0xLjc5IDEuMjYtMi45NTkgMS4yNkgzLjcxOWE0LjExIDQuMTEgMCAwIDEtMy4wMTQtMS4yNkMtLjA5OCAyNC4wNjYtLjUgMjMuMDgtLjUgMjEuOTExYzAtLjkxMy4yNTYtMS43MTcuNzY3LTIuNDExLjUxMS0uNzMxIDEuMTg3LTEuMjQyIDIuMDI3LTEuNTM0VjkuOTExQzEuNDU0IDkuNDM2Ljc3OSA4Ljc3OS4yNjcgNy45MzhTLS41IDYuMTQ4LS41IDUuMDg5YzAtLjc2Ny4xNDYtMS40NzkuNDM4LTIuMTM3YTUuNiA1LjYgMCAwIDEgMS4yMDUtMS44MDhBNS43OCA1Ljc4IDAgMCAxIDIuODk3LS4wNjIgNS41OSA1LjU5IDAgMCAxIDUuMDg5LS41Yy44MDQgMCAxLjUzNC4xNjQgMi4xOTIuNDkzLjY5NC4yOTIgMS4yOTcuNjk0IDEuODA4IDEuMjA1bDguNjU4Ljk4NmMuMDM2LS4zNjUuMTgzLS42NTguNDM4LS44NzcuMjU2LS4yNTYuNTY2LS4zODQuOTMyLS4zODQuNTQ4IDAgLjkzMS4yMzcgMS4xNTEuNzEybDIuNjMtMS44NjNjLjI5Mi0uMTgzLjU4NC0uMjc0Ljg3Ny0uMjc0cy41NjYuMDkxLjgyMi4yNzRsMi4zNTYgMS42NDRjLjM2NS4yNTYuNTQ4LjYwMy41NDggMS4wNDEgMCAuMzI5LS4xMjguNjM5LS4zODQuOTMxLS4yNTYuMjU2LS42MDMuMzg0LTEuMDQxLjM4NC0uMzY1IDAtLjYzOS0uMDczLS44MjItLjIxOWwtMS40OC0xLjA5NnpNNS4wODkgMi4yOTVhMi42OSAyLjY5IDAgMCAwLTEuOTczLjgyMiAyLjY5IDIuNjkgMCAwIDAtLjgyMiAxLjk3M2MwIC44MDQuMjc0IDEuNDc5LjgyMiAyLjAyNy41NDguNTExIDEuMjA1Ljc2NyAxLjk3My43NjdzMS40MjUtLjI1NiAxLjk3My0uNzY3Yy41NDgtLjU0OC44MjItMS4yMjQuODIyLTIuMDI3YTIuNjkgMi42OSAwIDAgMC0uODIyLTEuOTczIDIuNjkgMi42OSAwIDAgMC0xLjk3My0uODIyem0tMS4zNyAxOC4xOTJhMS40MiAxLjQyIDAgMCAwLTEuMDQxLjQzOGMtLjI1Ni4yNTYtLjM4NC41ODQtLjM4NC45ODZhMS41MyAxLjUzIDAgMCAwIC4zODQgMS4wNDEgMS41MyAxLjUzIDAgMCAwIDEuMDQxLjM4NGgxNi43NjdjLjQwMiAwIC43MzEtLjEyOC45ODYtLjM4NGExLjQyIDEuNDIgMCAwIDAgLjQzOC0xLjA0MSAxLjI1IDEuMjUgMCAwIDAtLjQzOC0uOTg2IDEuMjUgMS4yNSAwIDAgMC0uOTg2LS40Mzh6bTcuNTA3LTIuNzk1bC00LjU0OC03LjIzM2MtLjU0OC4xODMtMS4wNzguMjc0LTEuNTg5LjI3NHY2Ljk1OXptNi40NjYtMTIuNjU3bC03LjA2OC0uODIyYy4wMzcuMTQ2LjA1NS4yOTIuMDU1LjQzOHYuNDM4LjQ5M2MwIC4xNDYtLjAxOC4yOTItLjA1NS40MzhsNy4wNjgtLjgyMnoiLz4mI3hhOzwvc3ZnPg==;strokeColor=none;',
  },
  _width: 28,
  _height: 27,
}

Message Highlight

Preview

Usage

import { MessageHighlight } from '@dinghy/diagrams/entitiesSapGenericIcons'

<MessageHighlight/>

// or

import { extendStyle } from "@dinghy/base-components";
import { MESSAGE_HIGHLIGHT } from '@dinghy/diagrams/entitiesSapGenericIcons'

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

Definition

{
  _style: {
    entity: 'shape=image;editableCssRules=.*;verticalLabelPosition=bottom;labelBackgroundColor=default;verticalAlign=top;aspect=fixed;imageAspect=0;image=data:image/svg+xml,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9Ii0wLjUgLTAuNSAyOCAyMSIgaGVpZ2h0PSIyMSIgd2lkdGg9IjI4Ij4mI3hhOwkgIDxzdHlsZSB0eXBlPSJ0ZXh0L2NzcyI+JiN4YTsJCS5zdDB7c3RvcC1jb2xvcjojMDBjZWFjO30mI3hhOwkJLnN0MXtzdG9wLWNvbG9yOiMwNzgzOGY7fSYjeGE7CSAgPC9zdHlsZT4mI3hhOwk8ZGVmcz4mI3hhOwkJPGxpbmVhckdyYWRpZW50IGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIiB5Mj0iMjMuMzI5IiB4Mj0iMTcuMzc1IiB5MT0iMi40ODEiIHgxPSIyLjAzOSIgaWQ9IkEiPiYjeGE7CQkJPHN0b3AgY2xhc3M9InN0MCIvPiYjeGE7CQkJPHN0b3AgY2xhc3M9InN0MSIgb2Zmc2V0PSIxIi8+JiN4YTsJCTwvbGluZWFyR3JhZGllbnQ+JiN4YTsJPC9kZWZzPiYjeGE7CTxwYXRoIGZpbGw9InVybCgjQSkiIGQ9Ik0yMy4yODktLjVjMS4yMDMgMCAyLjIwNi40MTkgMy4wMDggMS4yNTguODAyLjgwMiAxLjIwMyAxLjc4NiAxLjIwMyAyLjk1M3YxMi41NzhjMCAxLjIwMy0uNDAxIDIuMjA2LTEuMjAzIDMuMDA4UzI0LjQ5MiAyMC41IDIzLjI4OSAyMC41SDMuNzExYy0xLjIwMyAwLTIuMjA2LS40MDEtMy4wMDgtMS4yMDNTLS41IDE3LjQ5Mi0uNSAxNi4yODlWMy43MTFDLS41IDIuNTQ0LS4wOTkgMS41Ni43MDMuNzU4IDEuNTA1LS4wODEgMi41MDgtLjUgMy43MTEtLjV6TTMuODIgMi4zNDRjLS4zNjUgMC0uNTgzLjAzNi0uNjU2LjEwOWw5LjYyNSA2LjAxNmMuMjU1LjE0Ni41MjkuMjE5LjgyLjIxOXMuNTI5LS4wNzMuNzExLS4yMTlMMjQgMi40NTNjLS4wNzMtLjA3My0uMTgyLS4xMDktLjMyOC0uMTA5aC0uMzgzem0xOS40NjkgMTUuMzY3Yy45NDggMCAxLjQyMi0uNDc0IDEuNDIyLTEuNDIyVjUuNDA2bC04Ljk2OSA1LjU3OGE0LjEyIDQuMTIgMCAwIDEtMi4yNDIuNjU2Yy0uNzY2IDAtMS41MTMtLjIxOS0yLjI0Mi0uNjU2TDIuMjg5IDUuNDA2djEwLjg4M2MwIC45NDguNDc0IDEuNDIyIDEuNDIyIDEuNDIyeiIvPiYjeGE7PC9zdmc+;strokeColor=none;',
  },
  _width: 28,
  _height: 21,
}

Message Non-SAP

Preview

Usage

import { MessageNonSap } from '@dinghy/diagrams/entitiesSapGenericIcons'

<MessageNonSap/>

// or

import { extendStyle } from "@dinghy/base-components";
import { MESSAGE_NON_SAP } from '@dinghy/diagrams/entitiesSapGenericIcons'

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

Definition

{
  _style: {
    entity: 'shape=image;editableCssRules=.*;verticalLabelPosition=bottom;labelBackgroundColor=default;verticalAlign=top;aspect=fixed;imageAspect=0;image=data:image/svg+xml,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9Ii0wLjUgLTAuNSAyOCAyMSIgaGVpZ2h0PSIyMSIgd2lkdGg9IjI4Ij4mI3hhOwkgIDxzdHlsZSB0eXBlPSJ0ZXh0L2NzcyI+LnN0MCB7IHN0b3AtY29sb3I6IHJnYig5MSwgMTE1LCAxMzkpOyB9IC5zdDEgeyBzdG9wLWNvbG9yOiByZ2IoMzQsIDUzLCA3Mik7IH0gPC9zdHlsZT4mI3hhOwk8ZGVmcz4mI3hhOwkJPGxpbmVhckdyYWRpZW50IGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIiB5Mj0iMjMuMzI5IiB4Mj0iMTcuMzc1IiB5MT0iMi40ODEiIHgxPSIyLjAzOSIgaWQ9IkEiPiYjeGE7CQkJPHN0b3AgY2xhc3M9InN0MCIvPiYjeGE7CQkJPHN0b3AgY2xhc3M9InN0MSIgb2Zmc2V0PSIxIi8+JiN4YTsJCTwvbGluZWFyR3JhZGllbnQ+JiN4YTsJPC9kZWZzPiYjeGE7CTxwYXRoIGZpbGw9InVybCgjQSkiIGQ9Ik0yMy4yODktLjVjMS4yMDMgMCAyLjIwNi40MTkgMy4wMDggMS4yNTguODAyLjgwMiAxLjIwMyAxLjc4NiAxLjIwMyAyLjk1M3YxMi41NzhjMCAxLjIwMy0uNDAxIDIuMjA2LTEuMjAzIDMuMDA4UzI0LjQ5MiAyMC41IDIzLjI4OSAyMC41SDMuNzExYy0xLjIwMyAwLTIuMjA2LS40MDEtMy4wMDgtMS4yMDNTLS41IDE3LjQ5Mi0uNSAxNi4yODlWMy43MTFDLS41IDIuNTQ0LS4wOTkgMS41Ni43MDMuNzU4IDEuNTA1LS4wODEgMi41MDgtLjUgMy43MTEtLjV6TTMuODIgMi4zNDRjLS4zNjUgMC0uNTgzLjAzNi0uNjU2LjEwOWw5LjYyNSA2LjAxNmMuMjU1LjE0Ni41MjkuMjE5LjgyLjIxOXMuNTI5LS4wNzMuNzExLS4yMTlMMjQgMi40NTNjLS4wNzMtLjA3My0uMTgyLS4xMDktLjMyOC0uMTA5aC0uMzgzem0xOS40NjkgMTUuMzY3Yy45NDggMCAxLjQyMi0uNDc0IDEuNDIyLTEuNDIyVjUuNDA2bC04Ljk2OSA1LjU3OGE0LjEyIDQuMTIgMCAwIDEtMi4yNDIuNjU2Yy0uNzY2IDAtMS41MTMtLjIxOS0yLjI0Mi0uNjU2TDIuMjg5IDUuNDA2djEwLjg4M2MwIC45NDguNDc0IDEuNDIyIDEuNDIyIDEuNDIyeiIvPiYjeGE7PC9zdmc+;strokeColor=none;',
  },
  _width: 28,
  _height: 21,
}

Message SAP

Preview

Usage

import { MessageSap } from '@dinghy/diagrams/entitiesSapGenericIcons'

<MessageSap/>

// or

import { extendStyle } from "@dinghy/base-components";
import { MESSAGE_SAP } from '@dinghy/diagrams/entitiesSapGenericIcons'

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

Definition

{
  _style: {
    entity: 'shape=image;editableCssRules=.*;verticalLabelPosition=bottom;labelBackgroundColor=default;verticalAlign=top;aspect=fixed;imageAspect=0;image=data:image/svg+xml,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9Ii0wLjUgLTAuNSAyOCAyMSIgaGVpZ2h0PSIyMSIgd2lkdGg9IjI4Ij4mI3hhOwkgIDxzdHlsZSB0eXBlPSJ0ZXh0L2NzcyI+LnN0MCB7IHN0b3AtY29sb3I6IHJnYigzNSwgMTQ5LCAyNTUpOyB9IC5zdDEgeyBzdG9wLWNvbG9yOiByZ2IoMCwgODcsIDIxMCk7IH0gPC9zdHlsZT4mI3hhOwk8ZGVmcz4mI3hhOwkJPGxpbmVhckdyYWRpZW50IGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIiB5Mj0iMjMuMzI5IiB4Mj0iMTcuMzc1IiB5MT0iMi40ODEiIHgxPSIyLjAzOSIgaWQ9IkEiPiYjeGE7CQkJPHN0b3AgY2xhc3M9InN0MCIvPiYjeGE7CQkJPHN0b3AgY2xhc3M9InN0MSIgb2Zmc2V0PSIxIi8+JiN4YTsJCTwvbGluZWFyR3JhZGllbnQ+JiN4YTsJPC9kZWZzPiYjeGE7CTxwYXRoIGZpbGw9InVybCgjQSkiIGQ9Ik0yMy4yODktLjVjMS4yMDMgMCAyLjIwNi40MTkgMy4wMDggMS4yNTguODAyLjgwMiAxLjIwMyAxLjc4NiAxLjIwMyAyLjk1M3YxMi41NzhjMCAxLjIwMy0uNDAxIDIuMjA2LTEuMjAzIDMuMDA4UzI0LjQ5MiAyMC41IDIzLjI4OSAyMC41SDMuNzExYy0xLjIwMyAwLTIuMjA2LS40MDEtMy4wMDgtMS4yMDNTLS41IDE3LjQ5Mi0uNSAxNi4yODlWMy43MTFDLS41IDIuNTQ0LS4wOTkgMS41Ni43MDMuNzU4IDEuNTA1LS4wODEgMi41MDgtLjUgMy43MTEtLjV6TTMuODIgMi4zNDRjLS4zNjUgMC0uNTgzLjAzNi0uNjU2LjEwOWw5LjYyNSA2LjAxNmMuMjU1LjE0Ni41MjkuMjE5LjgyLjIxOXMuNTI5LS4wNzMuNzExLS4yMTlMMjQgMi40NTNjLS4wNzMtLjA3My0uMTgyLS4xMDktLjMyOC0uMTA5aC0uMzgzem0xOS40NjkgMTUuMzY3Yy45NDggMCAxLjQyMi0uNDc0IDEuNDIyLTEuNDIyVjUuNDA2bC04Ljk2OSA1LjU3OGE0LjEyIDQuMTIgMCAwIDEtMi4yNDIuNjU2Yy0uNzY2IDAtMS41MTMtLjIxOS0yLjI0Mi0uNjU2TDIuMjg5IDUuNDA2djEwLjg4M2MwIC45NDguNDc0IDEuNDIyIDEuNDIyIDEuNDIyeiIvPiYjeGE7PC9zdmc+;strokeColor=none;',
  },
  _width: 28,
  _height: 21,
}

Mobile highlight

Preview

Usage

import { MobileHighlight } from '@dinghy/diagrams/entitiesSapGenericIcons'

<MobileHighlight/>

// or

import { extendStyle } from "@dinghy/base-components";
import { MOBILE_HIGHLIGHT } from '@dinghy/diagrams/entitiesSapGenericIcons'

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

Definition

{
  _style: {
    entity: 'shape=image;editableCssRules=.*;verticalLabelPosition=bottom;labelBackgroundColor=default;verticalAlign=top;aspect=fixed;imageAspect=0;image=data:image/svg+xml,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9Ii0wLjUgLTAuNSAyMC44NCAyOCIgaGVpZ2h0PSIyOCIgd2lkdGg9IjIwLjg0Ij4mI3hhOwkgIDxzdHlsZSB0eXBlPSJ0ZXh0L2NzcyI+JiN4YTsJCS5zdDB7c3RvcC1jb2xvcjojMDBjZWFjO30mI3hhOwkJLnN0MXtzdG9wLWNvbG9yOiMwNzgzOGY7fSYjeGE7CSAgPC9zdHlsZT4mI3hhOwk8ZGVmcz4mI3hhOwkJPGxpbmVhckdyYWRpZW50IGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIiB5Mj0iMTkuMTI5IiB4Mj0iMjIuMDE5IiB5MT0iMy40NzQiIHgxPSIxLjM5IiBpZD0iQSI+JiN4YTsJCQk8c3RvcCBjbGFzcz0ic3QwIi8+JiN4YTsJCQk8c3RvcCBjbGFzcz0ic3QxIiBvZmZzZXQ9IjEiLz4mI3hhOwkJPC9saW5lYXJHcmFkaWVudD4mI3hhOwk8L2RlZnM+JiN4YTsJPHBhdGggZmlsbD0idXJsKCNBKSIgZD0iTTMuNy0uNUE0LjIgNC4yIDAgMCAwLS41IDMuN3YxOS42YTQuMiA0LjIgMCAwIDAgNC4yIDQuMmgxMi40NGE0LjIgNC4yIDAgMCAwIDQuMi00LjJWMy43YTQuMiA0LjIgMCAwIDAtNC4yLTQuMnpNMi4zIDMuN2ExLjQgMS40IDAgMCAxIDEuNC0xLjRoMi42MDh2MS41MjhhMS40IDEuNCAwIDAgMCAxLjQgMS40aDQuNDI0YTEuNCAxLjQgMCAwIDAgMS40LTEuNFYyLjNoMi42MDhhMS40IDEuNCAwIDAgMSAxLjQgMS40djE5LjZhMS40IDEuNCAwIDAgMS0xLjQgMS40SDMuN2ExLjQgMS40IDAgMCAxLTEuNC0xLjR6IiBmaWxsLXJ1bGU9ImV2ZW5vZGQiLz4mI3hhOzwvc3ZnPg==;strokeColor=none;',
  },
  _width: 21,
  _height: 28,
}

Mobile Non-SAP

Preview

Usage

import { MobileNonSap } from '@dinghy/diagrams/entitiesSapGenericIcons'

<MobileNonSap/>

// or

import { extendStyle } from "@dinghy/base-components";
import { MOBILE_NON_SAP } from '@dinghy/diagrams/entitiesSapGenericIcons'

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

Definition

{
  _style: {
    entity: 'shape=image;editableCssRules=.*;verticalLabelPosition=bottom;labelBackgroundColor=default;verticalAlign=top;aspect=fixed;imageAspect=0;image=data:image/svg+xml,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9Ii0wLjUgLTAuNSAyMC44NCAyOCIgaGVpZ2h0PSIyOCIgd2lkdGg9IjIwLjg0Ij4mI3hhOwkgIDxzdHlsZSB0eXBlPSJ0ZXh0L2NzcyI+LnN0MCB7IHN0b3AtY29sb3I6IHJnYig5MSwgMTE1LCAxMzkpOyB9IC5zdDEgeyBzdG9wLWNvbG9yOiByZ2IoMzQsIDUzLCA3Mik7IH0gPC9zdHlsZT4mI3hhOwk8ZGVmcz4mI3hhOwkJPGxpbmVhckdyYWRpZW50IGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIiB5Mj0iMTkuMTI5IiB4Mj0iMjIuMDE5IiB5MT0iMy40NzQiIHgxPSIxLjM5IiBpZD0iQSI+JiN4YTsJCQk8c3RvcCBjbGFzcz0ic3QwIi8+JiN4YTsJCQk8c3RvcCBjbGFzcz0ic3QxIiBvZmZzZXQ9IjEiLz4mI3hhOwkJPC9saW5lYXJHcmFkaWVudD4mI3hhOwk8L2RlZnM+JiN4YTsJPHBhdGggZmlsbD0idXJsKCNBKSIgZD0iTTMuNy0uNUE0LjIgNC4yIDAgMCAwLS41IDMuN3YxOS42YTQuMiA0LjIgMCAwIDAgNC4yIDQuMmgxMi40NGE0LjIgNC4yIDAgMCAwIDQuMi00LjJWMy43YTQuMiA0LjIgMCAwIDAtNC4yLTQuMnpNMi4zIDMuN2ExLjQgMS40IDAgMCAxIDEuNC0xLjRoMi42MDh2MS41MjhhMS40IDEuNCAwIDAgMCAxLjQgMS40aDQuNDI0YTEuNCAxLjQgMCAwIDAgMS40LTEuNFYyLjNoMi42MDhhMS40IDEuNCAwIDAgMSAxLjQgMS40djE5LjZhMS40IDEuNCAwIDAgMS0xLjQgMS40SDMuN2ExLjQgMS40IDAgMCAxLTEuNC0xLjR6IiBmaWxsLXJ1bGU9ImV2ZW5vZGQiLz4mI3hhOzwvc3ZnPg==;strokeColor=none;',
  },
  _width: 21,
  _height: 28,
}

Mobile SAP

Preview

Usage

import { MobileSap } from '@dinghy/diagrams/entitiesSapGenericIcons'

<MobileSap/>

// or

import { extendStyle } from "@dinghy/base-components";
import { MOBILE_SAP } from '@dinghy/diagrams/entitiesSapGenericIcons'

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

Definition

{
  _style: {
    entity: 'shape=image;editableCssRules=.*;verticalLabelPosition=bottom;labelBackgroundColor=default;verticalAlign=top;aspect=fixed;imageAspect=0;image=data:image/svg+xml,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9Ii0wLjUgLTAuNSAyMC44NCAyOCIgaGVpZ2h0PSIyOCIgd2lkdGg9IjIwLjg0Ij4mI3hhOwkgIDxzdHlsZSB0eXBlPSJ0ZXh0L2NzcyI+LnN0MCB7IHN0b3AtY29sb3I6IHJnYigzNSwgMTQ5LCAyNTUpOyB9IC5zdDEgeyBzdG9wLWNvbG9yOiByZ2IoMCwgODcsIDIxMCk7IH0gPC9zdHlsZT4mI3hhOwk8ZGVmcz4mI3hhOwkJPGxpbmVhckdyYWRpZW50IGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIiB5Mj0iMTkuMTI5IiB4Mj0iMjIuMDE5IiB5MT0iMy40NzQiIHgxPSIxLjM5IiBpZD0iQSI+JiN4YTsJCQk8c3RvcCBjbGFzcz0ic3QwIi8+JiN4YTsJCQk8c3RvcCBjbGFzcz0ic3QxIiBvZmZzZXQ9IjEiLz4mI3hhOwkJPC9saW5lYXJHcmFkaWVudD4mI3hhOwk8L2RlZnM+JiN4YTsJPHBhdGggZmlsbD0idXJsKCNBKSIgZD0iTTMuNy0uNUE0LjIgNC4yIDAgMCAwLS41IDMuN3YxOS42YTQuMiA0LjIgMCAwIDAgNC4yIDQuMmgxMi40NGE0LjIgNC4yIDAgMCAwIDQuMi00LjJWMy43YTQuMiA0LjIgMCAwIDAtNC4yLTQuMnpNMi4zIDMuN2ExLjQgMS40IDAgMCAxIDEuNC0xLjRoMi42MDh2MS41MjhhMS40IDEuNCAwIDAgMCAxLjQgMS40aDQuNDI0YTEuNCAxLjQgMCAwIDAgMS40LTEuNFYyLjNoMi42MDhhMS40IDEuNCAwIDAgMSAxLjQgMS40djE5LjZhMS40IDEuNCAwIDAgMS0xLjQgMS40SDMuN2ExLjQgMS40IDAgMCAxLTEuNC0xLjR6IiBmaWxsLXJ1bGU9ImV2ZW5vZGQiLz4mI3hhOzwvc3ZnPg==;strokeColor=none;',
  },
  _width: 21,
  _height: 28,
}

On-Premise Highlight

Preview

Usage

import { OnPremiseHighlight } from '@dinghy/diagrams/entitiesSapGenericIcons'

<OnPremiseHighlight/>

// or

import { extendStyle } from "@dinghy/base-components";
import { ON_PREMISE_HIGHLIGHT } from '@dinghy/diagrams/entitiesSapGenericIcons'

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

Definition

{
  _style: {
    entity: 'shape=image;editableCssRules=.*;verticalLabelPosition=bottom;labelBackgroundColor=default;verticalAlign=top;aspect=fixed;imageAspect=0;image=data:image/svg+xml,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9Ii0wLjUgLTAuNSAyNi4wODQgMjgiIGhlaWdodD0iMjgiIHdpZHRoPSIyNi4wODQiPiYjeGE7CSAgPHN0eWxlIHR5cGU9InRleHQvY3NzIj4mI3hhOwkJLnN0MHtzdG9wLWNvbG9yOiMwMGNlYWM7fSYjeGE7CQkuc3Qxe3N0b3AtY29sb3I6IzA3ODM4Zjt9JiN4YTsJICA8L3N0eWxlPiYjeGE7CTxkZWZzPiYjeGE7CQk8bGluZWFyR3JhZGllbnQgZ3JhZGllbnRVbml0cz0idXNlclNwYWNlT25Vc2UiIHkyPSIyMy43OTIiIHgyPSIyMy4yNTYiIHkxPSIzLjQ3NCIgeDE9IjEuODY1IiBpZD0iQSI+JiN4YTsJCQk8c3RvcCBjbGFzcz0ic3QwIi8+JiN4YTsJCQk8c3RvcCBjbGFzcz0ic3QxIiBvZmZzZXQ9IjEiLz4mI3hhOwkJPC9saW5lYXJHcmFkaWVudD4mI3hhOwk8L2RlZnM+JiN4YTsJPHBhdGggZmlsbD0idXJsKCNBKSIgZD0iTTI0LjEwNCA4LjEwMmE0Ljk3IDQuOTcgMCAwIDEgMS4wNDIgMS41MzRjLjI5MS41NDkuNDM4IDEuMTUyLjQzOCAxLjgxdjExLjcyNWMwIDEuMjQxLS40MjEgMi4yNjUtMS4yNjIgMy4wNjgtLjgzOC44NDItMS44OCAxLjI2MS0zLjEyMSAxLjI2MUgzLjgyN2E0LjE4IDQuMTggMCAwIDEtMy4wNjgtMS4yNjFDLS4wODEgMjUuNDM2LS41IDI0LjQxMi0uNSAyMy4xNzFWMTEuNDQ0YzAtMS4zODcuNDkxLTIuNTAyIDEuNDc4LTMuMzQyTDkuNjM4LjU5NkE0LjUgNC41IDAgMCAxIDEyLjU5NC0uNSA0LjA5IDQuMDkgMCAwIDEgMTUuNDQ0LjU5NnptLTkuMzcgNy44MzZIMTAuMzV2OC43MTNoNC4zODR6bTcuNzgyLTQuNDk0YzAtLjQ3My0uMTQ3LS44NTktLjQzOC0xLjE1bC04LjY1OC03LjUwNmMtLjYyMS0uNDczLTEuMjYxLS40NzMtMS45MTggMGwtOC42NTUgNy41MDZjLS4yOTMuMjkzLS40MzguNjc3LS40MzggMS4xNTJ2MTEuNzI1YzAgLjQzOC4xMjguODAzLjM4NCAxLjA5NmExLjUzIDEuNTMgMCAwIDAgMS4wNC4zODRoMy42MTd2LTguNzEzYzAtLjgwMy4yNzQtMS40OC44MjEtMi4wMjcuNTg2LS41ODYgMS4yOC0uODc3IDIuMDgzLS44NzdoNC4zODRhMi42NiAyLjY2IDAgMCAxIDIuMDI3Ljg3N2MuNTQ5LjU0Ny44MjIgMS4yMjQuODIyIDIuMDI3djguNzEzaDMuNjE3Yy40MzggMCAuNzg0LS4xMjggMS4wNC0uMzg0LjE0NC0uMTQzLjI1Ny0uMzE0LjMzMy0uNTAzcy4xMTEtLjM5LjEwNi0uNTkzeiIvPiYjeGE7PC9zdmc+;strokeColor=none;',
  },
  _width: 26,
  _height: 28,
}

On-Premise Non-SAP

Preview

Usage

import { OnPremiseNonSap } from '@dinghy/diagrams/entitiesSapGenericIcons'

<OnPremiseNonSap/>

// or

import { extendStyle } from "@dinghy/base-components";
import { ON_PREMISE_NON_SAP } from '@dinghy/diagrams/entitiesSapGenericIcons'

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

Definition

{
  _style: {
    entity: 'shape=image;editableCssRules=.*;verticalLabelPosition=bottom;labelBackgroundColor=default;verticalAlign=top;aspect=fixed;imageAspect=0;image=data:image/svg+xml,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9Ii0wLjUgLTAuNSAyNi4wODQgMjgiIGhlaWdodD0iMjgiIHdpZHRoPSIyNi4wODQiPiYjeGE7CSAgPHN0eWxlIHR5cGU9InRleHQvY3NzIj4uc3QwIHsgc3RvcC1jb2xvcjogcmdiKDkxLCAxMTUsIDEzOSk7IH0gLnN0MSB7IHN0b3AtY29sb3I6IHJnYigzNCwgNTMsIDcyKTsgfSA8L3N0eWxlPiYjeGE7CTxkZWZzPiYjeGE7CQk8bGluZWFyR3JhZGllbnQgZ3JhZGllbnRVbml0cz0idXNlclNwYWNlT25Vc2UiIHkyPSIyMy43OTIiIHgyPSIyMy4yNTYiIHkxPSIzLjQ3NCIgeDE9IjEuODY1IiBpZD0iQSI+JiN4YTsJCQk8c3RvcCBjbGFzcz0ic3QwIi8+JiN4YTsJCQk8c3RvcCBjbGFzcz0ic3QxIiBvZmZzZXQ9IjEiLz4mI3hhOwkJPC9saW5lYXJHcmFkaWVudD4mI3hhOwk8L2RlZnM+JiN4YTsJPHBhdGggZmlsbD0idXJsKCNBKSIgZD0iTTI0LjEwNCA4LjEwMmE0Ljk3IDQuOTcgMCAwIDEgMS4wNDIgMS41MzRjLjI5MS41NDkuNDM4IDEuMTUyLjQzOCAxLjgxdjExLjcyNWMwIDEuMjQxLS40MjEgMi4yNjUtMS4yNjIgMy4wNjgtLjgzOC44NDItMS44OCAxLjI2MS0zLjEyMSAxLjI2MUgzLjgyN2E0LjE4IDQuMTggMCAwIDEtMy4wNjgtMS4yNjFDLS4wODEgMjUuNDM2LS41IDI0LjQxMi0uNSAyMy4xNzFWMTEuNDQ0YzAtMS4zODcuNDkxLTIuNTAyIDEuNDc4LTMuMzQyTDkuNjM4LjU5NkE0LjUgNC41IDAgMCAxIDEyLjU5NC0uNSA0LjA5IDQuMDkgMCAwIDEgMTUuNDQ0LjU5NnptLTkuMzcgNy44MzZIMTAuMzV2OC43MTNoNC4zODR6bTcuNzgyLTQuNDk0YzAtLjQ3My0uMTQ3LS44NTktLjQzOC0xLjE1bC04LjY1OC03LjUwNmMtLjYyMS0uNDczLTEuMjYxLS40NzMtMS45MTggMGwtOC42NTUgNy41MDZjLS4yOTMuMjkzLS40MzguNjc3LS40MzggMS4xNTJ2MTEuNzI1YzAgLjQzOC4xMjguODAzLjM4NCAxLjA5NmExLjUzIDEuNTMgMCAwIDAgMS4wNC4zODRoMy42MTd2LTguNzEzYzAtLjgwMy4yNzQtMS40OC44MjEtMi4wMjcuNTg2LS41ODYgMS4yOC0uODc3IDIuMDgzLS44NzdoNC4zODRhMi42NiAyLjY2IDAgMCAxIDIuMDI3Ljg3N2MuNTQ5LjU0Ny44MjIgMS4yMjQuODIyIDIuMDI3djguNzEzaDMuNjE3Yy40MzggMCAuNzg0LS4xMjggMS4wNC0uMzg0LjE0NC0uMTQzLjI1Ny0uMzE0LjMzMy0uNTAzcy4xMTEtLjM5LjEwNi0uNTkzeiIvPiYjeGE7PC9zdmc+;strokeColor=none;',
  },
  _width: 26,
  _height: 28,
}

On-Premise SAP

Preview

Usage

import { OnPremiseSap } from '@dinghy/diagrams/entitiesSapGenericIcons'

<OnPremiseSap/>

// or

import { extendStyle } from "@dinghy/base-components";
import { ON_PREMISE_SAP } from '@dinghy/diagrams/entitiesSapGenericIcons'

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

Definition

{
  _style: {
    entity: 'shape=image;editableCssRules=.*;verticalLabelPosition=bottom;labelBackgroundColor=default;verticalAlign=top;aspect=fixed;imageAspect=0;image=data:image/svg+xml,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9Ii0wLjUgLTAuNSAyNi4wODQgMjgiIGhlaWdodD0iMjgiIHdpZHRoPSIyNi4wODQiPiYjeGE7CSAgPHN0eWxlIHR5cGU9InRleHQvY3NzIj4uc3QwIHsgc3RvcC1jb2xvcjogcmdiKDM1LCAxNDksIDI1NSk7IH0gLnN0MSB7IHN0b3AtY29sb3I6IHJnYigwLCA4NywgMjEwKTsgfSA8L3N0eWxlPiYjeGE7CTxkZWZzPiYjeGE7CQk8bGluZWFyR3JhZGllbnQgZ3JhZGllbnRVbml0cz0idXNlclNwYWNlT25Vc2UiIHkyPSIyMy43OTIiIHgyPSIyMy4yNTYiIHkxPSIzLjQ3NCIgeDE9IjEuODY1IiBpZD0iQSI+JiN4YTsJCQk8c3RvcCBjbGFzcz0ic3QwIi8+JiN4YTsJCQk8c3RvcCBjbGFzcz0ic3QxIiBvZmZzZXQ9IjEiLz4mI3hhOwkJPC9saW5lYXJHcmFkaWVudD4mI3hhOwk8L2RlZnM+JiN4YTsJPHBhdGggZmlsbD0idXJsKCNBKSIgZD0iTTI0LjEwNCA4LjEwMmE0Ljk3IDQuOTcgMCAwIDEgMS4wNDIgMS41MzRjLjI5MS41NDkuNDM4IDEuMTUyLjQzOCAxLjgxdjExLjcyNWMwIDEuMjQxLS40MjEgMi4yNjUtMS4yNjIgMy4wNjgtLjgzOC44NDItMS44OCAxLjI2MS0zLjEyMSAxLjI2MUgzLjgyN2E0LjE4IDQuMTggMCAwIDEtMy4wNjgtMS4yNjFDLS4wODEgMjUuNDM2LS41IDI0LjQxMi0uNSAyMy4xNzFWMTEuNDQ0YzAtMS4zODcuNDkxLTIuNTAyIDEuNDc4LTMuMzQyTDkuNjM4LjU5NkE0LjUgNC41IDAgMCAxIDEyLjU5NC0uNSA0LjA5IDQuMDkgMCAwIDEgMTUuNDQ0LjU5NnptLTkuMzcgNy44MzZIMTAuMzV2OC43MTNoNC4zODR6bTcuNzgyLTQuNDk0YzAtLjQ3My0uMTQ3LS44NTktLjQzOC0xLjE1bC04LjY1OC03LjUwNmMtLjYyMS0uNDczLTEuMjYxLS40NzMtMS45MTggMGwtOC42NTUgNy41MDZjLS4yOTMuMjkzLS40MzguNjc3LS40MzggMS4xNTJ2MTEuNzI1YzAgLjQzOC4xMjguODAzLjM4NCAxLjA5NmExLjUzIDEuNTMgMCAwIDAgMS4wNC4zODRoMy42MTd2LTguNzEzYzAtLjgwMy4yNzQtMS40OC44MjEtMi4wMjcuNTg2LS41ODYgMS4yOC0uODc3IDIuMDgzLS44NzdoNC4zODRhMi42NiAyLjY2IDAgMCAxIDIuMDI3Ljg3N2MuNTQ5LjU0Ny44MjIgMS4yMjQuODIyIDIuMDI3djguNzEzaDMuNjE3Yy40MzggMCAuNzg0LS4xMjggMS4wNC0uMzg0LjE0NC0uMTQzLjI1Ny0uMzE0LjMzMy0uNTAzcy4xMTEtLjM5LjEwNi0uNTkzeiIvPiYjeGE7PC9zdmc+;strokeColor=none;',
  },
  _width: 26,
  _height: 28,
}

Palette Highlight

Preview

Usage

import { PaletteHighlight } from '@dinghy/diagrams/entitiesSapGenericIcons'

<PaletteHighlight/>

// or

import { extendStyle } from "@dinghy/base-components";
import { PALETTE_HIGHLIGHT } from '@dinghy/diagrams/entitiesSapGenericIcons'

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

Definition

{
  _style: {
    entity: 'shape=image;verticalLabelPosition=bottom;labelBackgroundColor=default;verticalAlign=top;aspect=fixed;imageAspect=0;editableCssRules=.*;image=data:image/svg+xml,PHN2ZyB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2aWV3Qm94PSIwLjA1MDAwMDAwNDQ3MDM0ODM2IDAgMjMuOTkwMDAxNjc4NDY2Nzk3IDIzLjk4OTk5Nzg2Mzc2OTUzIiB2ZXJzaW9uPSIxLjEiIGlkPSJMYXllcl8xIiB3aWR0aD0iMjMuOTkwMDAxNjc4NDY2Nzk3IiBoZWlnaHQ9IjIzLjk4OTk5Nzg2Mzc2OTUzIj4mI3hhOyAgPHN0eWxlIHR5cGU9InRleHQvY3NzIj4mI3hhOwkJLnN0MHtzdG9wLWNvbG9yOiMwMGNlYWM7fSYjeGE7CQkuc3Qxe3N0b3AtY29sb3I6IzA3ODM4Zjt9JiN4YTsJICA8L3N0eWxlPiYjeGE7ICA8ZGVmcz4mI3hhOyAgICA8bGluZWFyR3JhZGllbnQgaWQ9IkEiIHgxPSIwIiB5MT0iMCIgeDI9IjI0IiB5Mj0iMjQiIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIj4mI3hhOyAgICAgIDxzdG9wIGNsYXNzPSJzdDAiLz4mI3hhOyAgICAgIDxzdG9wIG9mZnNldD0iMSIgY2xhc3M9InN0MSIvPiYjeGE7ICAgIDwvbGluZWFyR3JhZGllbnQ+JiN4YTsgIDwvZGVmcz4mI3hhOyAgPHBhdGggZmlsbD0idXJsKCNBKSIgZD0iTTEyLjAyLDBjMS42NiwwLDMuMjEuMzEsNC42NS45NCwxLjQ3LjYzLDIuNzYsMS40OSwzLjg1LDIuNTgsMS4xLDEuMSwxLjk2LDIuMzgsMi41OCwzLjg1LjYzLDEuNDQuOTQsMi45OS45NCw0LjY1LDAsLjY2LS4xMywxLjI4LS4zOCwxLjg4LS4yNS41Ni0uNTksMS4wNi0xLjAzLDEuNXMtLjk1Ljc4LTEuNTUsMS4wM2MtLjU2LjI1LTEuMTcuMzgtMS44My4zOGgtNC44NGMtLjc4LDAtMS4xNy40MS0xLjE3LDEuMjJzLjM5LDEuMTcsMS4xNywxLjE3Yy4zOCwwLC43NC4xMywxLjA4LjM4LjQxLjI1LjYxLjU2LjYxLjk0LjA2LjM4LjA1LjcyLS4wNSwxLjAzLS4wOS4yOC0uMjMuNTUtLjQyLjgtLjM0LjQ3LS44My44Ni0xLjQ2LDEuMTctLjU5LjMxLTEuMzUuNDctMi4yNS40Ny0xLjYzLDAtMy4xNi0uMzEtNC42LS45NC0xLjQ0LS42My0yLjcxLTEuNDktMy44LTIuNTgtMS4wNi0xLjEtMS45MS0yLjM2LTIuNTQtMy44Qy4zNiwxNS4yLjA1LDEzLjY1LjA1LDEyLjAycy4zMS0zLjIxLjk0LTQuNjVjLjYzLTEuNDcsMS40OS0yLjc2LDIuNTgtMy44NSwxLjEtMS4xLDIuMzYtMS45NiwzLjgtMi41OCwxLjQ3LS42MywzLjAyLS45NCw0LjY1LS45NFpNMTkuMjYsMTQuNDJjLjY2LDAsMS4yMi0uMjMsMS42OS0uNy40Ny0uNDcuNy0xLjAzLjctMS42OSwwLTEuMzItLjI1LTIuNTUtLjc1LTMuNzEtLjUtMS4xNi0xLjE5LTIuMTgtMi4wNy0zLjA1LS44OC0uODgtMS45MS0xLjU3LTMuMS0yLjA3LTEuMTYtLjUtMi40LS43NS0zLjcxLS43NXMtMi41NS4yNS0zLjcxLjc1Yy0xLjE2LjUtMi4xOCwxLjE5LTMuMDUsMi4wNy0uODguODgtMS41NywxLjg5LTIuMDcsMy4wNS0uNSwxLjE2LS43NSwyLjQtLjc1LDMuNzFzLjI1LDIuNTUuNzUsMy43MWMuNSwxLjE2LDEuMTksMi4xOCwyLjA3LDMuMDUuODguODgsMS44OSwxLjU3LDMuMDUsMi4wNywxLjE2LjUsMi40Ljc1LDMuNzEuNzUuNDcsMCwuODMtLjA4LDEuMDgtLjIzLS42Ni0uMjUtMS4yMS0uNjctMS42NC0xLjI3LS40MS0uNTktLjYxLTEuMjgtLjYxLTIuMDcsMC0uOTcuMzQtMS44MiwxLjAzLTIuNTQuNjktLjcyLDEuNTMtMS4wOCwyLjU0LTEuMDhoNC44NFpNMTguMDQsOS4wMmMuNSwwLC45Mi4xNywxLjI3LjUyLjM0LjM0LjUyLjc3LjUyLDEuMjcsMCwuNTMtLjE3Ljk3LS41MiwxLjMyLS4zNC4zNC0uNzcuNTItMS4yNy41MnMtLjkyLS4xNy0xLjI3LS41MmMtLjM0LS4zNC0uNTItLjc4LS41Mi0xLjMyLDAtLjUuMTctLjkyLjUyLTEuMjcuMzQtLjM0Ljc3LS41MiwxLjI3LS41MlpNMTUuMDMsNC44NGMuNSwwLC45Mi4xNywxLjI3LjUyLjM0LjM0LjUyLjc3LjUyLDEuMjdzLS4xNy45Mi0uNTIsMS4yN2MtLjM0LjM0LS43Ny41Mi0xLjI3LjUycy0uOTItLjE3LTEuMjctLjUyYy0uMzQtLjM0LS41Mi0uNzctLjUyLTEuMjdzLjE3LS45Mi41Mi0xLjI3Yy4zNC0uMzQuNzctLjUyLDEuMjctLjUyWk05LjAyLDQuODRjLjUzLDAsLjk3LjE3LDEuMzIuNTIuMzQuMzQuNTIuNzcuNTIsMS4yN3MtLjE3LjkyLS41MiwxLjI3Yy0uMzQuMzQtLjc4LjUyLTEuMzIuNTItLjUsMC0uOTItLjE3LTEuMjctLjUyLS4zNC0uMzQtLjUyLS43Ny0uNTItMS4yN3MuMTctLjkyLjUyLTEuMjcuNzctLjUyLDEuMjctLjUyWk02LjA2LDkuMDJjLjUsMCwuOTIuMTcsMS4yNy41Mi4zNC4zNC41Mi43Ny41MiwxLjI3LDAsLjUzLS4xNy45Ny0uNTIsMS4zMi0uMzQuMzQtLjc3LjUyLTEuMjcuNTItLjUzLDAtLjk3LS4xNy0xLjMyLS41Mi0uMzQtLjM0LS41Mi0uNzgtLjUyLTEuMzIsMC0uNS4xNy0uOTIuNTItMS4yNy4zNC0uMzQuNzgtLjUyLDEuMzItLjUyWiIvPiYjeGE7PC9zdmc+;strokeColor=none;',
  },
  _original_width: 28,
  _original_height: 28,

}

Palette Non-SAP

Preview

Usage

import { PaletteNonSap } from '@dinghy/diagrams/entitiesSapGenericIcons'

<PaletteNonSap/>

// or

import { extendStyle } from "@dinghy/base-components";
import { PALETTE_NON_SAP } from '@dinghy/diagrams/entitiesSapGenericIcons'

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

Definition

{
  _style: {
    entity: 'shape=image;verticalLabelPosition=bottom;labelBackgroundColor=default;verticalAlign=top;aspect=fixed;imageAspect=0;editableCssRules=.*;image=data:image/svg+xml,PHN2ZyB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2aWV3Qm94PSIwLjA1MDAwMDAwNDQ3MDM0ODM2IDAgMjMuOTkwMDAxNjc4NDY2Nzk3IDIzLjk4OTk5Nzg2Mzc2OTUzIiB2ZXJzaW9uPSIxLjEiIGlkPSJMYXllcl8xIiB3aWR0aD0iMjMuOTkwMDAxNjc4NDY2Nzk3IiBoZWlnaHQ9IjIzLjk4OTk5Nzg2Mzc2OTUzIj4mI3hhOyAgPHN0eWxlIHR5cGU9InRleHQvY3NzIj4uc3QwIHsgc3RvcC1jb2xvcjogcmdiKDkxLCAxMTUsIDEzOSk7IH0gLnN0MSB7IHN0b3AtY29sb3I6IHJnYigzNCwgNTMsIDcyKTsgfSA8L3N0eWxlPiYjeGE7ICA8ZGVmcz4mI3hhOyAgICA8bGluZWFyR3JhZGllbnQgaWQ9IkEiIHgxPSIwIiB5MT0iMCIgeDI9IjI0IiB5Mj0iMjQiIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIj4mI3hhOyAgICAgIDxzdG9wIGNsYXNzPSJzdDAiLz4mI3hhOyAgICAgIDxzdG9wIG9mZnNldD0iMSIgY2xhc3M9InN0MSIvPiYjeGE7ICAgIDwvbGluZWFyR3JhZGllbnQ+JiN4YTsgIDwvZGVmcz4mI3hhOyAgPHBhdGggZmlsbD0idXJsKCNBKSIgZD0iTTEyLjAyLDBjMS42NiwwLDMuMjEuMzEsNC42NS45NCwxLjQ3LjYzLDIuNzYsMS40OSwzLjg1LDIuNTgsMS4xLDEuMSwxLjk2LDIuMzgsMi41OCwzLjg1LjYzLDEuNDQuOTQsMi45OS45NCw0LjY1LDAsLjY2LS4xMywxLjI4LS4zOCwxLjg4LS4yNS41Ni0uNTksMS4wNi0xLjAzLDEuNXMtLjk1Ljc4LTEuNTUsMS4wM2MtLjU2LjI1LTEuMTcuMzgtMS44My4zOGgtNC44NGMtLjc4LDAtMS4xNy40MS0xLjE3LDEuMjJzLjM5LDEuMTcsMS4xNywxLjE3Yy4zOCwwLC43NC4xMywxLjA4LjM4LjQxLjI1LjYxLjU2LjYxLjk0LjA2LjM4LjA1LjcyLS4wNSwxLjAzLS4wOS4yOC0uMjMuNTUtLjQyLjgtLjM0LjQ3LS44My44Ni0xLjQ2LDEuMTctLjU5LjMxLTEuMzUuNDctMi4yNS40Ny0xLjYzLDAtMy4xNi0uMzEtNC42LS45NC0xLjQ0LS42My0yLjcxLTEuNDktMy44LTIuNTgtMS4wNi0xLjEtMS45MS0yLjM2LTIuNTQtMy44Qy4zNiwxNS4yLjA1LDEzLjY1LjA1LDEyLjAycy4zMS0zLjIxLjk0LTQuNjVjLjYzLTEuNDcsMS40OS0yLjc2LDIuNTgtMy44NSwxLjEtMS4xLDIuMzYtMS45NiwzLjgtMi41OCwxLjQ3LS42MywzLjAyLS45NCw0LjY1LS45NFpNMTkuMjYsMTQuNDJjLjY2LDAsMS4yMi0uMjMsMS42OS0uNy40Ny0uNDcuNy0xLjAzLjctMS42OSwwLTEuMzItLjI1LTIuNTUtLjc1LTMuNzEtLjUtMS4xNi0xLjE5LTIuMTgtMi4wNy0zLjA1LS44OC0uODgtMS45MS0xLjU3LTMuMS0yLjA3LTEuMTYtLjUtMi40LS43NS0zLjcxLS43NXMtMi41NS4yNS0zLjcxLjc1Yy0xLjE2LjUtMi4xOCwxLjE5LTMuMDUsMi4wNy0uODguODgtMS41NywxLjg5LTIuMDcsMy4wNS0uNSwxLjE2LS43NSwyLjQtLjc1LDMuNzFzLjI1LDIuNTUuNzUsMy43MWMuNSwxLjE2LDEuMTksMi4xOCwyLjA3LDMuMDUuODguODgsMS44OSwxLjU3LDMuMDUsMi4wNywxLjE2LjUsMi40Ljc1LDMuNzEuNzUuNDcsMCwuODMtLjA4LDEuMDgtLjIzLS42Ni0uMjUtMS4yMS0uNjctMS42NC0xLjI3LS40MS0uNTktLjYxLTEuMjgtLjYxLTIuMDcsMC0uOTcuMzQtMS44MiwxLjAzLTIuNTQuNjktLjcyLDEuNTMtMS4wOCwyLjU0LTEuMDhoNC44NFpNMTguMDQsOS4wMmMuNSwwLC45Mi4xNywxLjI3LjUyLjM0LjM0LjUyLjc3LjUyLDEuMjcsMCwuNTMtLjE3Ljk3LS41MiwxLjMyLS4zNC4zNC0uNzcuNTItMS4yNy41MnMtLjkyLS4xNy0xLjI3LS41MmMtLjM0LS4zNC0uNTItLjc4LS41Mi0xLjMyLDAtLjUuMTctLjkyLjUyLTEuMjcuMzQtLjM0Ljc3LS41MiwxLjI3LS41MlpNMTUuMDMsNC44NGMuNSwwLC45Mi4xNywxLjI3LjUyLjM0LjM0LjUyLjc3LjUyLDEuMjdzLS4xNy45Mi0uNTIsMS4yN2MtLjM0LjM0LS43Ny41Mi0xLjI3LjUycy0uOTItLjE3LTEuMjctLjUyYy0uMzQtLjM0LS41Mi0uNzctLjUyLTEuMjdzLjE3LS45Mi41Mi0xLjI3Yy4zNC0uMzQuNzctLjUyLDEuMjctLjUyWk05LjAyLDQuODRjLjUzLDAsLjk3LjE3LDEuMzIuNTIuMzQuMzQuNTIuNzcuNTIsMS4yN3MtLjE3LjkyLS41MiwxLjI3Yy0uMzQuMzQtLjc4LjUyLTEuMzIuNTItLjUsMC0uOTItLjE3LTEuMjctLjUyLS4zNC0uMzQtLjUyLS43Ny0uNTItMS4yN3MuMTctLjkyLjUyLTEuMjcuNzctLjUyLDEuMjctLjUyWk02LjA2LDkuMDJjLjUsMCwuOTIuMTcsMS4yNy41Mi4zNC4zNC41Mi43Ny41MiwxLjI3LDAsLjUzLS4xNy45Ny0uNTIsMS4zMi0uMzQuMzQtLjc3LjUyLTEuMjcuNTItLjUzLDAtLjk3LS4xNy0xLjMyLS41Mi0uMzQtLjM0LS41Mi0uNzgtLjUyLTEuMzIsMC0uNS4xNy0uOTIuNTItMS4yNy4zNC0uMzQuNzgtLjUyLDEuMzItLjUyWiIvPiYjeGE7PC9zdmc+;strokeColor=none;',
  },
  _original_width: 28,
  _original_height: 28,

}

Palette SAP

Preview

Usage

import { PaletteSap } from '@dinghy/diagrams/entitiesSapGenericIcons'

<PaletteSap/>

// or

import { extendStyle } from "@dinghy/base-components";
import { PALETTE_SAP } from '@dinghy/diagrams/entitiesSapGenericIcons'

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

Definition

{
  _style: {
    entity: 'shape=image;verticalLabelPosition=bottom;labelBackgroundColor=default;verticalAlign=top;aspect=fixed;imageAspect=0;editableCssRules=.*;image=data:image/svg+xml,PHN2ZyB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2aWV3Qm94PSIwLjA1MDAwMDAwNDQ3MDM0ODM2IDAgMjMuOTkwMDAxNjc4NDY2Nzk3IDIzLjk4OTk5Nzg2Mzc2OTUzIiB2ZXJzaW9uPSIxLjEiIGlkPSJMYXllcl8xIiB3aWR0aD0iMjMuOTkwMDAxNjc4NDY2Nzk3IiBoZWlnaHQ9IjIzLjk4OTk5Nzg2Mzc2OTUzIj4mI3hhOyAgPHN0eWxlIHR5cGU9InRleHQvY3NzIj4uc3QwIHsgc3RvcC1jb2xvcjogcmdiKDM1LCAxNDksIDI1NSk7IH0gLnN0MSB7IHN0b3AtY29sb3I6IHJnYigwLCA4NywgMjEwKTsgfSA8L3N0eWxlPiYjeGE7ICA8ZGVmcz4mI3hhOyAgICA8bGluZWFyR3JhZGllbnQgaWQ9IkEiIHgxPSIwIiB5MT0iMCIgeDI9IjI0IiB5Mj0iMjQiIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIj4mI3hhOyAgICAgIDxzdG9wIGNsYXNzPSJzdDAiLz4mI3hhOyAgICAgIDxzdG9wIG9mZnNldD0iMSIgY2xhc3M9InN0MSIvPiYjeGE7ICAgIDwvbGluZWFyR3JhZGllbnQ+JiN4YTsgIDwvZGVmcz4mI3hhOyAgPHBhdGggZmlsbD0idXJsKCNBKSIgZD0iTTEyLjAyLDBjMS42NiwwLDMuMjEuMzEsNC42NS45NCwxLjQ3LjYzLDIuNzYsMS40OSwzLjg1LDIuNTgsMS4xLDEuMSwxLjk2LDIuMzgsMi41OCwzLjg1LjYzLDEuNDQuOTQsMi45OS45NCw0LjY1LDAsLjY2LS4xMywxLjI4LS4zOCwxLjg4LS4yNS41Ni0uNTksMS4wNi0xLjAzLDEuNXMtLjk1Ljc4LTEuNTUsMS4wM2MtLjU2LjI1LTEuMTcuMzgtMS44My4zOGgtNC44NGMtLjc4LDAtMS4xNy40MS0xLjE3LDEuMjJzLjM5LDEuMTcsMS4xNywxLjE3Yy4zOCwwLC43NC4xMywxLjA4LjM4LjQxLjI1LjYxLjU2LjYxLjk0LjA2LjM4LjA1LjcyLS4wNSwxLjAzLS4wOS4yOC0uMjMuNTUtLjQyLjgtLjM0LjQ3LS44My44Ni0xLjQ2LDEuMTctLjU5LjMxLTEuMzUuNDctMi4yNS40Ny0xLjYzLDAtMy4xNi0uMzEtNC42LS45NC0xLjQ0LS42My0yLjcxLTEuNDktMy44LTIuNTgtMS4wNi0xLjEtMS45MS0yLjM2LTIuNTQtMy44Qy4zNiwxNS4yLjA1LDEzLjY1LjA1LDEyLjAycy4zMS0zLjIxLjk0LTQuNjVjLjYzLTEuNDcsMS40OS0yLjc2LDIuNTgtMy44NSwxLjEtMS4xLDIuMzYtMS45NiwzLjgtMi41OCwxLjQ3LS42MywzLjAyLS45NCw0LjY1LS45NFpNMTkuMjYsMTQuNDJjLjY2LDAsMS4yMi0uMjMsMS42OS0uNy40Ny0uNDcuNy0xLjAzLjctMS42OSwwLTEuMzItLjI1LTIuNTUtLjc1LTMuNzEtLjUtMS4xNi0xLjE5LTIuMTgtMi4wNy0zLjA1LS44OC0uODgtMS45MS0xLjU3LTMuMS0yLjA3LTEuMTYtLjUtMi40LS43NS0zLjcxLS43NXMtMi41NS4yNS0zLjcxLjc1Yy0xLjE2LjUtMi4xOCwxLjE5LTMuMDUsMi4wNy0uODguODgtMS41NywxLjg5LTIuMDcsMy4wNS0uNSwxLjE2LS43NSwyLjQtLjc1LDMuNzFzLjI1LDIuNTUuNzUsMy43MWMuNSwxLjE2LDEuMTksMi4xOCwyLjA3LDMuMDUuODguODgsMS44OSwxLjU3LDMuMDUsMi4wNywxLjE2LjUsMi40Ljc1LDMuNzEuNzUuNDcsMCwuODMtLjA4LDEuMDgtLjIzLS42Ni0uMjUtMS4yMS0uNjctMS42NC0xLjI3LS40MS0uNTktLjYxLTEuMjgtLjYxLTIuMDcsMC0uOTcuMzQtMS44MiwxLjAzLTIuNTQuNjktLjcyLDEuNTMtMS4wOCwyLjU0LTEuMDhoNC44NFpNMTguMDQsOS4wMmMuNSwwLC45Mi4xNywxLjI3LjUyLjM0LjM0LjUyLjc3LjUyLDEuMjcsMCwuNTMtLjE3Ljk3LS41MiwxLjMyLS4zNC4zNC0uNzcuNTItMS4yNy41MnMtLjkyLS4xNy0xLjI3LS41MmMtLjM0LS4zNC0uNTItLjc4LS41Mi0xLjMyLDAtLjUuMTctLjkyLjUyLTEuMjcuMzQtLjM0Ljc3LS41MiwxLjI3LS41MlpNMTUuMDMsNC44NGMuNSwwLC45Mi4xNywxLjI3LjUyLjM0LjM0LjUyLjc3LjUyLDEuMjdzLS4xNy45Mi0uNTIsMS4yN2MtLjM0LjM0LS43Ny41Mi0xLjI3LjUycy0uOTItLjE3LTEuMjctLjUyYy0uMzQtLjM0LS41Mi0uNzctLjUyLTEuMjdzLjE3LS45Mi41Mi0xLjI3Yy4zNC0uMzQuNzctLjUyLDEuMjctLjUyWk05LjAyLDQuODRjLjUzLDAsLjk3LjE3LDEuMzIuNTIuMzQuMzQuNTIuNzcuNTIsMS4yN3MtLjE3LjkyLS41MiwxLjI3Yy0uMzQuMzQtLjc4LjUyLTEuMzIuNTItLjUsMC0uOTItLjE3LTEuMjctLjUyLS4zNC0uMzQtLjUyLS43Ny0uNTItMS4yN3MuMTctLjkyLjUyLTEuMjcuNzctLjUyLDEuMjctLjUyWk02LjA2LDkuMDJjLjUsMCwuOTIuMTcsMS4yNy41Mi4zNC4zNC41Mi43Ny41MiwxLjI3LDAsLjUzLS4xNy45Ny0uNTIsMS4zMi0uMzQuMzQtLjc3LjUyLTEuMjcuNTItLjUzLDAtLjk3LS4xNy0xLjMyLS41Mi0uMzQtLjM0LS41Mi0uNzgtLjUyLTEuMzIsMC0uNS4xNy0uOTIuNTItMS4yNy4zNC0uMzQuNzgtLjUyLDEuMzItLjUyWiIvPiYjeGE7PC9zdmc+;strokeColor=none;',
  },
  _original_width: 28,
  _original_height: 28,

}

Paper Plane Highlight

Preview

Usage

import { PaperPlaneHighlight } from '@dinghy/diagrams/entitiesSapGenericIcons'

<PaperPlaneHighlight/>

// or

import { extendStyle } from "@dinghy/base-components";
import { PAPER_PLANE_HIGHLIGHT } from '@dinghy/diagrams/entitiesSapGenericIcons'

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

Definition

{
  _style: {
    entity: 'shape=image;verticalLabelPosition=bottom;labelBackgroundColor=default;verticalAlign=top;aspect=fixed;imageAspect=0;editableCssRules=.*;image=data:image/svg+xml,PHN2ZyB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2aWV3Qm94PSIwIDAuMDAzNzgxODEwNDAyODcwMTc4MiAyMy45OTYyMTk2MzUwMDk3NjYgMjMuOTk2MjE5NjM1MDA5NzY2IiB2ZXJzaW9uPSIxLjEiIGlkPSJMYXllcl8xIiB3aWR0aD0iMjMuOTk2MjE5NjM1MDA5NzY2IiBoZWlnaHQ9IjIzLjk5NjIxOTYzNTAwOTc2NiI+JiN4YTsgIDxzdHlsZSB0eXBlPSJ0ZXh0L2NzcyI+JiN4YTsJCS5zdDB7c3RvcC1jb2xvcjojMDBjZWFjO30mI3hhOwkJLnN0MXtzdG9wLWNvbG9yOiMwNzgzOGY7fSYjeGE7CSAgPC9zdHlsZT4mI3hhOyAgPGRlZnM+JiN4YTsgICAgPGxpbmVhckdyYWRpZW50IGlkPSJBIiB4MT0iMCIgeTE9IjAiIHgyPSIyNCIgeTI9IjI0IiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSI+JiN4YTsgICAgICA8c3RvcCBjbGFzcz0ic3QwIi8+JiN4YTsgICAgICA8c3RvcCBvZmZzZXQ9IjEiIGNsYXNzPSJzdDEiLz4mI3hhOyAgICA8L2xpbmVhckdyYWRpZW50PiYjeGE7ICA8L2RlZnM+JiN4YTsgIDxwYXRoIGZpbGw9InVybCgjQSkiIGQ9Ik0xNC4yOSwxOS4wNmw0LjgtMTIuMjgtNi45MSw2Ljk1LDIuMTEsNS4zMlpNMTcuMjIsNC45MWwtMTIuMjgsNC44LDUuMzIsMi4xMSw2Ljk1LTYuOTFaTTIzLjU5LjQxYy40Mi40Mi41MS45LjI5LDEuNDRsLTguMzQsMjEuMjljLS4yMi41OC0uNjQuODYtMS4yNS44Ni0uNTgsMC0uOTgtLjI3LTEuMi0uODJsLTMuNS04Ljc4TC44MiwxMC45MWMtLjU0LS4yMi0uODItLjYyLS44Mi0xLjIsMC0uNjEuMjktMS4wMi44Ni0xLjI1TDIyLjE2LjEyYy41NC0uMjIsMS4wMi0uMTMsMS40NC4yOVoiLz4mI3hhOzwvc3ZnPg==;strokeColor=none;',
  },
  _original_width: 28,
  _original_height: 28,

}

Paper Plane Non-SAP

Preview

Usage

import { PaperPlaneNonSap } from '@dinghy/diagrams/entitiesSapGenericIcons'

<PaperPlaneNonSap/>

// or

import { extendStyle } from "@dinghy/base-components";
import { PAPER_PLANE_NON_SAP } from '@dinghy/diagrams/entitiesSapGenericIcons'

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

Definition

{
  _style: {
    entity: 'shape=image;verticalLabelPosition=bottom;labelBackgroundColor=default;verticalAlign=top;aspect=fixed;imageAspect=0;editableCssRules=.*;image=data:image/svg+xml,PHN2ZyB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2aWV3Qm94PSIwIDAuMDAzNzgxODEwNDAyODcwMTc4MiAyMy45OTYyMTk2MzUwMDk3NjYgMjMuOTk2MjE5NjM1MDA5NzY2IiB2ZXJzaW9uPSIxLjEiIGlkPSJMYXllcl8xIiB3aWR0aD0iMjMuOTk2MjE5NjM1MDA5NzY2IiBoZWlnaHQ9IjIzLjk5NjIxOTYzNTAwOTc2NiI+JiN4YTsgIDxzdHlsZSB0eXBlPSJ0ZXh0L2NzcyI+LnN0MCB7IHN0b3AtY29sb3I6IHJnYig5MSwgMTE1LCAxMzkpOyB9IC5zdDEgeyBzdG9wLWNvbG9yOiByZ2IoMzQsIDUzLCA3Mik7IH0gPC9zdHlsZT4mI3hhOyAgPGRlZnM+JiN4YTsgICAgPGxpbmVhckdyYWRpZW50IGlkPSJBIiB4MT0iMCIgeTE9IjAiIHgyPSIyNCIgeTI9IjI0IiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSI+JiN4YTsgICAgICA8c3RvcCBjbGFzcz0ic3QwIi8+JiN4YTsgICAgICA8c3RvcCBvZmZzZXQ9IjEiIGNsYXNzPSJzdDEiLz4mI3hhOyAgICA8L2xpbmVhckdyYWRpZW50PiYjeGE7ICA8L2RlZnM+JiN4YTsgIDxwYXRoIGZpbGw9InVybCgjQSkiIGQ9Ik0xNC4yOSwxOS4wNmw0LjgtMTIuMjgtNi45MSw2Ljk1LDIuMTEsNS4zMlpNMTcuMjIsNC45MWwtMTIuMjgsNC44LDUuMzIsMi4xMSw2Ljk1LTYuOTFaTTIzLjU5LjQxYy40Mi40Mi41MS45LjI5LDEuNDRsLTguMzQsMjEuMjljLS4yMi41OC0uNjQuODYtMS4yNS44Ni0uNTgsMC0uOTgtLjI3LTEuMi0uODJsLTMuNS04Ljc4TC44MiwxMC45MWMtLjU0LS4yMi0uODItLjYyLS44Mi0xLjIsMC0uNjEuMjktMS4wMi44Ni0xLjI1TDIyLjE2LjEyYy41NC0uMjIsMS4wMi0uMTMsMS40NC4yOVoiLz4mI3hhOzwvc3ZnPg==;strokeColor=none;',
  },
  _original_width: 28,
  _original_height: 28,

}

Paper Plane SAP

Preview

Usage

import { PaperPlaneSap } from '@dinghy/diagrams/entitiesSapGenericIcons'

<PaperPlaneSap/>

// or

import { extendStyle } from "@dinghy/base-components";
import { PAPER_PLANE_SAP } from '@dinghy/diagrams/entitiesSapGenericIcons'

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

Definition

{
  _style: {
    entity: 'shape=image;verticalLabelPosition=bottom;labelBackgroundColor=default;verticalAlign=top;aspect=fixed;imageAspect=0;editableCssRules=.*;image=data:image/svg+xml,PHN2ZyB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2aWV3Qm94PSIwIDAuMDAzNzgxODEwNDAyODcwMTc4MiAyMy45OTYyMTk2MzUwMDk3NjYgMjMuOTk2MjE5NjM1MDA5NzY2IiB2ZXJzaW9uPSIxLjEiIGlkPSJMYXllcl8xIiB3aWR0aD0iMjMuOTk2MjE5NjM1MDA5NzY2IiBoZWlnaHQ9IjIzLjk5NjIxOTYzNTAwOTc2NiI+JiN4YTsgIDxzdHlsZSB0eXBlPSJ0ZXh0L2NzcyI+LnN0MCB7IHN0b3AtY29sb3I6IHJnYigzNSwgMTQ5LCAyNTUpOyB9IC5zdDEgeyBzdG9wLWNvbG9yOiByZ2IoMCwgODcsIDIxMCk7IH0gPC9zdHlsZT4mI3hhOyAgPGRlZnM+JiN4YTsgICAgPGxpbmVhckdyYWRpZW50IGlkPSJBIiB4MT0iMCIgeTE9IjAiIHgyPSIyNCIgeTI9IjI0IiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSI+JiN4YTsgICAgICA8c3RvcCBjbGFzcz0ic3QwIi8+JiN4YTsgICAgICA8c3RvcCBvZmZzZXQ9IjEiIGNsYXNzPSJzdDEiLz4mI3hhOyAgICA8L2xpbmVhckdyYWRpZW50PiYjeGE7ICA8L2RlZnM+JiN4YTsgIDxwYXRoIGZpbGw9InVybCgjQSkiIGQ9Ik0xNC4yOSwxOS4wNmw0LjgtMTIuMjgtNi45MSw2Ljk1LDIuMTEsNS4zMlpNMTcuMjIsNC45MWwtMTIuMjgsNC44LDUuMzIsMi4xMSw2Ljk1LTYuOTFaTTIzLjU5LjQxYy40Mi40Mi41MS45LjI5LDEuNDRsLTguMzQsMjEuMjljLS4yMi41OC0uNjQuODYtMS4yNS44Ni0uNTgsMC0uOTgtLjI3LTEuMi0uODJsLTMuNS04Ljc4TC44MiwxMC45MWMtLjU0LS4yMi0uODItLjYyLS44Mi0xLjIsMC0uNjEuMjktMS4wMi44Ni0xLjI1TDIyLjE2LjEyYy41NC0uMjIsMS4wMi0uMTMsMS40NC4yOVoiLz4mI3hhOzwvc3ZnPg==;strokeColor=none;',
  },
  _original_width: 28,
  _original_height: 28,

}

Permissions Highlight

Preview

Usage

import { PermissionsHighlight } from '@dinghy/diagrams/entitiesSapGenericIcons'

<PermissionsHighlight/>

// or

import { extendStyle } from "@dinghy/base-components";
import { PERMISSIONS_HIGHLIGHT } from '@dinghy/diagrams/entitiesSapGenericIcons'

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

Definition

{
  _style: {
    entity: 'shape=image;verticalLabelPosition=bottom;labelBackgroundColor=default;verticalAlign=top;aspect=fixed;imageAspect=0;editableCssRules=.*;image=data:image/svg+xml,PHN2ZyB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2aWV3Qm94PSItMC4wMTAwMDAwNTAwNjc5MDE2MTEgMCAxOC4wMTAwMDAyMjg4ODE4MzYgMjMuMDIwMDAwNDU3NzYzNjcyIiB2ZXJzaW9uPSIxLjEiIGlkPSJMYXllcl8xIiB3aWR0aD0iMTguMDEwMDAwMjI4ODgxODM2IiBoZWlnaHQ9IjIzLjAyMDAwMDQ1Nzc2MzY3MiI+JiN4YTsgIDxzdHlsZSB0eXBlPSJ0ZXh0L2NzcyI+JiN4YTsJCS5zdDB7c3RvcC1jb2xvcjojMDBjZWFjO30mI3hhOwkJLnN0MXtzdG9wLWNvbG9yOiMwNzgzOGY7fSYjeGE7CSAgPC9zdHlsZT4mI3hhOyAgPGRlZnM+JiN4YTsgICAgPGxpbmVhckdyYWRpZW50IGlkPSJBIiB4MT0iMCIgeTE9IjAiIHgyPSIxOCIgeTI9IjIzIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSI+JiN4YTsgICAgICA8c3RvcCBjbGFzcz0ic3QwIi8+JiN4YTsgICAgICA8c3RvcCBvZmZzZXQ9IjEiIGNsYXNzPSJzdDEiLz4mI3hhOyAgICA8L2xpbmVhckdyYWRpZW50PiYjeGE7ICA8L2RlZnM+JiN4YTsgIDxwYXRoIGZpbGw9InVybCgjQSkiIGQ9Ik0xNi45LDBjLjczLDAsMS4xLjM4LDEuMSwxLjEzdjYuODljMCwuNzgtLjM3LDEuMTctMS4xLDEuMTdzLTEuMTQtLjM5LTEuMTQtMS4xN1YyLjNoLTcuNDRsLS40NC40NXYyLjk3YzAsLjYzLS4yMiwxLjE3LS42NiwxLjYyLS40NC40NS0uOTcuNjgtMS41OC42OGgtMi45bC0uNDQuNXYxMi4yaDMuMzRjLjMyLDAsLjU5LjExLjc5LjMyLjIzLjIxLjM1LjQ4LjM1Ljgxcy0uMTIuNi0uMzUuODFjLS4yMS4yNC0uNDcuMzYtLjc5LjM2SDEuMTRjLS4zMiwwLS42LS4xMi0uODQtLjM2LS4yMS0uMjEtLjMxLS40OC0uMzEtLjgxdi0xMy44MmMwLS4yNy4xMi0uNTMuMzUtLjc3TDcuMDkuMzJjLjIxLS4yMS40Ny0uMzIuNzktLjMyaDkuMDJaTTE2LjksMTUuMjZjLjMyLjE4LjU5LjQ1Ljc5LjgxLjIxLjM2LjMxLjc1LjMxLDEuMTd2My40N2MwLC42My0uMjIsMS4xNy0uNjYsMS42Mi0uNDQuNDUtLjk3LjY4LTEuNTguNjhoLTQuNDljLS42MiwwLTEuMTQtLjIzLTEuNTgtLjY4LS40NC0uNDUtLjY2LS45OS0uNjYtMS42MnYtMy40N2MwLS40Mi4xLS44MS4zMS0xLjE3LjIxLS4zNi40Ny0uNjMuNzktLjgxdi0xLjQ5YzAtLjk2LjMyLTEuNzcuOTctMi40My42Ny0uNjYsMS40OC0uOTksMi40Mi0uOTlzMS43My4zMywyLjM4Ljk5Yy42Ny42NiwxLjAxLDEuNDcsMS4wMSwyLjQzdjEuNDlaTTEyLjM3LDE0Ljk0aDIuMjl2LTEuMTdjMC0uMzMtLjEyLS42LS4zNS0uODEtLjIxLS4yMS0uNDctLjMyLS43OS0uMzJzLS42LjEtLjg0LjMyYy0uMjEuMjEtLjMxLjQ4LS4zMS44MXYxLjE3Wk0xNS43NiwxNy4yNGgtNC40OXYzLjQ3aDQuNDl2LTMuNDdaIi8+JiN4YTs8L3N2Zz4=;strokeColor=none;',
  },
  _width: 21.91,
  _height: 28,
}

Permissions Non-SAP

Preview

Usage

import { PermissionsNonSap } from '@dinghy/diagrams/entitiesSapGenericIcons'

<PermissionsNonSap/>

// or

import { extendStyle } from "@dinghy/base-components";
import { PERMISSIONS_NON_SAP } from '@dinghy/diagrams/entitiesSapGenericIcons'

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

Definition

{
  _style: {
    entity: 'shape=image;verticalLabelPosition=bottom;labelBackgroundColor=default;verticalAlign=top;aspect=fixed;imageAspect=0;editableCssRules=.*;image=data:image/svg+xml,PHN2ZyB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2aWV3Qm94PSItMC4wMTAwMDAwNTAwNjc5MDE2MTEgMCAxOC4wMTAwMDAyMjg4ODE4MzYgMjMuMDIwMDAwNDU3NzYzNjcyIiB2ZXJzaW9uPSIxLjEiIGlkPSJMYXllcl8xIiB3aWR0aD0iMTguMDEwMDAwMjI4ODgxODM2IiBoZWlnaHQ9IjIzLjAyMDAwMDQ1Nzc2MzY3MiI+JiN4YTsgIDxzdHlsZSB0eXBlPSJ0ZXh0L2NzcyI+LnN0MCB7IHN0b3AtY29sb3I6IHJnYig5MSwgMTE1LCAxMzkpOyB9IC5zdDEgeyBzdG9wLWNvbG9yOiByZ2IoMzQsIDUzLCA3Mik7IH0gPC9zdHlsZT4mI3hhOyAgPGRlZnM+JiN4YTsgICAgPGxpbmVhckdyYWRpZW50IGlkPSJBIiB4MT0iMCIgeTE9IjAiIHgyPSIxOCIgeTI9IjIzIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSI+JiN4YTsgICAgICA8c3RvcCBjbGFzcz0ic3QwIi8+JiN4YTsgICAgICA8c3RvcCBvZmZzZXQ9IjEiIGNsYXNzPSJzdDEiLz4mI3hhOyAgICA8L2xpbmVhckdyYWRpZW50PiYjeGE7ICA8L2RlZnM+JiN4YTsgIDxwYXRoIGZpbGw9InVybCgjQSkiIGQ9Ik0xNi45LDBjLjczLDAsMS4xLjM4LDEuMSwxLjEzdjYuODljMCwuNzgtLjM3LDEuMTctMS4xLDEuMTdzLTEuMTQtLjM5LTEuMTQtMS4xN1YyLjNoLTcuNDRsLS40NC40NXYyLjk3YzAsLjYzLS4yMiwxLjE3LS42NiwxLjYyLS40NC40NS0uOTcuNjgtMS41OC42OGgtMi45bC0uNDQuNXYxMi4yaDMuMzRjLjMyLDAsLjU5LjExLjc5LjMyLjIzLjIxLjM1LjQ4LjM1Ljgxcy0uMTIuNi0uMzUuODFjLS4yMS4yNC0uNDcuMzYtLjc5LjM2SDEuMTRjLS4zMiwwLS42LS4xMi0uODQtLjM2LS4yMS0uMjEtLjMxLS40OC0uMzEtLjgxdi0xMy44MmMwLS4yNy4xMi0uNTMuMzUtLjc3TDcuMDkuMzJjLjIxLS4yMS40Ny0uMzIuNzktLjMyaDkuMDJaTTE2LjksMTUuMjZjLjMyLjE4LjU5LjQ1Ljc5LjgxLjIxLjM2LjMxLjc1LjMxLDEuMTd2My40N2MwLC42My0uMjIsMS4xNy0uNjYsMS42Mi0uNDQuNDUtLjk3LjY4LTEuNTguNjhoLTQuNDljLS42MiwwLTEuMTQtLjIzLTEuNTgtLjY4LS40NC0uNDUtLjY2LS45OS0uNjYtMS42MnYtMy40N2MwLS40Mi4xLS44MS4zMS0xLjE3LjIxLS4zNi40Ny0uNjMuNzktLjgxdi0xLjQ5YzAtLjk2LjMyLTEuNzcuOTctMi40My42Ny0uNjYsMS40OC0uOTksMi40Mi0uOTlzMS43My4zMywyLjM4Ljk5Yy42Ny42NiwxLjAxLDEuNDcsMS4wMSwyLjQzdjEuNDlaTTEyLjM3LDE0Ljk0aDIuMjl2LTEuMTdjMC0uMzMtLjEyLS42LS4zNS0uODEtLjIxLS4yMS0uNDctLjMyLS43OS0uMzJzLS42LjEtLjg0LjMyYy0uMjEuMjEtLjMxLjQ4LS4zMS44MXYxLjE3Wk0xNS43NiwxNy4yNGgtNC40OXYzLjQ3aDQuNDl2LTMuNDdaIi8+JiN4YTs8L3N2Zz4=;strokeColor=none;',
  },
  _width: 21.91,
  _height: 28,
}

Permissions SAP

Preview

Usage

import { PermissionsSap } from '@dinghy/diagrams/entitiesSapGenericIcons'

<PermissionsSap/>

// or

import { extendStyle } from "@dinghy/base-components";
import { PERMISSIONS_SAP } from '@dinghy/diagrams/entitiesSapGenericIcons'

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

Definition

{
  _style: {
    entity: 'shape=image;verticalLabelPosition=bottom;labelBackgroundColor=default;verticalAlign=top;aspect=fixed;imageAspect=0;editableCssRules=.*;image=data:image/svg+xml,PHN2ZyB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2aWV3Qm94PSItMC4wMTAwMDAwNTAwNjc5MDE2MTEgMCAxOC4wMTAwMDAyMjg4ODE4MzYgMjMuMDIwMDAwNDU3NzYzNjcyIiB2ZXJzaW9uPSIxLjEiIGlkPSJMYXllcl8xIiB3aWR0aD0iMTguMDEwMDAwMjI4ODgxODM2IiBoZWlnaHQ9IjIzLjAyMDAwMDQ1Nzc2MzY3MiI+JiN4YTsgIDxzdHlsZSB0eXBlPSJ0ZXh0L2NzcyI+LnN0MCB7IHN0b3AtY29sb3I6IHJnYigzNSwgMTQ5LCAyNTUpOyB9IC5zdDEgeyBzdG9wLWNvbG9yOiByZ2IoMCwgODcsIDIxMCk7IH0gPC9zdHlsZT4mI3hhOyAgPGRlZnM+JiN4YTsgICAgPGxpbmVhckdyYWRpZW50IGlkPSJBIiB4MT0iMCIgeTE9IjAiIHgyPSIxOCIgeTI9IjIzIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSI+JiN4YTsgICAgICA8c3RvcCBjbGFzcz0ic3QwIi8+JiN4YTsgICAgICA8c3RvcCBvZmZzZXQ9IjEiIGNsYXNzPSJzdDEiLz4mI3hhOyAgICA8L2xpbmVhckdyYWRpZW50PiYjeGE7ICA8L2RlZnM+JiN4YTsgIDxwYXRoIGZpbGw9InVybCgjQSkiIGQ9Ik0xNi45LDBjLjczLDAsMS4xLjM4LDEuMSwxLjEzdjYuODljMCwuNzgtLjM3LDEuMTctMS4xLDEuMTdzLTEuMTQtLjM5LTEuMTQtMS4xN1YyLjNoLTcuNDRsLS40NC40NXYyLjk3YzAsLjYzLS4yMiwxLjE3LS42NiwxLjYyLS40NC40NS0uOTcuNjgtMS41OC42OGgtMi45bC0uNDQuNXYxMi4yaDMuMzRjLjMyLDAsLjU5LjExLjc5LjMyLjIzLjIxLjM1LjQ4LjM1Ljgxcy0uMTIuNi0uMzUuODFjLS4yMS4yNC0uNDcuMzYtLjc5LjM2SDEuMTRjLS4zMiwwLS42LS4xMi0uODQtLjM2LS4yMS0uMjEtLjMxLS40OC0uMzEtLjgxdi0xMy44MmMwLS4yNy4xMi0uNTMuMzUtLjc3TDcuMDkuMzJjLjIxLS4yMS40Ny0uMzIuNzktLjMyaDkuMDJaTTE2LjksMTUuMjZjLjMyLjE4LjU5LjQ1Ljc5LjgxLjIxLjM2LjMxLjc1LjMxLDEuMTd2My40N2MwLC42My0uMjIsMS4xNy0uNjYsMS42Mi0uNDQuNDUtLjk3LjY4LTEuNTguNjhoLTQuNDljLS42MiwwLTEuMTQtLjIzLTEuNTgtLjY4LS40NC0uNDUtLjY2LS45OS0uNjYtMS42MnYtMy40N2MwLS40Mi4xLS44MS4zMS0xLjE3LjIxLS4zNi40Ny0uNjMuNzktLjgxdi0xLjQ5YzAtLjk2LjMyLTEuNzcuOTctMi40My42Ny0uNjYsMS40OC0uOTksMi40Mi0uOTlzMS43My4zMywyLjM4Ljk5Yy42Ny42NiwxLjAxLDEuNDcsMS4wMSwyLjQzdjEuNDlaTTEyLjM3LDE0Ljk0aDIuMjl2LTEuMTdjMC0uMzMtLjEyLS42LS4zNS0uODEtLjIxLS4yMS0uNDctLjMyLS43OS0uMzJzLS42LjEtLjg0LjMyYy0uMjEuMjEtLjMxLjQ4LS4zMS44MXYxLjE3Wk0xNS43NiwxNy4yNGgtNC40OXYzLjQ3aDQuNDl2LTMuNDdaIi8+JiN4YTs8L3N2Zz4=;strokeColor=none;',
  },
  _width: 21.91,
  _height: 28,
}

Restart Highlight

Preview

Usage

import { RestartHighlight } from '@dinghy/diagrams/entitiesSapGenericIcons'

<RestartHighlight/>

// or

import { extendStyle } from "@dinghy/base-components";
import { RESTART_HIGHLIGHT } from '@dinghy/diagrams/entitiesSapGenericIcons'

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

Definition

{
  _style: {
    entity: 'shape=image;verticalLabelPosition=bottom;labelBackgroundColor=default;verticalAlign=top;aspect=fixed;imageAspect=0;editableCssRules=.*;image=data:image/svg+xml,PHN2ZyB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2aWV3Qm94PSIwIC0wLjAwMjQ5OTk5NzYxNTgxNDIwOSAyMi4wMDAwMDE5MDczNDg2MzMgMjQuMDIyNDk5MDg0NDcyNjU2IiB2ZXJzaW9uPSIxLjEiIGlkPSJMYXllcl8xIiB3aWR0aD0iMjIuMDAwMDAxOTA3MzQ4NjMzIiBoZWlnaHQ9IjI0LjAyMjQ5OTA4NDQ3MjY1NiI+JiN4YTsgIDxzdHlsZSB0eXBlPSJ0ZXh0L2NzcyI+JiN4YTsJCS5zdDB7c3RvcC1jb2xvcjojMDBjZWFjO30mI3hhOwkJLnN0MXtzdG9wLWNvbG9yOiMwNzgzOGY7fSYjeGE7CSAgPC9zdHlsZT4mI3hhOyAgPGRlZnM+JiN4YTsgICAgPGxpbmVhckdyYWRpZW50IGlkPSJBIiB4MT0iMCIgeTE9IjAiIHgyPSIyMiIgeTI9IjI0IiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSI+JiN4YTsgICAgICA8c3RvcCBjbGFzcz0ic3QwIi8+JiN4YTsgICAgICA8c3RvcCBvZmZzZXQ9IjEiIGNsYXNzPSJzdDEiLz4mI3hhOyAgICA8L2xpbmVhckdyYWRpZW50PiYjeGE7ICA8L2RlZnM+JiN4YTsgIDxwYXRoIGZpbGw9InVybCgjQSkiIGQ9Ik0xMS4wMiwzLjQ1YzEuNSwwLDIuOTIuMjcsNC4yNi44LDEuMzQuNTMsMi41MSwxLjI3LDMuNTEsMi4yMSwxLC45MSwxLjc5LDEuOTksMi4zNiwzLjI0LjU3LDEuMjUuODUsMi42Ljg1LDQuMDRzLS4yOCwyLjc4LS44NSw0LjA0Yy0uNTcsMS4yNS0xLjM1LDIuMzUtMi4zNiwzLjI4LTEsLjkxLTIuMTcsMS42My0zLjUxLDIuMTYtMS4zNC41My0yLjc2LjgtNC4yNi44cy0yLjk3LS4yNy00LjMxLS44Yy0xLjM0LS41My0yLjUxLTEuMjUtMy41MS0yLjE2LS45Ny0uOTQtMS43NC0yLjAzLTIuMzEtMy4yOEMuMzMsMTYuNTEuMDUsMTUuMTYuMDUsMTMuNzJjMC0uMzQuMS0uNjEuMy0uOC4yMy0uMjIuNTMtLjMzLjktLjMzcy42NS4xMS44NS4zM2MuMjMuMTkuMzUuNDUuMzUuOCwwLDEuMTMuMjIsMi4xNy42NSwzLjE0LjQ3Ljk3LDEuMDksMS44MSwxLjg1LDIuNTMuNzcuNzIsMS42NywxLjI4LDIuNzEsMS42OSwxLjA0LjQxLDIuMTUuNjEsMy4zNi42MXMyLjMyLS4yLDMuMzYtLjYxYzEuMDQtLjQxLDEuOTQtLjk3LDIuNzEtMS42OS43Ny0uNzIsMS4zNy0xLjU2LDEuOC0yLjUzLjQzLS45Ny42NS0yLjAyLjY1LTMuMTRzLS4yMi0yLjE3LS42NS0zLjE0Yy0uNDMtLjk3LTEuMDQtMS44MS0xLjgtMi41My0uNzctLjcyLTEuNjctMS4yOC0yLjcxLTEuNjktMS4wNC0uNDEtMi4xNS0uNjEtMy4zNi0uNjFoLTYuODdsMS42LDEuNDVjLjI3LjI1LjQuNTMuNC44NCwwLC4yOC0uMTMuNTUtLjQuOC0uNTcuNDctMS4xNC40Ny0xLjcsMEwuNCw1LjQyYy0uMjctLjI1LS40LS41Mi0uNC0uOCwwLS4zMS4xMy0uNTkuNC0uODRMNC4wNi4zNWMuNTctLjQ3LDEuMTQtLjQ3LDEuNywwLC4yNy4yNS40LjUzLjQuODQsMCwuMjgtLjEzLjU1LS40LjhsLTEuNiwxLjQ1aDYuODdaTTEwLjUyLDE4LjA5Yy0uMTcuMDktLjM3LjE3LS42LjIzLS4yMy4wMy0uNDMtLjAyLS42LS4xNC0uMi0uMTMtLjM4LS4yNy0uNTUtLjQyLS4xMy0uMTYtLjItLjM2LS4yLS42MXYtNi44NWMwLS40Ny4yNS0uODEuNzUtMS4wMy4xNy0uMTMuMzctLjE2LjYtLjA5LjI3LjAzLjQ3LjExLjYuMjNsNC44NiwzLjQzYy4xMy4xMy4yNS4yNy4zNS40Mi4xLjE2LjE1LjMxLjE1LjQ3cy0uMDUuMzMtLjE1LjUyYy0uMS4xNi0uMjIuMy0uMzUuNDJsLTQuODYsMy40M1oiLz4mI3hhOzwvc3ZnPg==;strokeColor=none;',
  },
  _width: 25.67,
  _height: 28,
}

Restart Non-SAP

Preview

Usage

import { RestartNonSap } from '@dinghy/diagrams/entitiesSapGenericIcons'

<RestartNonSap/>

// or

import { extendStyle } from "@dinghy/base-components";
import { RESTART_NON_SAP } from '@dinghy/diagrams/entitiesSapGenericIcons'

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

Definition

{
  _style: {
    entity: 'shape=image;verticalLabelPosition=bottom;labelBackgroundColor=default;verticalAlign=top;aspect=fixed;imageAspect=0;editableCssRules=.*;image=data:image/svg+xml,PHN2ZyB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2aWV3Qm94PSIwIC0wLjAwMjQ5OTk5NzYxNTgxNDIwOSAyMi4wMDAwMDE5MDczNDg2MzMgMjQuMDIyNDk5MDg0NDcyNjU2IiB2ZXJzaW9uPSIxLjEiIGlkPSJMYXllcl8xIiB3aWR0aD0iMjIuMDAwMDAxOTA3MzQ4NjMzIiBoZWlnaHQ9IjI0LjAyMjQ5OTA4NDQ3MjY1NiI+JiN4YTsgIDxzdHlsZSB0eXBlPSJ0ZXh0L2NzcyI+LnN0MCB7IHN0b3AtY29sb3I6IHJnYig5MSwgMTE1LCAxMzkpOyB9IC5zdDEgeyBzdG9wLWNvbG9yOiByZ2IoMzQsIDUzLCA3Mik7IH0gPC9zdHlsZT4mI3hhOyAgPGRlZnM+JiN4YTsgICAgPGxpbmVhckdyYWRpZW50IGlkPSJBIiB4MT0iMCIgeTE9IjAiIHgyPSIyMiIgeTI9IjI0IiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSI+JiN4YTsgICAgICA8c3RvcCBjbGFzcz0ic3QwIi8+JiN4YTsgICAgICA8c3RvcCBvZmZzZXQ9IjEiIGNsYXNzPSJzdDEiLz4mI3hhOyAgICA8L2xpbmVhckdyYWRpZW50PiYjeGE7ICA8L2RlZnM+JiN4YTsgIDxwYXRoIGZpbGw9InVybCgjQSkiIGQ9Ik0xMS4wMiwzLjQ1YzEuNSwwLDIuOTIuMjcsNC4yNi44LDEuMzQuNTMsMi41MSwxLjI3LDMuNTEsMi4yMSwxLC45MSwxLjc5LDEuOTksMi4zNiwzLjI0LjU3LDEuMjUuODUsMi42Ljg1LDQuMDRzLS4yOCwyLjc4LS44NSw0LjA0Yy0uNTcsMS4yNS0xLjM1LDIuMzUtMi4zNiwzLjI4LTEsLjkxLTIuMTcsMS42My0zLjUxLDIuMTYtMS4zNC41My0yLjc2LjgtNC4yNi44cy0yLjk3LS4yNy00LjMxLS44Yy0xLjM0LS41My0yLjUxLTEuMjUtMy41MS0yLjE2LS45Ny0uOTQtMS43NC0yLjAzLTIuMzEtMy4yOEMuMzMsMTYuNTEuMDUsMTUuMTYuMDUsMTMuNzJjMC0uMzQuMS0uNjEuMy0uOC4yMy0uMjIuNTMtLjMzLjktLjMzcy42NS4xMS44NS4zM2MuMjMuMTkuMzUuNDUuMzUuOCwwLDEuMTMuMjIsMi4xNy42NSwzLjE0LjQ3Ljk3LDEuMDksMS44MSwxLjg1LDIuNTMuNzcuNzIsMS42NywxLjI4LDIuNzEsMS42OSwxLjA0LjQxLDIuMTUuNjEsMy4zNi42MXMyLjMyLS4yLDMuMzYtLjYxYzEuMDQtLjQxLDEuOTQtLjk3LDIuNzEtMS42OS43Ny0uNzIsMS4zNy0xLjU2LDEuOC0yLjUzLjQzLS45Ny42NS0yLjAyLjY1LTMuMTRzLS4yMi0yLjE3LS42NS0zLjE0Yy0uNDMtLjk3LTEuMDQtMS44MS0xLjgtMi41My0uNzctLjcyLTEuNjctMS4yOC0yLjcxLTEuNjktMS4wNC0uNDEtMi4xNS0uNjEtMy4zNi0uNjFoLTYuODdsMS42LDEuNDVjLjI3LjI1LjQuNTMuNC44NCwwLC4yOC0uMTMuNTUtLjQuOC0uNTcuNDctMS4xNC40Ny0xLjcsMEwuNCw1LjQyYy0uMjctLjI1LS40LS41Mi0uNC0uOCwwLS4zMS4xMy0uNTkuNC0uODRMNC4wNi4zNWMuNTctLjQ3LDEuMTQtLjQ3LDEuNywwLC4yNy4yNS40LjUzLjQuODQsMCwuMjgtLjEzLjU1LS40LjhsLTEuNiwxLjQ1aDYuODdaTTEwLjUyLDE4LjA5Yy0uMTcuMDktLjM3LjE3LS42LjIzLS4yMy4wMy0uNDMtLjAyLS42LS4xNC0uMi0uMTMtLjM4LS4yNy0uNTUtLjQyLS4xMy0uMTYtLjItLjM2LS4yLS42MXYtNi44NWMwLS40Ny4yNS0uODEuNzUtMS4wMy4xNy0uMTMuMzctLjE2LjYtLjA5LjI3LjAzLjQ3LjExLjYuMjNsNC44NiwzLjQzYy4xMy4xMy4yNS4yNy4zNS40Mi4xLjE2LjE1LjMxLjE1LjQ3cy0uMDUuMzMtLjE1LjUyYy0uMS4xNi0uMjIuMy0uMzUuNDJsLTQuODYsMy40M1oiLz4mI3hhOzwvc3ZnPg==;strokeColor=none;',
  },
  _width: 25.67,
  _height: 28,
}

Restart SAP

Preview

Usage

import { RestartSap } from '@dinghy/diagrams/entitiesSapGenericIcons'

<RestartSap/>

// or

import { extendStyle } from "@dinghy/base-components";
import { RESTART_SAP } from '@dinghy/diagrams/entitiesSapGenericIcons'

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

Definition

{
  _style: {
    entity: 'shape=image;verticalLabelPosition=bottom;labelBackgroundColor=default;verticalAlign=top;aspect=fixed;imageAspect=0;editableCssRules=.*;image=data:image/svg+xml,PHN2ZyB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2aWV3Qm94PSIwIC0wLjAwMjQ5OTk5NzYxNTgxNDIwOSAyMi4wMDAwMDE5MDczNDg2MzMgMjQuMDIyNDk5MDg0NDcyNjU2IiB2ZXJzaW9uPSIxLjEiIGlkPSJMYXllcl8xIiB3aWR0aD0iMjIuMDAwMDAxOTA3MzQ4NjMzIiBoZWlnaHQ9IjI0LjAyMjQ5OTA4NDQ3MjY1NiI+JiN4YTsgIDxzdHlsZSB0eXBlPSJ0ZXh0L2NzcyI+LnN0MCB7IHN0b3AtY29sb3I6IHJnYigzNSwgMTQ5LCAyNTUpOyB9IC5zdDEgeyBzdG9wLWNvbG9yOiByZ2IoMCwgODcsIDIxMCk7IH0gPC9zdHlsZT4mI3hhOyAgPGRlZnM+JiN4YTsgICAgPGxpbmVhckdyYWRpZW50IGlkPSJBIiB4MT0iMCIgeTE9IjAiIHgyPSIyMiIgeTI9IjI0IiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSI+JiN4YTsgICAgICA8c3RvcCBjbGFzcz0ic3QwIi8+JiN4YTsgICAgICA8c3RvcCBvZmZzZXQ9IjEiIGNsYXNzPSJzdDEiLz4mI3hhOyAgICA8L2xpbmVhckdyYWRpZW50PiYjeGE7ICA8L2RlZnM+JiN4YTsgIDxwYXRoIGZpbGw9InVybCgjQSkiIGQ9Ik0xMS4wMiwzLjQ1YzEuNSwwLDIuOTIuMjcsNC4yNi44LDEuMzQuNTMsMi41MSwxLjI3LDMuNTEsMi4yMSwxLC45MSwxLjc5LDEuOTksMi4zNiwzLjI0LjU3LDEuMjUuODUsMi42Ljg1LDQuMDRzLS4yOCwyLjc4LS44NSw0LjA0Yy0uNTcsMS4yNS0xLjM1LDIuMzUtMi4zNiwzLjI4LTEsLjkxLTIuMTcsMS42My0zLjUxLDIuMTYtMS4zNC41My0yLjc2LjgtNC4yNi44cy0yLjk3LS4yNy00LjMxLS44Yy0xLjM0LS41My0yLjUxLTEuMjUtMy41MS0yLjE2LS45Ny0uOTQtMS43NC0yLjAzLTIuMzEtMy4yOEMuMzMsMTYuNTEuMDUsMTUuMTYuMDUsMTMuNzJjMC0uMzQuMS0uNjEuMy0uOC4yMy0uMjIuNTMtLjMzLjktLjMzcy42NS4xMS44NS4zM2MuMjMuMTkuMzUuNDUuMzUuOCwwLDEuMTMuMjIsMi4xNy42NSwzLjE0LjQ3Ljk3LDEuMDksMS44MSwxLjg1LDIuNTMuNzcuNzIsMS42NywxLjI4LDIuNzEsMS42OSwxLjA0LjQxLDIuMTUuNjEsMy4zNi42MXMyLjMyLS4yLDMuMzYtLjYxYzEuMDQtLjQxLDEuOTQtLjk3LDIuNzEtMS42OS43Ny0uNzIsMS4zNy0xLjU2LDEuOC0yLjUzLjQzLS45Ny42NS0yLjAyLjY1LTMuMTRzLS4yMi0yLjE3LS42NS0zLjE0Yy0uNDMtLjk3LTEuMDQtMS44MS0xLjgtMi41My0uNzctLjcyLTEuNjctMS4yOC0yLjcxLTEuNjktMS4wNC0uNDEtMi4xNS0uNjEtMy4zNi0uNjFoLTYuODdsMS42LDEuNDVjLjI3LjI1LjQuNTMuNC44NCwwLC4yOC0uMTMuNTUtLjQuOC0uNTcuNDctMS4xNC40Ny0xLjcsMEwuNCw1LjQyYy0uMjctLjI1LS40LS41Mi0uNC0uOCwwLS4zMS4xMy0uNTkuNC0uODRMNC4wNi4zNWMuNTctLjQ3LDEuMTQtLjQ3LDEuNywwLC4yNy4yNS40LjUzLjQuODQsMCwuMjgtLjEzLjU1LS40LjhsLTEuNiwxLjQ1aDYuODdaTTEwLjUyLDE4LjA5Yy0uMTcuMDktLjM3LjE3LS42LjIzLS4yMy4wMy0uNDMtLjAyLS42LS4xNC0uMi0uMTMtLjM4LS4yNy0uNTUtLjQyLS4xMy0uMTYtLjItLjM2LS4yLS42MXYtNi44NWMwLS40Ny4yNS0uODEuNzUtMS4wMy4xNy0uMTMuMzctLjE2LjYtLjA5LjI3LjAzLjQ3LjExLjYuMjNsNC44NiwzLjQzYy4xMy4xMy4yNS4yNy4zNS40Mi4xLjE2LjE1LjMxLjE1LjQ3cy0uMDUuMzMtLjE1LjUyYy0uMS4xNi0uMjIuMy0uMzUuNDJsLTQuODYsMy40M1oiLz4mI3hhOzwvc3ZnPg==;strokeColor=none;',
  },
  _width: 25.67,
  _height: 28,
}

Settings Highlight

Preview

Usage

import { SettingsHighlight } from '@dinghy/diagrams/entitiesSapGenericIcons'

<SettingsHighlight/>

// or

import { extendStyle } from "@dinghy/base-components";
import { SETTINGS_HIGHLIGHT } from '@dinghy/diagrams/entitiesSapGenericIcons'

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

Definition

{
  _style: {
    entity: 'shape=image;editableCssRules=.*;verticalLabelPosition=bottom;labelBackgroundColor=default;verticalAlign=top;aspect=fixed;imageAspect=0;image=data:image/svg+xml,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9Ii0wLjUgLTAuNSAyNS44NjcgMjgiIGhlaWdodD0iMjgiIHdpZHRoPSIyNS44NjciPiYjeGE7CSAgPHN0eWxlIHR5cGU9InRleHQvY3NzIj4mI3hhOwkJLnN0MHtzdG9wLWNvbG9yOiMwMGNlYWM7fSYjeGE7CQkuc3Qxe3N0b3AtY29sb3I6IzA3ODM4Zjt9JiN4YTsJICA8L3N0eWxlPiYjeGE7CTxkZWZzPiYjeGE7CQk8bGluZWFyR3JhZGllbnQgZ3JhZGllbnRVbml0cz0idXNlclNwYWNlT25Vc2UiIHkyPSIyMy42MTMiIHgyPSIyMy4yMjciIHkxPSIzLjQ3NCIgeDE9IjEuODQ2IiBpZD0iQSI+JiN4YTsJCQk8c3RvcCBjbGFzcz0ic3QwIi8+JiN4YTsJCQk8c3RvcCBjbGFzcz0ic3QxIiBvZmZzZXQ9IjEiLz4mI3hhOwkJPC9saW5lYXJHcmFkaWVudD4mI3hhOwk8L2RlZnM+JiN4YTsJPHBhdGggZmlsbD0idXJsKCNBKSIgZD0iTTEzLjM5IDI3LjVoLTEuOTE1Yy0uNjU2IDAtMS4yNTctLjIxOS0xLjgwMy0uNjU2YTIuNDYgMi40NiAwIDAgMS0uOTMxLTEuNTg1bC0uMzgzLTEuODA0LTIuMzUtMS40MjMtMS42NDEuNzFhMy42MSAzLjYxIDAgMCAxLTEuMDQuMTY1Yy0uNTA5IDAtMS4wMDMtLjEyOC0xLjQ3Ny0uMzgzLS40NTItLjI3MS0uODEzLS42NzEtMS4wMzgtMS4xNDhsLTEuMDM5LTIuMDIzYy0uMTY5LS4zNzktLjI2Mi0uNzg5LS4yNzMtMS4yMDRhMi43NSAyLjc1IDAgMCAxIDEuMTQ4LTIuMjk2bDEuMjU4LS45Mjl2LTIuODQ1bC0xLjMxMi0uOTgzQy0uMTM2IDEwLjU0Ni0uNSA5Ljc5OS0uNSA4Ljg1MmMwLS4zNjYuMDkxLS43NjcuMjczLTEuMjA0bDEuMDQtMi4wMjNjLjI1NS0uNTExLjYtLjg5MyAxLjAzOC0xLjE0OC40NzQtLjI1NS45NjgtLjM4MyAxLjQ3Ny0uMzgzLjQwMiAwIC43NDcuMDc0IDEuMDQuMjE5bDEuNjQxLjY1NiAyLjM1LTEuNDIzLjM4My0xLjgwMkEyLjY4IDIuNjggMCAwIDEgOS43MjcuMTU2YTIuNjEgMi42MSAwIDAgMSAxLjc1LS42NTZoMS45MTNhMi42MSAyLjYxIDAgMCAxIDEuNzUuNjU2Yy41MTEuNDAzLjg0LjkyOS45ODUgMS41ODZsLjMyNyAxLjgwNiAyLjQwNiAxLjQyMSAxLjY0Mi0uNjU2Yy4yOTEtLjE0NS42MzctLjIxOSAxLjA0LS4yMTlhMi43NyAyLjc3IDAgMCAxIDEuNDIxLjM4M2MuNDczLjI1NS44NC42MzcgMS4wOTQgMS4xNDhsLjk4NSAyLjAyM2MuMjE3LjM2Ni4zMjcuNzg0LjMyNyAxLjI1OCAwIC45MS0uMzgzIDEuNjQyLTEuMTQ4IDIuMTg4bC0xLjMxMi45ODV2Mi44NDRsMS4zMTMuOTI4Yy43NjUuNTg1IDEuMTQ4IDEuMzMyIDEuMTQ4IDIuMjQzIDAgLjQzOC0uMTEuODU4LS4zMjkgMS4yNThsLS45ODMgMi4wMjNjLS4yNTYuNTExLS42MTkuODkyLTEuMDk0IDEuMTQ4LS40MzcuMjU2LS45MS4zODMtMS40MjMuMzgzLS4zNjQgMC0uNzEtLjA1NC0xLjAzOC0uMTY1bC0xLjY0Mi0uNzEtMi40MDYgMS40MjMtLjMyNyAxLjgwMmMtLjE0Ny42NTgtLjQ3NCAxLjE4Ni0uOTg1IDEuNTg3YTIuNjEgMi42MSAwIDAgMS0xLjc1LjY1NnptLTcuMzgzLTguMjU4Yy40NzQgMCAuOTQ5LjE0NyAxLjQyMy40MzhsMi40MDYgMS40MjNjLjczLjQzOCAxLjE0OCAxLjA0IDEuMjU4IDEuODA0bC4zODIgMS44MDRoMS45MTVsLjMyOS0xLjgwNGMuMTgyLS44MDIuNjItMS40MDQgMS4zMTMtMS44MDRsMi4zNTItMS40MjNhMy4wNiAzLjA2IDAgMCAxIDEuNTI5LS40MzdjLjE4NCAwIC4zNDYuMDE3LjQ5NC4wNTRhNC4xNyA0LjE3IDAgMCAxIC40OTIuMTY1bDEuNjQyLjY1Ni45ODMtMi4wMjMtMS4yNTgtLjkyOWMtLjc2NS0uNTg0LTEuMTQ4LTEuMzMtMS4xNDgtMi4yNDJ2LTIuODQ1YzAtLjkxLjM4My0xLjY1NyAxLjE0OC0yLjI0bDEuMjU4LS45MzEtLjk4NS0yLjAyMy0xLjY0LjcxYy0uMzM1LjExMS0uNjg2LjE2Ni0xLjA0LjE2NS0uNTgzIDAtMS4wNzUtLjEyOC0xLjQ3Ny0uMzgzbC0yLjM1LTEuNDc3YTIuNjggMi42OCAwIDAgMS0xLjMxMi0xLjgwNEwxMy4zOSAyLjI5aC0xLjkxNWwtLjM4MiAxLjgwNGMtLjExLjc2Ni0uNTI4IDEuMzY3LTEuMjU4IDEuODA0TDcuNDgzIDcuMzc1Yy0uNDAxLjI1NS0uODkzLjM4My0xLjQ3NS4zODMtLjMyOSAwLS42OTMtLjA1Ni0xLjA5NC0uMTY1bC0xLjY0MS0uNzEtLjk4NSAyLjAyMyAxLjMxMy45MjljLjc2Ny41ODUgMS4xNSAxLjMzIDEuMTUgMi4yNDR2Mi44NDRjMCAuOTEtLjM4MyAxLjY1Ny0xLjE0OCAyLjI0bC0xLjMxMi45MzEgMS4wMzggMi4wMjMgMS42NDEtLjY1NmMuMjktLjE0NS42MzctLjIxOSAxLjA0LS4yMTl6bTYuNC0uMTY1YTUuNTcgNS41NyAwIDAgMS0yLjE4Ny0uNDM3Yy0uNjUzLS4yODktMS4yNDYtLjY5Ny0xLjc1LTEuMjAyYTUuNzcgNS43NyAwIDAgMS0xLjIwNC0xLjc1IDUuNTggNS41OCAwIDAgMS0uNDM3LTIuMTg3IDUuMjEgNS4yMSAwIDAgMSAuNDM4LTIuMTMzYy4yOTItLjY5My42OTMtMS4yOTUgMS4yMDQtMS44MDRzMS4wOTQtLjkxIDEuNzUtMS4yMDRhNS42IDUuNiAwIDAgMSAyLjE4OC0uNDM3Yy43NjUgMCAxLjQ5NS4xNDcgMi4xODguNDM4czEuMjk1LjY5MyAxLjgwNCAxLjIwNC45MSAxLjExMSAxLjIwNCAxLjgwNGMuMjkxLjY1Ni40MzggMS4zNjguNDM4IDIuMTMzYTUuNiA1LjYgMCAwIDEtLjQzNyAyLjE4OGMtLjI5LjY1My0uNjk4IDEuMjQ2LTEuMjA0IDEuNzUtLjUxMS41MTEtMS4xMTEuOTEtMS44MDQgMS4yMDRzLTEuNDIzLjQzNi0yLjE4Ny40MzZ6bTAtOC4zNjVjLS43NjcgMC0xLjQyMy4yNzEtMS45NjkuODE5LS4yNjQuMjU1LS40NzMuNTYxLS42MTQuODk5cy0uMjExLjcwMy0uMjA2IDEuMDY5YzAgLjc2Ny4yNzMgMS40MjMuODIxIDEuOTY5czEuMjAyLjgyMSAxLjk2OS44MjFjLjgwMiAwIDEuNDc3LS4yNzMgMi4wMjMtLjgyMXMuODIxLTEuMjA0LjgyMS0xLjk2OS0uMjczLTEuNDIzLS44MjEtMS45NjlhMi43NSAyLjc1IDAgMCAwLS45MjctLjYyYy0uMzQ4LS4xNDEtLjcyMS0uMjA4LTEuMDk2LS4xOTl6Ii8+JiN4YTs8L3N2Zz4=;strokeColor=none;',
  },
  _width: 26,
  _height: 28,
}

Settings Non-SAP

Preview

Usage

import { SettingsNonSap } from '@dinghy/diagrams/entitiesSapGenericIcons'

<SettingsNonSap/>

// or

import { extendStyle } from "@dinghy/base-components";
import { SETTINGS_NON_SAP } from '@dinghy/diagrams/entitiesSapGenericIcons'

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

Definition

{
  _style: {
    entity: 'shape=image;editableCssRules=.*;verticalLabelPosition=bottom;labelBackgroundColor=default;verticalAlign=top;aspect=fixed;imageAspect=0;image=data:image/svg+xml,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9Ii0wLjUgLTAuNSAyNS44NjcgMjgiIGhlaWdodD0iMjgiIHdpZHRoPSIyNS44NjciPiYjeGE7CSAgPHN0eWxlIHR5cGU9InRleHQvY3NzIj4uc3QwIHsgc3RvcC1jb2xvcjogcmdiKDkxLCAxMTUsIDEzOSk7IH0gLnN0MSB7IHN0b3AtY29sb3I6IHJnYigzNCwgNTMsIDcyKTsgfSA8L3N0eWxlPiYjeGE7CTxkZWZzPiYjeGE7CQk8bGluZWFyR3JhZGllbnQgZ3JhZGllbnRVbml0cz0idXNlclNwYWNlT25Vc2UiIHkyPSIyMy42MTMiIHgyPSIyMy4yMjciIHkxPSIzLjQ3NCIgeDE9IjEuODQ2IiBpZD0iQSI+JiN4YTsJCQk8c3RvcCBjbGFzcz0ic3QwIi8+JiN4YTsJCQk8c3RvcCBjbGFzcz0ic3QxIiBvZmZzZXQ9IjEiLz4mI3hhOwkJPC9saW5lYXJHcmFkaWVudD4mI3hhOwk8L2RlZnM+JiN4YTsJPHBhdGggZmlsbD0idXJsKCNBKSIgZD0iTTEzLjM5IDI3LjVoLTEuOTE1Yy0uNjU2IDAtMS4yNTctLjIxOS0xLjgwMy0uNjU2YTIuNDYgMi40NiAwIDAgMS0uOTMxLTEuNTg1bC0uMzgzLTEuODA0LTIuMzUtMS40MjMtMS42NDEuNzFhMy42MSAzLjYxIDAgMCAxLTEuMDQuMTY1Yy0uNTA5IDAtMS4wMDMtLjEyOC0xLjQ3Ny0uMzgzLS40NTItLjI3MS0uODEzLS42NzEtMS4wMzgtMS4xNDhsLTEuMDM5LTIuMDIzYy0uMTY5LS4zNzktLjI2Mi0uNzg5LS4yNzMtMS4yMDRhMi43NSAyLjc1IDAgMCAxIDEuMTQ4LTIuMjk2bDEuMjU4LS45Mjl2LTIuODQ1bC0xLjMxMi0uOTgzQy0uMTM2IDEwLjU0Ni0uNSA5Ljc5OS0uNSA4Ljg1MmMwLS4zNjYuMDkxLS43NjcuMjczLTEuMjA0bDEuMDQtMi4wMjNjLjI1NS0uNTExLjYtLjg5MyAxLjAzOC0xLjE0OC40NzQtLjI1NS45NjgtLjM4MyAxLjQ3Ny0uMzgzLjQwMiAwIC43NDcuMDc0IDEuMDQuMjE5bDEuNjQxLjY1NiAyLjM1LTEuNDIzLjM4My0xLjgwMkEyLjY4IDIuNjggMCAwIDEgOS43MjcuMTU2YTIuNjEgMi42MSAwIDAgMSAxLjc1LS42NTZoMS45MTNhMi42MSAyLjYxIDAgMCAxIDEuNzUuNjU2Yy41MTEuNDAzLjg0LjkyOS45ODUgMS41ODZsLjMyNyAxLjgwNiAyLjQwNiAxLjQyMSAxLjY0Mi0uNjU2Yy4yOTEtLjE0NS42MzctLjIxOSAxLjA0LS4yMTlhMi43NyAyLjc3IDAgMCAxIDEuNDIxLjM4M2MuNDczLjI1NS44NC42MzcgMS4wOTQgMS4xNDhsLjk4NSAyLjAyM2MuMjE3LjM2Ni4zMjcuNzg0LjMyNyAxLjI1OCAwIC45MS0uMzgzIDEuNjQyLTEuMTQ4IDIuMTg4bC0xLjMxMi45ODV2Mi44NDRsMS4zMTMuOTI4Yy43NjUuNTg1IDEuMTQ4IDEuMzMyIDEuMTQ4IDIuMjQzIDAgLjQzOC0uMTEuODU4LS4zMjkgMS4yNThsLS45ODMgMi4wMjNjLS4yNTYuNTExLS42MTkuODkyLTEuMDk0IDEuMTQ4LS40MzcuMjU2LS45MS4zODMtMS40MjMuMzgzLS4zNjQgMC0uNzEtLjA1NC0xLjAzOC0uMTY1bC0xLjY0Mi0uNzEtMi40MDYgMS40MjMtLjMyNyAxLjgwMmMtLjE0Ny42NTgtLjQ3NCAxLjE4Ni0uOTg1IDEuNTg3YTIuNjEgMi42MSAwIDAgMS0xLjc1LjY1NnptLTcuMzgzLTguMjU4Yy40NzQgMCAuOTQ5LjE0NyAxLjQyMy40MzhsMi40MDYgMS40MjNjLjczLjQzOCAxLjE0OCAxLjA0IDEuMjU4IDEuODA0bC4zODIgMS44MDRoMS45MTVsLjMyOS0xLjgwNGMuMTgyLS44MDIuNjItMS40MDQgMS4zMTMtMS44MDRsMi4zNTItMS40MjNhMy4wNiAzLjA2IDAgMCAxIDEuNTI5LS40MzdjLjE4NCAwIC4zNDYuMDE3LjQ5NC4wNTRhNC4xNyA0LjE3IDAgMCAxIC40OTIuMTY1bDEuNjQyLjY1Ni45ODMtMi4wMjMtMS4yNTgtLjkyOWMtLjc2NS0uNTg0LTEuMTQ4LTEuMzMtMS4xNDgtMi4yNDJ2LTIuODQ1YzAtLjkxLjM4My0xLjY1NyAxLjE0OC0yLjI0bDEuMjU4LS45MzEtLjk4NS0yLjAyMy0xLjY0LjcxYy0uMzM1LjExMS0uNjg2LjE2Ni0xLjA0LjE2NS0uNTgzIDAtMS4wNzUtLjEyOC0xLjQ3Ny0uMzgzbC0yLjM1LTEuNDc3YTIuNjggMi42OCAwIDAgMS0xLjMxMi0xLjgwNEwxMy4zOSAyLjI5aC0xLjkxNWwtLjM4MiAxLjgwNGMtLjExLjc2Ni0uNTI4IDEuMzY3LTEuMjU4IDEuODA0TDcuNDgzIDcuMzc1Yy0uNDAxLjI1NS0uODkzLjM4My0xLjQ3NS4zODMtLjMyOSAwLS42OTMtLjA1Ni0xLjA5NC0uMTY1bC0xLjY0MS0uNzEtLjk4NSAyLjAyMyAxLjMxMy45MjljLjc2Ny41ODUgMS4xNSAxLjMzIDEuMTUgMi4yNDR2Mi44NDRjMCAuOTEtLjM4MyAxLjY1Ny0xLjE0OCAyLjI0bC0xLjMxMi45MzEgMS4wMzggMi4wMjMgMS42NDEtLjY1NmMuMjktLjE0NS42MzctLjIxOSAxLjA0LS4yMTl6bTYuNC0uMTY1YTUuNTcgNS41NyAwIDAgMS0yLjE4Ny0uNDM3Yy0uNjUzLS4yODktMS4yNDYtLjY5Ny0xLjc1LTEuMjAyYTUuNzcgNS43NyAwIDAgMS0xLjIwNC0xLjc1IDUuNTggNS41OCAwIDAgMS0uNDM3LTIuMTg3IDUuMjEgNS4yMSAwIDAgMSAuNDM4LTIuMTMzYy4yOTItLjY5My42OTMtMS4yOTUgMS4yMDQtMS44MDRzMS4wOTQtLjkxIDEuNzUtMS4yMDRhNS42IDUuNiAwIDAgMSAyLjE4OC0uNDM3Yy43NjUgMCAxLjQ5NS4xNDcgMi4xODguNDM4czEuMjk1LjY5MyAxLjgwNCAxLjIwNC45MSAxLjExMSAxLjIwNCAxLjgwNGMuMjkxLjY1Ni40MzggMS4zNjguNDM4IDIuMTMzYTUuNiA1LjYgMCAwIDEtLjQzNyAyLjE4OGMtLjI5LjY1My0uNjk4IDEuMjQ2LTEuMjA0IDEuNzUtLjUxMS41MTEtMS4xMTEuOTEtMS44MDQgMS4yMDRzLTEuNDIzLjQzNi0yLjE4Ny40MzZ6bTAtOC4zNjVjLS43NjcgMC0xLjQyMy4yNzEtMS45NjkuODE5LS4yNjQuMjU1LS40NzMuNTYxLS42MTQuODk5cy0uMjExLjcwMy0uMjA2IDEuMDY5YzAgLjc2Ny4yNzMgMS40MjMuODIxIDEuOTY5czEuMjAyLjgyMSAxLjk2OS44MjFjLjgwMiAwIDEuNDc3LS4yNzMgMi4wMjMtLjgyMXMuODIxLTEuMjA0LjgyMS0xLjk2OS0uMjczLTEuNDIzLS44MjEtMS45NjlhMi43NSAyLjc1IDAgMCAwLS45MjctLjYyYy0uMzQ4LS4xNDEtLjcyMS0uMjA4LTEuMDk2LS4xOTl6Ii8+JiN4YTs8L3N2Zz4=;strokeColor=none;',
  },
  _width: 26,
  _height: 28,
}

Settings SAP

Preview

Usage

import { SettingsSap } from '@dinghy/diagrams/entitiesSapGenericIcons'

<SettingsSap/>

// or

import { extendStyle } from "@dinghy/base-components";
import { SETTINGS_SAP } from '@dinghy/diagrams/entitiesSapGenericIcons'

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

Definition

{
  _style: {
    entity: 'shape=image;editableCssRules=.*;verticalLabelPosition=bottom;labelBackgroundColor=default;verticalAlign=top;aspect=fixed;imageAspect=0;image=data:image/svg+xml,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9Ii0wLjUgLTAuNSAyNS44NjcgMjgiIGhlaWdodD0iMjgiIHdpZHRoPSIyNS44NjciPiYjeGE7CSAgPHN0eWxlIHR5cGU9InRleHQvY3NzIj4uc3QwIHsgc3RvcC1jb2xvcjogcmdiKDM1LCAxNDksIDI1NSk7IH0gLnN0MSB7IHN0b3AtY29sb3I6IHJnYigwLCA4NywgMjEwKTsgfSA8L3N0eWxlPiYjeGE7CTxkZWZzPiYjeGE7CQk8bGluZWFyR3JhZGllbnQgZ3JhZGllbnRVbml0cz0idXNlclNwYWNlT25Vc2UiIHkyPSIyMy42MTMiIHgyPSIyMy4yMjciIHkxPSIzLjQ3NCIgeDE9IjEuODQ2IiBpZD0iQSI+JiN4YTsJCQk8c3RvcCBjbGFzcz0ic3QwIi8+JiN4YTsJCQk8c3RvcCBjbGFzcz0ic3QxIiBvZmZzZXQ9IjEiLz4mI3hhOwkJPC9saW5lYXJHcmFkaWVudD4mI3hhOwk8L2RlZnM+JiN4YTsJPHBhdGggZmlsbD0idXJsKCNBKSIgZD0iTTEzLjM5IDI3LjVoLTEuOTE1Yy0uNjU2IDAtMS4yNTctLjIxOS0xLjgwMy0uNjU2YTIuNDYgMi40NiAwIDAgMS0uOTMxLTEuNTg1bC0uMzgzLTEuODA0LTIuMzUtMS40MjMtMS42NDEuNzFhMy42MSAzLjYxIDAgMCAxLTEuMDQuMTY1Yy0uNTA5IDAtMS4wMDMtLjEyOC0xLjQ3Ny0uMzgzLS40NTItLjI3MS0uODEzLS42NzEtMS4wMzgtMS4xNDhsLTEuMDM5LTIuMDIzYy0uMTY5LS4zNzktLjI2Mi0uNzg5LS4yNzMtMS4yMDRhMi43NSAyLjc1IDAgMCAxIDEuMTQ4LTIuMjk2bDEuMjU4LS45Mjl2LTIuODQ1bC0xLjMxMi0uOTgzQy0uMTM2IDEwLjU0Ni0uNSA5Ljc5OS0uNSA4Ljg1MmMwLS4zNjYuMDkxLS43NjcuMjczLTEuMjA0bDEuMDQtMi4wMjNjLjI1NS0uNTExLjYtLjg5MyAxLjAzOC0xLjE0OC40NzQtLjI1NS45NjgtLjM4MyAxLjQ3Ny0uMzgzLjQwMiAwIC43NDcuMDc0IDEuMDQuMjE5bDEuNjQxLjY1NiAyLjM1LTEuNDIzLjM4My0xLjgwMkEyLjY4IDIuNjggMCAwIDEgOS43MjcuMTU2YTIuNjEgMi42MSAwIDAgMSAxLjc1LS42NTZoMS45MTNhMi42MSAyLjYxIDAgMCAxIDEuNzUuNjU2Yy41MTEuNDAzLjg0LjkyOS45ODUgMS41ODZsLjMyNyAxLjgwNiAyLjQwNiAxLjQyMSAxLjY0Mi0uNjU2Yy4yOTEtLjE0NS42MzctLjIxOSAxLjA0LS4yMTlhMi43NyAyLjc3IDAgMCAxIDEuNDIxLjM4M2MuNDczLjI1NS44NC42MzcgMS4wOTQgMS4xNDhsLjk4NSAyLjAyM2MuMjE3LjM2Ni4zMjcuNzg0LjMyNyAxLjI1OCAwIC45MS0uMzgzIDEuNjQyLTEuMTQ4IDIuMTg4bC0xLjMxMi45ODV2Mi44NDRsMS4zMTMuOTI4Yy43NjUuNTg1IDEuMTQ4IDEuMzMyIDEuMTQ4IDIuMjQzIDAgLjQzOC0uMTEuODU4LS4zMjkgMS4yNThsLS45ODMgMi4wMjNjLS4yNTYuNTExLS42MTkuODkyLTEuMDk0IDEuMTQ4LS40MzcuMjU2LS45MS4zODMtMS40MjMuMzgzLS4zNjQgMC0uNzEtLjA1NC0xLjAzOC0uMTY1bC0xLjY0Mi0uNzEtMi40MDYgMS40MjMtLjMyNyAxLjgwMmMtLjE0Ny42NTgtLjQ3NCAxLjE4Ni0uOTg1IDEuNTg3YTIuNjEgMi42MSAwIDAgMS0xLjc1LjY1NnptLTcuMzgzLTguMjU4Yy40NzQgMCAuOTQ5LjE0NyAxLjQyMy40MzhsMi40MDYgMS40MjNjLjczLjQzOCAxLjE0OCAxLjA0IDEuMjU4IDEuODA0bC4zODIgMS44MDRoMS45MTVsLjMyOS0xLjgwNGMuMTgyLS44MDIuNjItMS40MDQgMS4zMTMtMS44MDRsMi4zNTItMS40MjNhMy4wNiAzLjA2IDAgMCAxIDEuNTI5LS40MzdjLjE4NCAwIC4zNDYuMDE3LjQ5NC4wNTRhNC4xNyA0LjE3IDAgMCAxIC40OTIuMTY1bDEuNjQyLjY1Ni45ODMtMi4wMjMtMS4yNTgtLjkyOWMtLjc2NS0uNTg0LTEuMTQ4LTEuMzMtMS4xNDgtMi4yNDJ2LTIuODQ1YzAtLjkxLjM4My0xLjY1NyAxLjE0OC0yLjI0bDEuMjU4LS45MzEtLjk4NS0yLjAyMy0xLjY0LjcxYy0uMzM1LjExMS0uNjg2LjE2Ni0xLjA0LjE2NS0uNTgzIDAtMS4wNzUtLjEyOC0xLjQ3Ny0uMzgzbC0yLjM1LTEuNDc3YTIuNjggMi42OCAwIDAgMS0xLjMxMi0xLjgwNEwxMy4zOSAyLjI5aC0xLjkxNWwtLjM4MiAxLjgwNGMtLjExLjc2Ni0uNTI4IDEuMzY3LTEuMjU4IDEuODA0TDcuNDgzIDcuMzc1Yy0uNDAxLjI1NS0uODkzLjM4My0xLjQ3NS4zODMtLjMyOSAwLS42OTMtLjA1Ni0xLjA5NC0uMTY1bC0xLjY0MS0uNzEtLjk4NSAyLjAyMyAxLjMxMy45MjljLjc2Ny41ODUgMS4xNSAxLjMzIDEuMTUgMi4yNDR2Mi44NDRjMCAuOTEtLjM4MyAxLjY1Ny0xLjE0OCAyLjI0bC0xLjMxMi45MzEgMS4wMzggMi4wMjMgMS42NDEtLjY1NmMuMjktLjE0NS42MzctLjIxOSAxLjA0LS4yMTl6bTYuNC0uMTY1YTUuNTcgNS41NyAwIDAgMS0yLjE4Ny0uNDM3Yy0uNjUzLS4yODktMS4yNDYtLjY5Ny0xLjc1LTEuMjAyYTUuNzcgNS43NyAwIDAgMS0xLjIwNC0xLjc1IDUuNTggNS41OCAwIDAgMS0uNDM3LTIuMTg3IDUuMjEgNS4yMSAwIDAgMSAuNDM4LTIuMTMzYy4yOTItLjY5My42OTMtMS4yOTUgMS4yMDQtMS44MDRzMS4wOTQtLjkxIDEuNzUtMS4yMDRhNS42IDUuNiAwIDAgMSAyLjE4OC0uNDM3Yy43NjUgMCAxLjQ5NS4xNDcgMi4xODguNDM4czEuMjk1LjY5MyAxLjgwNCAxLjIwNC45MSAxLjExMSAxLjIwNCAxLjgwNGMuMjkxLjY1Ni40MzggMS4zNjguNDM4IDIuMTMzYTUuNiA1LjYgMCAwIDEtLjQzNyAyLjE4OGMtLjI5LjY1My0uNjk4IDEuMjQ2LTEuMjA0IDEuNzUtLjUxMS41MTEtMS4xMTEuOTEtMS44MDQgMS4yMDRzLTEuNDIzLjQzNi0yLjE4Ny40MzZ6bTAtOC4zNjVjLS43NjcgMC0xLjQyMy4yNzEtMS45NjkuODE5LS4yNjQuMjU1LS40NzMuNTYxLS42MTQuODk5cy0uMjExLjcwMy0uMjA2IDEuMDY5YzAgLjc2Ny4yNzMgMS40MjMuODIxIDEuOTY5czEuMjAyLjgyMSAxLjk2OS44MjFjLjgwMiAwIDEuNDc3LS4yNzMgMi4wMjMtLjgyMXMuODIxLTEuMjA0LjgyMS0xLjk2OS0uMjczLTEuNDIzLS44MjEtMS45NjlhMi43NSAyLjc1IDAgMCAwLS45MjctLjYyYy0uMzQ4LS4xNDEtLjcyMS0uMjA4LTEuMDk2LS4xOTl6Ii8+JiN4YTs8L3N2Zz4=;strokeColor=none;',
  },
  _width: 26,
  _height: 28,
}

Success Highlight

Preview

Usage

import { SuccessHighlight } from '@dinghy/diagrams/entitiesSapGenericIcons'

<SuccessHighlight/>

// or

import { extendStyle } from "@dinghy/base-components";
import { SUCCESS_HIGHLIGHT } from '@dinghy/diagrams/entitiesSapGenericIcons'

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

Definition

{
  _style: {
    entity: 'shape=image;editableCssRules=.*;verticalLabelPosition=bottom;labelBackgroundColor=default;verticalAlign=top;aspect=fixed;imageAspect=0;image=data:image/svg+xml,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9Ii0wLjUgLTAuNSAyOCAyOCIgaGVpZ2h0PSIyOCIgd2lkdGg9IjI4Ij4mI3hhOwkgIDxzdHlsZSB0eXBlPSJ0ZXh0L2NzcyI+JiN4YTsJCS5zdDB7c3RvcC1jb2xvcjojMDBjZWFjO30mI3hhOwkJLnN0MXtzdG9wLWNvbG9yOiMwNzgzOGY7fSYjeGE7CSAgPC9zdHlsZT4mI3hhOwk8ZGVmcz4mI3hhOwkJPGxpbmVhckdyYWRpZW50IGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIiB5Mj0iMjUuMzA5IiB4Mj0iMjMuNDU0IiB5MT0iMy40NzQiIHgxPSIyLjAzOSIgaWQ9IkEiPiYjeGE7CQkJPHN0b3AgY2xhc3M9InN0MCIvPiYjeGE7CQkJPHN0b3AgY2xhc3M9InN0MSIgb2Zmc2V0PSIxIi8+JiN4YTsJCTwvbGluZWFyR3JhZGllbnQ+JiN4YTsJPC9kZWZzPiYjeGE7CTxwYXRoIGZpbGw9InVybCgjQSkiIGQ9Ik0xMy41LS41YzEuOTMyIDAgMy43MzYuMzY0IDUuNDE0IDEuMDk0IDEuNzEzLjczIDMuMjA4IDEuNzMyIDQuNDgzIDMuMDA4IDEuMjgzIDEuMjg2IDIuMzA1IDIuODA5IDMuMDA4IDQuNDgzLjczIDEuNjc4IDEuMDk0IDMuNDgyIDEuMDk0IDUuNDE0YTEzLjgyIDEzLjgyIDAgMCAxLTEuMDk0IDUuNDY5Yy0uNzEzIDEuNjU0LTEuNzM0IDMuMTU3LTMuMDA4IDQuNDI5LTEuMjg2IDEuMjgzLTIuODA5IDIuMzA1LTQuNDgzIDMuMDA4QTEzLjQzIDEzLjQzIDAgMCAxIDEzLjUgMjcuNWExMy44MiAxMy44MiAwIDAgMS01LjQ2OS0xLjA5NGMtMy4zMzgtMS40MzgtNS45OTktNC4wOTktNy40MzctNy40MzdBMTMuODIgMTMuODIgMCAwIDEtLjUgMTMuNWMwLTEuOTMyLjM2NC0zLjczNiAxLjA5NC01LjQxNC43My0xLjcxMyAxLjczMi0zLjIwOCAzLjAwOC00LjQ4M1M2LjM3OCAxLjMwNyA4LjAzMS41OTRBMTMuODIgMTMuODIgMCAwIDEgMTMuNS0uNXptLTcgMTRhMS43IDEuNyAwIDAgMC0uNjguMTE2Yy0uMjE2LjA4NS0uNDEzLjIxMy0uNTc4LjM3NnMtLjI5MS4zNjItLjM3Ni41NzgtLjEyNC40NDgtLjExNi42OGMwIC40MzguMTY0Ljg1Ny40OTIgMS4yNThsMy41IDMuNWMuNDAyLjMyNy44MjEuNDkyIDEuMjU4LjQ5Mi40NzMgMCAuODkzLS4xNjQgMS4yNTgtLjQ5MmwxMC41LTEwLjVjLjMyNy0uNDAzLjQ5Mi0uODIxLjQ5Mi0xLjI1OC4wMDMtLjIyOS0uMDQ1LS40NTUtLjE0LS42NjNzLS4yMzQtLjM5My0uNDA4LS41NDFjLS4xNDgtLjE3NC0uMzMzLS4zMTItLjU0LS40MDdzLS40MzQtLjE0Mi0uNjYyLS4xMzljLS40MzcgMC0uODU4LjE2NS0xLjI1OC40OTJMMTAgMTYuMjg5IDcuNzU4IDEzLjk5Yy0uMzQxLS4zMTgtLjc5Mi0uNDkzLTEuMjU4LS40OXoiLz4mI3hhOzwvc3ZnPg==;strokeColor=none;',
  },
  _original_width: 28,
  _original_height: 28,

}

Success Non-SAP

Preview

Usage

import { SuccessNonSap } from '@dinghy/diagrams/entitiesSapGenericIcons'

<SuccessNonSap/>

// or

import { extendStyle } from "@dinghy/base-components";
import { SUCCESS_NON_SAP } from '@dinghy/diagrams/entitiesSapGenericIcons'

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

Definition

{
  _style: {
    entity: 'shape=image;editableCssRules=.*;verticalLabelPosition=bottom;labelBackgroundColor=default;verticalAlign=top;aspect=fixed;imageAspect=0;image=data:image/svg+xml,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9Ii0wLjUgLTAuNSAyOCAyOCIgaGVpZ2h0PSIyOCIgd2lkdGg9IjI4Ij4mI3hhOwkgIDxzdHlsZSB0eXBlPSJ0ZXh0L2NzcyI+LnN0MCB7IHN0b3AtY29sb3I6IHJnYig5MSwgMTE1LCAxMzkpOyB9IC5zdDEgeyBzdG9wLWNvbG9yOiByZ2IoMzQsIDUzLCA3Mik7IH0gPC9zdHlsZT4mI3hhOwk8ZGVmcz4mI3hhOwkJPGxpbmVhckdyYWRpZW50IGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIiB5Mj0iMjUuMzA5IiB4Mj0iMjMuNDU0IiB5MT0iMy40NzQiIHgxPSIyLjAzOSIgaWQ9IkEiPiYjeGE7CQkJPHN0b3AgY2xhc3M9InN0MCIvPiYjeGE7CQkJPHN0b3AgY2xhc3M9InN0MSIgb2Zmc2V0PSIxIi8+JiN4YTsJCTwvbGluZWFyR3JhZGllbnQ+JiN4YTsJPC9kZWZzPiYjeGE7CTxwYXRoIGZpbGw9InVybCgjQSkiIGQ9Ik0xMy41LS41YzEuOTMyIDAgMy43MzYuMzY0IDUuNDE0IDEuMDk0IDEuNzEzLjczIDMuMjA4IDEuNzMyIDQuNDgzIDMuMDA4IDEuMjgzIDEuMjg2IDIuMzA1IDIuODA5IDMuMDA4IDQuNDgzLjczIDEuNjc4IDEuMDk0IDMuNDgyIDEuMDk0IDUuNDE0YTEzLjgyIDEzLjgyIDAgMCAxLTEuMDk0IDUuNDY5Yy0uNzEzIDEuNjU0LTEuNzM0IDMuMTU3LTMuMDA4IDQuNDI5LTEuMjg2IDEuMjgzLTIuODA5IDIuMzA1LTQuNDgzIDMuMDA4QTEzLjQzIDEzLjQzIDAgMCAxIDEzLjUgMjcuNWExMy44MiAxMy44MiAwIDAgMS01LjQ2OS0xLjA5NGMtMy4zMzgtMS40MzgtNS45OTktNC4wOTktNy40MzctNy40MzdBMTMuODIgMTMuODIgMCAwIDEtLjUgMTMuNWMwLTEuOTMyLjM2NC0zLjczNiAxLjA5NC01LjQxNC43My0xLjcxMyAxLjczMi0zLjIwOCAzLjAwOC00LjQ4M1M2LjM3OCAxLjMwNyA4LjAzMS41OTRBMTMuODIgMTMuODIgMCAwIDEgMTMuNS0uNXptLTcgMTRhMS43IDEuNyAwIDAgMC0uNjguMTE2Yy0uMjE2LjA4NS0uNDEzLjIxMy0uNTc4LjM3NnMtLjI5MS4zNjItLjM3Ni41NzgtLjEyNC40NDgtLjExNi42OGMwIC40MzguMTY0Ljg1Ny40OTIgMS4yNThsMy41IDMuNWMuNDAyLjMyNy44MjEuNDkyIDEuMjU4LjQ5Mi40NzMgMCAuODkzLS4xNjQgMS4yNTgtLjQ5MmwxMC41LTEwLjVjLjMyNy0uNDAzLjQ5Mi0uODIxLjQ5Mi0xLjI1OC4wMDMtLjIyOS0uMDQ1LS40NTUtLjE0LS42NjNzLS4yMzQtLjM5My0uNDA4LS41NDFjLS4xNDgtLjE3NC0uMzMzLS4zMTItLjU0LS40MDdzLS40MzQtLjE0Mi0uNjYyLS4xMzljLS40MzcgMC0uODU4LjE2NS0xLjI1OC40OTJMMTAgMTYuMjg5IDcuNzU4IDEzLjk5Yy0uMzQxLS4zMTgtLjc5Mi0uNDkzLTEuMjU4LS40OXoiLz4mI3hhOzwvc3ZnPg==;strokeColor=none;',
  },
  _original_width: 28,
  _original_height: 28,

}

Success SAP

Preview

Usage

import { SuccessSap } from '@dinghy/diagrams/entitiesSapGenericIcons'

<SuccessSap/>

// or

import { extendStyle } from "@dinghy/base-components";
import { SUCCESS_SAP } from '@dinghy/diagrams/entitiesSapGenericIcons'

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

Definition

{
  _style: {
    entity: 'shape=image;editableCssRules=.*;verticalLabelPosition=bottom;labelBackgroundColor=default;verticalAlign=top;aspect=fixed;imageAspect=0;image=data:image/svg+xml,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9Ii0wLjUgLTAuNSAyOCAyOCIgaGVpZ2h0PSIyOCIgd2lkdGg9IjI4Ij4mI3hhOwkgIDxzdHlsZSB0eXBlPSJ0ZXh0L2NzcyI+LnN0MCB7IHN0b3AtY29sb3I6IHJnYigzNSwgMTQ5LCAyNTUpOyB9IC5zdDEgeyBzdG9wLWNvbG9yOiByZ2IoMCwgODcsIDIxMCk7IH0gPC9zdHlsZT4mI3hhOwk8ZGVmcz4mI3hhOwkJPGxpbmVhckdyYWRpZW50IGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIiB5Mj0iMjUuMzA5IiB4Mj0iMjMuNDU0IiB5MT0iMy40NzQiIHgxPSIyLjAzOSIgaWQ9IkEiPiYjeGE7CQkJPHN0b3AgY2xhc3M9InN0MCIvPiYjeGE7CQkJPHN0b3AgY2xhc3M9InN0MSIgb2Zmc2V0PSIxIi8+JiN4YTsJCTwvbGluZWFyR3JhZGllbnQ+JiN4YTsJPC9kZWZzPiYjeGE7CTxwYXRoIGZpbGw9InVybCgjQSkiIGQ9Ik0xMy41LS41YzEuOTMyIDAgMy43MzYuMzY0IDUuNDE0IDEuMDk0IDEuNzEzLjczIDMuMjA4IDEuNzMyIDQuNDgzIDMuMDA4IDEuMjgzIDEuMjg2IDIuMzA1IDIuODA5IDMuMDA4IDQuNDgzLjczIDEuNjc4IDEuMDk0IDMuNDgyIDEuMDk0IDUuNDE0YTEzLjgyIDEzLjgyIDAgMCAxLTEuMDk0IDUuNDY5Yy0uNzEzIDEuNjU0LTEuNzM0IDMuMTU3LTMuMDA4IDQuNDI5LTEuMjg2IDEuMjgzLTIuODA5IDIuMzA1LTQuNDgzIDMuMDA4QTEzLjQzIDEzLjQzIDAgMCAxIDEzLjUgMjcuNWExMy44MiAxMy44MiAwIDAgMS01LjQ2OS0xLjA5NGMtMy4zMzgtMS40MzgtNS45OTktNC4wOTktNy40MzctNy40MzdBMTMuODIgMTMuODIgMCAwIDEtLjUgMTMuNWMwLTEuOTMyLjM2NC0zLjczNiAxLjA5NC01LjQxNC43My0xLjcxMyAxLjczMi0zLjIwOCAzLjAwOC00LjQ4M1M2LjM3OCAxLjMwNyA4LjAzMS41OTRBMTMuODIgMTMuODIgMCAwIDEgMTMuNS0uNXptLTcgMTRhMS43IDEuNyAwIDAgMC0uNjguMTE2Yy0uMjE2LjA4NS0uNDEzLjIxMy0uNTc4LjM3NnMtLjI5MS4zNjItLjM3Ni41NzgtLjEyNC40NDgtLjExNi42OGMwIC40MzguMTY0Ljg1Ny40OTIgMS4yNThsMy41IDMuNWMuNDAyLjMyNy44MjEuNDkyIDEuMjU4LjQ5Mi40NzMgMCAuODkzLS4xNjQgMS4yNTgtLjQ5MmwxMC41LTEwLjVjLjMyNy0uNDAzLjQ5Mi0uODIxLjQ5Mi0xLjI1OC4wMDMtLjIyOS0uMDQ1LS40NTUtLjE0LS42NjNzLS4yMzQtLjM5My0uNDA4LS41NDFjLS4xNDgtLjE3NC0uMzMzLS4zMTItLjU0LS40MDdzLS40MzQtLjE0Mi0uNjYyLS4xMzljLS40MzcgMC0uODU4LjE2NS0xLjI1OC40OTJMMTAgMTYuMjg5IDcuNzU4IDEzLjk5Yy0uMzQxLS4zMTgtLjc5Mi0uNDkzLTEuMjU4LS40OXoiLz4mI3hhOzwvc3ZnPg==;strokeColor=none;',
  },
  _original_width: 28,
  _original_height: 28,

}

Synchronize Highlight

Preview

Usage

import { SynchronizeHighlight } from '@dinghy/diagrams/entitiesSapGenericIcons'

<SynchronizeHighlight/>

// or

import { extendStyle } from "@dinghy/base-components";
import { SYNCHRONIZE_HIGHLIGHT } from '@dinghy/diagrams/entitiesSapGenericIcons'

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

Definition

{
  _style: {
    entity: 'shape=image;verticalLabelPosition=bottom;labelBackgroundColor=default;verticalAlign=top;aspect=fixed;imageAspect=0;editableCssRules=.*;image=data:image/svg+xml,PHN2ZyB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2aWV3Qm94PSIwLjA1MDAwMTA1NTAwMjIxMjUyNCAwLjA0MDAwMDAwMjgzMTIyMDYzIDIzLjk5OTk5ODA5MjY1MTM2NyAyNC4wMTk5OTg1NTA0MTUwNCIgdmVyc2lvbj0iMS4xIiBpZD0iTGF5ZXJfMSIgd2lkdGg9IjIzLjk5OTk5ODA5MjY1MTM2NyIgaGVpZ2h0PSIyNC4wMTk5OTg1NTA0MTUwNCI+JiN4YTsgIDxzdHlsZSB0eXBlPSJ0ZXh0L2NzcyI+JiN4YTsJCS5zdDB7c3RvcC1jb2xvcjojMDBjZWFjO30mI3hhOwkJLnN0MXtzdG9wLWNvbG9yOiMwNzgzOGY7fSYjeGE7CSAgPC9zdHlsZT4mI3hhOyAgPGRlZnM+JiN4YTsgICAgPGxpbmVhckdyYWRpZW50IGlkPSJBIiB4MT0iMCIgeTE9IjAiIHgyPSIyNCIgeTI9IjI0IiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSI+JiN4YTsgICAgICA8c3RvcCBjbGFzcz0ic3QwIi8+JiN4YTsgICAgICA8c3RvcCBvZmZzZXQ9IjEiIGNsYXNzPSJzdDEiLz4mI3hhOyAgICA8L2xpbmVhckdyYWRpZW50PiYjeGE7ICA8L2RlZnM+JiN4YTsgIDxwYXRoIGZpbGw9InVybCgjQSkiIGQ9Ik0yMi4yNiwxNS42MWMuMjUuMDkuNDIuMjUuNTIuNDcuMTIuMTkuMTkuNDEuMTkuNjYsMCwuMTMtLjAzLjI4LS4wOS40Ny0xLDIuMTItMi40NywzLjgtNC40MSw1LjAyLTEuOTEsMS4yMi00LjA1LDEuODMtNi40MiwxLjgzLTEuODgsMC0zLjY2LS40NC01LjM0LTEuMzEtMS42Ni0uODQtMy4wOC0yLjAzLTQuMjctMy41NnYyLjE2YzAsLjM0LS4xMS42NC0uMzMuODktLjIyLjIyLS41LjMzLS44NC4zM3MtLjY0LS4xMS0uODktLjMzYy0uMjItLjI1LS4zMy0uNTUtLjMzLS44OXYtNC42NGMwLS4zNC4xMS0uNjIuMzMtLjg0LjI1LS4yMi41NS0uMzMuODktLjMzaDQuNTljLjM0LDAsLjYyLjExLjg0LjMzLjI1LjIyLjM4LjUuMzguODRzLS4xMi42NC0uMzguODljLS4yMi4yMi0uNS4zMy0uODQuMzNoLTEuMzFjLjkxLDEuMTksMi4wMiwyLjExLDMuMzMsMi43NywxLjM0LjY2LDIuNzMuOTgsNC4xNy45OCwxLjg4LDAsMy41OC0uNDgsNS4xMS0xLjQ1LDEuNTYtMSwyLjczLTIuMzQsMy41Mi00LjAzLjE2LS4yOC4zOS0uNDguNy0uNjEuMzEtLjEyLjYxLS4xMS44OS4wNVpNMjIuODMsMS41OWMuMzQsMCwuNjIuMTIuODQuMzguMjUuMjIuMzguNS4zOC44NHY0LjY0YzAsLjM0LS4xMi42My0uMzguODQtLjIyLjIyLS41LjMzLS44NC4zM2gtNC41OWMtLjM0LDAtLjY0LS4xMS0uODktLjMzLS4yMi0uMjItLjMzLS41LS4zMy0uODRzLjExLS42My4zMy0uODRjLjI1LS4yNS41NS0uMzguODktLjM4aDEuMzFjLS45NC0xLjE5LTIuMDYtMi4xMS0zLjM4LTIuNzctMS4zMS0uNjYtMi42OS0uOTgtNC4xMi0uOTgtMS45MSwwLTMuNjMuNDgtNS4xNiwxLjQ1LTEuNTMuOTctMi42OSwyLjMtMy40NywzLjk4LS4wOS4yNS0uMjUuNDQtLjQ3LjU2LS4xOS4wOS0uMzkuMTQtLjYxLjE0LS4yNSwwLS40Mi0uMDMtLjUyLS4wOS0uMjUtLjA5LS40NC0uMjMtLjU2LS40Mi0uMDktLjIyLS4xNC0uNDQtLjE0LS42NiwwLS4xNi4wMy0uMzMuMDktLjUyLDEtMi4xMywyLjQ1LTMuOCw0LjM2LTUuMDJDNy41MS42Nyw5LjY3LjA0LDEyLjA0LjA0YzEuODgsMCwzLjY0LjQ0LDUuMywxLjMxLDEuNjkuODgsMy4xMiwyLjA4LDQuMzEsMy42MXYtMi4xNmMwLS4zNC4xMS0uNjIuMzMtLjg0LjIyLS4yNS41LS4zOC44NC0uMzhaIi8+JiN4YTs8L3N2Zz4=;strokeColor=none;',
  },
  _original_width: 28,
  _original_height: 28,

}

Synchronize Non-SAP

Preview

Usage

import { SynchronizeNonSap } from '@dinghy/diagrams/entitiesSapGenericIcons'

<SynchronizeNonSap/>

// or

import { extendStyle } from "@dinghy/base-components";
import { SYNCHRONIZE_NON_SAP } from '@dinghy/diagrams/entitiesSapGenericIcons'

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

Definition

{
  _style: {
    entity: 'shape=image;verticalLabelPosition=bottom;labelBackgroundColor=default;verticalAlign=top;aspect=fixed;imageAspect=0;editableCssRules=.*;image=data:image/svg+xml,PHN2ZyB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2aWV3Qm94PSIwLjA1MDAwMTA1NTAwMjIxMjUyNCAwLjA0MDAwMDAwMjgzMTIyMDYzIDIzLjk5OTk5ODA5MjY1MTM2NyAyNC4wMTk5OTg1NTA0MTUwNCIgdmVyc2lvbj0iMS4xIiBpZD0iTGF5ZXJfMSIgd2lkdGg9IjIzLjk5OTk5ODA5MjY1MTM2NyIgaGVpZ2h0PSIyNC4wMTk5OTg1NTA0MTUwNCI+JiN4YTsgIDxzdHlsZSB0eXBlPSJ0ZXh0L2NzcyI+LnN0MCB7IHN0b3AtY29sb3I6IHJnYig5MSwgMTE1LCAxMzkpOyB9IC5zdDEgeyBzdG9wLWNvbG9yOiByZ2IoMzQsIDUzLCA3Mik7IH0gPC9zdHlsZT4mI3hhOyAgPGRlZnM+JiN4YTsgICAgPGxpbmVhckdyYWRpZW50IGlkPSJBIiB4MT0iMCIgeTE9IjAiIHgyPSIyNCIgeTI9IjI0IiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSI+JiN4YTsgICAgICA8c3RvcCBjbGFzcz0ic3QwIi8+JiN4YTsgICAgICA8c3RvcCBvZmZzZXQ9IjEiIGNsYXNzPSJzdDEiLz4mI3hhOyAgICA8L2xpbmVhckdyYWRpZW50PiYjeGE7ICA8L2RlZnM+JiN4YTsgIDxwYXRoIGZpbGw9InVybCgjQSkiIGQ9Ik0yMi4yNiwxNS42MWMuMjUuMDkuNDIuMjUuNTIuNDcuMTIuMTkuMTkuNDEuMTkuNjYsMCwuMTMtLjAzLjI4LS4wOS40Ny0xLDIuMTItMi40NywzLjgtNC40MSw1LjAyLTEuOTEsMS4yMi00LjA1LDEuODMtNi40MiwxLjgzLTEuODgsMC0zLjY2LS40NC01LjM0LTEuMzEtMS42Ni0uODQtMy4wOC0yLjAzLTQuMjctMy41NnYyLjE2YzAsLjM0LS4xMS42NC0uMzMuODktLjIyLjIyLS41LjMzLS44NC4zM3MtLjY0LS4xMS0uODktLjMzYy0uMjItLjI1LS4zMy0uNTUtLjMzLS44OXYtNC42NGMwLS4zNC4xMS0uNjIuMzMtLjg0LjI1LS4yMi41NS0uMzMuODktLjMzaDQuNTljLjM0LDAsLjYyLjExLjg0LjMzLjI1LjIyLjM4LjUuMzguODRzLS4xMi42NC0uMzguODljLS4yMi4yMi0uNS4zMy0uODQuMzNoLTEuMzFjLjkxLDEuMTksMi4wMiwyLjExLDMuMzMsMi43NywxLjM0LjY2LDIuNzMuOTgsNC4xNy45OCwxLjg4LDAsMy41OC0uNDgsNS4xMS0xLjQ1LDEuNTYtMSwyLjczLTIuMzQsMy41Mi00LjAzLjE2LS4yOC4zOS0uNDguNy0uNjEuMzEtLjEyLjYxLS4xMS44OS4wNVpNMjIuODMsMS41OWMuMzQsMCwuNjIuMTIuODQuMzguMjUuMjIuMzguNS4zOC44NHY0LjY0YzAsLjM0LS4xMi42My0uMzguODQtLjIyLjIyLS41LjMzLS44NC4zM2gtNC41OWMtLjM0LDAtLjY0LS4xMS0uODktLjMzLS4yMi0uMjItLjMzLS41LS4zMy0uODRzLjExLS42My4zMy0uODRjLjI1LS4yNS41NS0uMzguODktLjM4aDEuMzFjLS45NC0xLjE5LTIuMDYtMi4xMS0zLjM4LTIuNzctMS4zMS0uNjYtMi42OS0uOTgtNC4xMi0uOTgtMS45MSwwLTMuNjMuNDgtNS4xNiwxLjQ1LTEuNTMuOTctMi42OSwyLjMtMy40NywzLjk4LS4wOS4yNS0uMjUuNDQtLjQ3LjU2LS4xOS4wOS0uMzkuMTQtLjYxLjE0LS4yNSwwLS40Mi0uMDMtLjUyLS4wOS0uMjUtLjA5LS40NC0uMjMtLjU2LS40Mi0uMDktLjIyLS4xNC0uNDQtLjE0LS42NiwwLS4xNi4wMy0uMzMuMDktLjUyLDEtMi4xMywyLjQ1LTMuOCw0LjM2LTUuMDJDNy41MS42Nyw5LjY3LjA0LDEyLjA0LjA0YzEuODgsMCwzLjY0LjQ0LDUuMywxLjMxLDEuNjkuODgsMy4xMiwyLjA4LDQuMzEsMy42MXYtMi4xNmMwLS4zNC4xMS0uNjIuMzMtLjg0LjIyLS4yNS41LS4zOC44NC0uMzhaIi8+JiN4YTs8L3N2Zz4=;strokeColor=none;',
  },
  _original_width: 28,
  _original_height: 28,

}

Synchronize SAP

Preview

Usage

import { SynchronizeSap } from '@dinghy/diagrams/entitiesSapGenericIcons'

<SynchronizeSap/>

// or

import { extendStyle } from "@dinghy/base-components";
import { SYNCHRONIZE_SAP } from '@dinghy/diagrams/entitiesSapGenericIcons'

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

Definition

{
  _style: {
    entity: 'shape=image;verticalLabelPosition=bottom;labelBackgroundColor=default;verticalAlign=top;aspect=fixed;imageAspect=0;editableCssRules=.*;image=data:image/svg+xml,PHN2ZyB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2aWV3Qm94PSIwLjA1MDAwMTA1NTAwMjIxMjUyNCAwLjA0MDAwMDAwMjgzMTIyMDYzIDIzLjk5OTk5ODA5MjY1MTM2NyAyNC4wMTk5OTg1NTA0MTUwNCIgdmVyc2lvbj0iMS4xIiBpZD0iTGF5ZXJfMSIgd2lkdGg9IjIzLjk5OTk5ODA5MjY1MTM2NyIgaGVpZ2h0PSIyNC4wMTk5OTg1NTA0MTUwNCI+JiN4YTsgIDxzdHlsZSB0eXBlPSJ0ZXh0L2NzcyI+LnN0MCB7IHN0b3AtY29sb3I6IHJnYigzNSwgMTQ5LCAyNTUpOyB9IC5zdDEgeyBzdG9wLWNvbG9yOiByZ2IoMCwgODcsIDIxMCk7IH0gPC9zdHlsZT4mI3hhOyAgPGRlZnM+JiN4YTsgICAgPGxpbmVhckdyYWRpZW50IGlkPSJBIiB4MT0iMCIgeTE9IjAiIHgyPSIyNCIgeTI9IjI0IiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSI+JiN4YTsgICAgICA8c3RvcCBjbGFzcz0ic3QwIi8+JiN4YTsgICAgICA8c3RvcCBvZmZzZXQ9IjEiIGNsYXNzPSJzdDEiLz4mI3hhOyAgICA8L2xpbmVhckdyYWRpZW50PiYjeGE7ICA8L2RlZnM+JiN4YTsgIDxwYXRoIGZpbGw9InVybCgjQSkiIGQ9Ik0yMi4yNiwxNS42MWMuMjUuMDkuNDIuMjUuNTIuNDcuMTIuMTkuMTkuNDEuMTkuNjYsMCwuMTMtLjAzLjI4LS4wOS40Ny0xLDIuMTItMi40NywzLjgtNC40MSw1LjAyLTEuOTEsMS4yMi00LjA1LDEuODMtNi40MiwxLjgzLTEuODgsMC0zLjY2LS40NC01LjM0LTEuMzEtMS42Ni0uODQtMy4wOC0yLjAzLTQuMjctMy41NnYyLjE2YzAsLjM0LS4xMS42NC0uMzMuODktLjIyLjIyLS41LjMzLS44NC4zM3MtLjY0LS4xMS0uODktLjMzYy0uMjItLjI1LS4zMy0uNTUtLjMzLS44OXYtNC42NGMwLS4zNC4xMS0uNjIuMzMtLjg0LjI1LS4yMi41NS0uMzMuODktLjMzaDQuNTljLjM0LDAsLjYyLjExLjg0LjMzLjI1LjIyLjM4LjUuMzguODRzLS4xMi42NC0uMzguODljLS4yMi4yMi0uNS4zMy0uODQuMzNoLTEuMzFjLjkxLDEuMTksMi4wMiwyLjExLDMuMzMsMi43NywxLjM0LjY2LDIuNzMuOTgsNC4xNy45OCwxLjg4LDAsMy41OC0uNDgsNS4xMS0xLjQ1LDEuNTYtMSwyLjczLTIuMzQsMy41Mi00LjAzLjE2LS4yOC4zOS0uNDguNy0uNjEuMzEtLjEyLjYxLS4xMS44OS4wNVpNMjIuODMsMS41OWMuMzQsMCwuNjIuMTIuODQuMzguMjUuMjIuMzguNS4zOC44NHY0LjY0YzAsLjM0LS4xMi42My0uMzguODQtLjIyLjIyLS41LjMzLS44NC4zM2gtNC41OWMtLjM0LDAtLjY0LS4xMS0uODktLjMzLS4yMi0uMjItLjMzLS41LS4zMy0uODRzLjExLS42My4zMy0uODRjLjI1LS4yNS41NS0uMzguODktLjM4aDEuMzFjLS45NC0xLjE5LTIuMDYtMi4xMS0zLjM4LTIuNzctMS4zMS0uNjYtMi42OS0uOTgtNC4xMi0uOTgtMS45MSwwLTMuNjMuNDgtNS4xNiwxLjQ1LTEuNTMuOTctMi42OSwyLjMtMy40NywzLjk4LS4wOS4yNS0uMjUuNDQtLjQ3LjU2LS4xOS4wOS0uMzkuMTQtLjYxLjE0LS4yNSwwLS40Mi0uMDMtLjUyLS4wOS0uMjUtLjA5LS40NC0uMjMtLjU2LS40Mi0uMDktLjIyLS4xNC0uNDQtLjE0LS42NiwwLS4xNi4wMy0uMzMuMDktLjUyLDEtMi4xMywyLjQ1LTMuOCw0LjM2LTUuMDJDNy41MS42Nyw5LjY3LjA0LDEyLjA0LjA0YzEuODgsMCwzLjY0LjQ0LDUuMywxLjMxLDEuNjkuODgsMy4xMiwyLjA4LDQuMzEsMy42MXYtMi4xNmMwLS4zNC4xMS0uNjIuMzMtLjg0LjIyLS4yNS41LS4zOC44NC0uMzhaIi8+JiN4YTs8L3N2Zz4=;strokeColor=none;',
  },
  _original_width: 28,
  _original_height: 28,

}

Third Party Highlight

Preview

Usage

import { ThirdPartyHighlight } from '@dinghy/diagrams/entitiesSapGenericIcons'

<ThirdPartyHighlight/>

// or

import { extendStyle } from "@dinghy/base-components";
import { THIRD_PARTY_HIGHLIGHT } from '@dinghy/diagrams/entitiesSapGenericIcons'

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

Definition

{
  _style: {
    entity: 'shape=image;editableCssRules=.*;verticalLabelPosition=bottom;labelBackgroundColor=default;verticalAlign=top;aspect=fixed;imageAspect=0;image=data:image/svg+xml,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9Ii0wLjUgLTAuNSAyOCAyOCIgaGVpZ2h0PSIyOCIgd2lkdGg9IjI4Ij4mI3hhOwkgIDxzdHlsZSB0eXBlPSJ0ZXh0L2NzcyI+JiN4YTsJCS5zdDB7c3RvcC1jb2xvcjojMDBjZWFjO30mI3hhOwkJLnN0MXtzdG9wLWNvbG9yOiMwNzgzOGY7fSYjeGE7CSAgPC9zdHlsZT4mI3hhOwk8ZGVmcz4mI3hhOwkJPGxpbmVhckdyYWRpZW50IGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIiB5Mj0iMjUuMzA5IiB4Mj0iMjMuNDU0IiB5MT0iMy40NzQiIHgxPSIyLjAzOSIgaWQ9IkEiPiYjeGE7CQkJPHN0b3AgY2xhc3M9InN0MCIvPiYjeGE7CQkJPHN0b3AgY2xhc3M9InN0MSIgb2Zmc2V0PSIxIi8+JiN4YTsJCTwvbGluZWFyR3JhZGllbnQ+JiN4YTsJPC9kZWZzPiYjeGE7CTxwYXRoIGZpbGw9InVybCgjQSkiIGQ9Ik0yMS43NDcgMTMuMmExMS4zNSAxMS4zNSAwIDAgMSA0LjE2NCAzLjk0NWMxLjA1OSAxLjY4IDEuNTg5IDMuNTc5IDEuNTg5IDUuNjk5djMuMTIzYzAgMS4wMjItLjUzIDEuNTM0LTEuNTg5IDEuNTM0SDcuMjgyYy0uNDc1IDAtLjg1OS0uMTQ2LTEuMTUyLS40MzgtLjI5MS0uMjU2LS40MzgtLjYyMS0uNDM4LTEuMDk2di0xLjU4OUgxLjAzNGMtMS4wMjIgMC0xLjUzNC0uNTEyLTEuNTM0LTEuNTM0VjE5LjcyYTcuMjcgNy4yNyAwIDAgMSAxLjI2MS00LjE2NmMuODAzLTEuMjA5IDEuOTIxLTIuMTc1IDMuMjMzLTIuNzkzLS40NjQtLjUyOC0uODE4LTEuMTQzLTEuMDQyLTEuODA5YTYuODggNi44OCAwIDAgMS0uMzMtMi4wODFjMC0uODc3LjE2NS0xLjY4LjQ5NC0yLjQxMWE2LjE3IDYuMTcgMCAwIDEgMS4zMTUtMS45NzNjLjU2OC0uNTczIDEuMjM3LTEuMDM3IDEuOTczLTEuMzY5YTYuMDYgNi4wNiAwIDAgMSAyLjQxMS0uNDkzYy4yNTYgMCAuNDkzLjAxOC43MTIuMDUzYTIuNjUgMi42NSAwIDAgMSAuNzEyLjExQTcuNDEgNy40MSAwIDAgMSAxMi45MjYuMzc3YzEuMTM0LS41ODUgMi4zOTQtLjg4NiAzLjY3LS44NzcgMS4wOTYgMCAyLjEyLjIwMiAzLjA2OC42MDNzMS43NzEuOTY4IDIuNDY1IDEuNjk5Yy42OTQuNjk0IDEuMjQzIDEuNTE1IDEuNjQ1IDIuNDY1LjQwMy45MTIuNjAzIDEuOTE4LjYwMyAzLjAxNC4wMDMgMS4xNTItLjIzOSAyLjI5MS0uNzEyIDMuMzQyLS40MjIgMS4wMDEtMS4wOCAxLjg4NS0xLjkxOCAyLjU3NnpNMTYuNTk0IDIuNjIzYy0xLjMxNSAwLTIuNDI4LjQ1Ni0zLjM0MiAxLjM3MS0uODc3Ljg3Ny0xLjMxNSAxLjk3My0xLjMxNSAzLjI4OHMuNDM4IDIuNDI4IDEuMzE1IDMuMzQyYy45MTIuODc3IDIuMDI3IDEuMzE1IDMuMzQyIDEuMzE1czIuNDExLS40MzggMy4yODgtMS4zMTVhNC41NCA0LjU0IDAgMCAwIDEuMzY5LTMuMzQyYzAtMS4zMTUtLjQ1Ni0yLjQxMS0xLjM2OC0zLjI4OC0uODc3LS45MTQtMS45NzQtMS4zNzEtMy4yODktMS4zNzF6TTguNjUxIDUuNzQ5Yy0uODQyIDAtMS41NzEuMzEtMi4xOTIuOTMxLS41ODQuNTg0LS44NzcgMS4zMTUtLjg3NyAyLjE5MmEzLjA5IDMuMDkgMCAwIDAgLjg3NyAyLjE5MiAzLjA5IDMuMDkgMCAwIDAgMi4xOTIuODc3aDEuNzUzYTcuOTggNy45OCAwIDAgMS0xLjE1LTIuMTM3IDcuNjMgNy42MyAwIDAgMS0uNDM4LTIuNTJ2LS43NzFhNC4wMSA0LjAxIDAgMCAxIC4xNjMtLjc2NmgtLjMyOHpNMi42MjMgMjEuMzExaDMuMjMzYy4zMy0yLjUyMSAxLjM2OS00LjYwMyAzLjEyMy02LjI0N0g3LjI4M2MtMS4zMTUgMC0yLjQzLjQ1Ni0zLjM0NCAxLjM2OS0uODc3Ljg3Ny0xLjMxNSAxLjk3NC0xLjMxNSAzLjI4OXptMjEuNzU0IDEuNTM0YTcuNCA3LjQgMCAwIDAtLjYwMy0zLjAxNGMtLjM4My0uOTIxLS45NDItMS43NTgtMS42NDUtMi40NjVhNy4yNiA3LjI2IDAgMCAwLTIuNDY1LTEuNjk5Yy0uOTcxLS40MDYtMi4wMTUtLjYxMS0zLjA2OC0uNjAzLTEuMDk2IDAtMi4xMTguMjAyLTMuMDY4LjYwMy0uOTEyLjQwMy0xLjczNi45NjgtMi40NjUgMS42OTlhNy42NyA3LjY3IDAgMCAwLTEuNjQ1IDIuNDY1IDcuNCA3LjQgMCAwIDAtLjYwMSAzLjAxNHYxLjUzNGgxNS41NjF6Ii8+JiN4YTs8L3N2Zz4=;strokeColor=none;',
  },
  _original_width: 28,
  _original_height: 28,

}

Third Party Non-SAP

Preview

Usage

import { ThirdPartyNonSap } from '@dinghy/diagrams/entitiesSapGenericIcons'

<ThirdPartyNonSap/>

// or

import { extendStyle } from "@dinghy/base-components";
import { THIRD_PARTY_NON_SAP } from '@dinghy/diagrams/entitiesSapGenericIcons'

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

Definition

{
  _style: {
    entity: 'shape=image;editableCssRules=.*;verticalLabelPosition=bottom;labelBackgroundColor=default;verticalAlign=top;aspect=fixed;imageAspect=0;image=data:image/svg+xml,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9Ii0wLjUgLTAuNSAyOCAyOCIgaGVpZ2h0PSIyOCIgd2lkdGg9IjI4Ij4mI3hhOwkgIDxzdHlsZSB0eXBlPSJ0ZXh0L2NzcyI+LnN0MCB7IHN0b3AtY29sb3I6IHJnYig5MSwgMTE1LCAxMzkpOyB9IC5zdDEgeyBzdG9wLWNvbG9yOiByZ2IoMzQsIDUzLCA3Mik7IH0gPC9zdHlsZT4mI3hhOwk8ZGVmcz4mI3hhOwkJPGxpbmVhckdyYWRpZW50IGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIiB5Mj0iMjUuMzA5IiB4Mj0iMjMuNDU0IiB5MT0iMy40NzQiIHgxPSIyLjAzOSIgaWQ9IkEiPiYjeGE7CQkJPHN0b3AgY2xhc3M9InN0MCIvPiYjeGE7CQkJPHN0b3AgY2xhc3M9InN0MSIgb2Zmc2V0PSIxIi8+JiN4YTsJCTwvbGluZWFyR3JhZGllbnQ+JiN4YTsJPC9kZWZzPiYjeGE7CTxwYXRoIGZpbGw9InVybCgjQSkiIGQ9Ik0yMS43NDcgMTMuMmExMS4zNSAxMS4zNSAwIDAgMSA0LjE2NCAzLjk0NWMxLjA1OSAxLjY4IDEuNTg5IDMuNTc5IDEuNTg5IDUuNjk5djMuMTIzYzAgMS4wMjItLjUzIDEuNTM0LTEuNTg5IDEuNTM0SDcuMjgyYy0uNDc1IDAtLjg1OS0uMTQ2LTEuMTUyLS40MzgtLjI5MS0uMjU2LS40MzgtLjYyMS0uNDM4LTEuMDk2di0xLjU4OUgxLjAzNGMtMS4wMjIgMC0xLjUzNC0uNTEyLTEuNTM0LTEuNTM0VjE5LjcyYTcuMjcgNy4yNyAwIDAgMSAxLjI2MS00LjE2NmMuODAzLTEuMjA5IDEuOTIxLTIuMTc1IDMuMjMzLTIuNzkzLS40NjQtLjUyOC0uODE4LTEuMTQzLTEuMDQyLTEuODA5YTYuODggNi44OCAwIDAgMS0uMzMtMi4wODFjMC0uODc3LjE2NS0xLjY4LjQ5NC0yLjQxMWE2LjE3IDYuMTcgMCAwIDEgMS4zMTUtMS45NzNjLjU2OC0uNTczIDEuMjM3LTEuMDM3IDEuOTczLTEuMzY5YTYuMDYgNi4wNiAwIDAgMSAyLjQxMS0uNDkzYy4yNTYgMCAuNDkzLjAxOC43MTIuMDUzYTIuNjUgMi42NSAwIDAgMSAuNzEyLjExQTcuNDEgNy40MSAwIDAgMSAxMi45MjYuMzc3YzEuMTM0LS41ODUgMi4zOTQtLjg4NiAzLjY3LS44NzcgMS4wOTYgMCAyLjEyLjIwMiAzLjA2OC42MDNzMS43NzEuOTY4IDIuNDY1IDEuNjk5Yy42OTQuNjk0IDEuMjQzIDEuNTE1IDEuNjQ1IDIuNDY1LjQwMy45MTIuNjAzIDEuOTE4LjYwMyAzLjAxNC4wMDMgMS4xNTItLjIzOSAyLjI5MS0uNzEyIDMuMzQyLS40MjIgMS4wMDEtMS4wOCAxLjg4NS0xLjkxOCAyLjU3NnpNMTYuNTk0IDIuNjIzYy0xLjMxNSAwLTIuNDI4LjQ1Ni0zLjM0MiAxLjM3MS0uODc3Ljg3Ny0xLjMxNSAxLjk3My0xLjMxNSAzLjI4OHMuNDM4IDIuNDI4IDEuMzE1IDMuMzQyYy45MTIuODc3IDIuMDI3IDEuMzE1IDMuMzQyIDEuMzE1czIuNDExLS40MzggMy4yODgtMS4zMTVhNC41NCA0LjU0IDAgMCAwIDEuMzY5LTMuMzQyYzAtMS4zMTUtLjQ1Ni0yLjQxMS0xLjM2OC0zLjI4OC0uODc3LS45MTQtMS45NzQtMS4zNzEtMy4yODktMS4zNzF6TTguNjUxIDUuNzQ5Yy0uODQyIDAtMS41NzEuMzEtMi4xOTIuOTMxLS41ODQuNTg0LS44NzcgMS4zMTUtLjg3NyAyLjE5MmEzLjA5IDMuMDkgMCAwIDAgLjg3NyAyLjE5MiAzLjA5IDMuMDkgMCAwIDAgMi4xOTIuODc3aDEuNzUzYTcuOTggNy45OCAwIDAgMS0xLjE1LTIuMTM3IDcuNjMgNy42MyAwIDAgMS0uNDM4LTIuNTJ2LS43NzFhNC4wMSA0LjAxIDAgMCAxIC4xNjMtLjc2NmgtLjMyOHpNMi42MjMgMjEuMzExaDMuMjMzYy4zMy0yLjUyMSAxLjM2OS00LjYwMyAzLjEyMy02LjI0N0g3LjI4M2MtMS4zMTUgMC0yLjQzLjQ1Ni0zLjM0NCAxLjM2OS0uODc3Ljg3Ny0xLjMxNSAxLjk3NC0xLjMxNSAzLjI4OXptMjEuNzU0IDEuNTM0YTcuNCA3LjQgMCAwIDAtLjYwMy0zLjAxNGMtLjM4My0uOTIxLS45NDItMS43NTgtMS42NDUtMi40NjVhNy4yNiA3LjI2IDAgMCAwLTIuNDY1LTEuNjk5Yy0uOTcxLS40MDYtMi4wMTUtLjYxMS0zLjA2OC0uNjAzLTEuMDk2IDAtMi4xMTguMjAyLTMuMDY4LjYwMy0uOTEyLjQwMy0xLjczNi45NjgtMi40NjUgMS42OTlhNy42NyA3LjY3IDAgMCAwLTEuNjQ1IDIuNDY1IDcuNCA3LjQgMCAwIDAtLjYwMSAzLjAxNHYxLjUzNGgxNS41NjF6Ii8+JiN4YTs8L3N2Zz4=;strokeColor=none;',
  },
  _original_width: 28,
  _original_height: 28,

}

Third Party SAP

Preview

Usage

import { ThirdPartySap } from '@dinghy/diagrams/entitiesSapGenericIcons'

<ThirdPartySap/>

// or

import { extendStyle } from "@dinghy/base-components";
import { THIRD_PARTY_SAP } from '@dinghy/diagrams/entitiesSapGenericIcons'

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

Definition

{
  _style: {
    entity: 'shape=image;editableCssRules=.*;verticalLabelPosition=bottom;labelBackgroundColor=default;verticalAlign=top;aspect=fixed;imageAspect=0;image=data:image/svg+xml,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9Ii0wLjUgLTAuNSAyOCAyOCIgaGVpZ2h0PSIyOCIgd2lkdGg9IjI4Ij4mI3hhOwkgIDxzdHlsZSB0eXBlPSJ0ZXh0L2NzcyI+LnN0MCB7IHN0b3AtY29sb3I6IHJnYigzNSwgMTQ5LCAyNTUpOyB9IC5zdDEgeyBzdG9wLWNvbG9yOiByZ2IoMCwgODcsIDIxMCk7IH0gPC9zdHlsZT4mI3hhOwk8ZGVmcz4mI3hhOwkJPGxpbmVhckdyYWRpZW50IGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIiB5Mj0iMjUuMzA5IiB4Mj0iMjMuNDU0IiB5MT0iMy40NzQiIHgxPSIyLjAzOSIgaWQ9IkEiPiYjeGE7CQkJPHN0b3AgY2xhc3M9InN0MCIvPiYjeGE7CQkJPHN0b3AgY2xhc3M9InN0MSIgb2Zmc2V0PSIxIi8+JiN4YTsJCTwvbGluZWFyR3JhZGllbnQ+JiN4YTsJPC9kZWZzPiYjeGE7CTxwYXRoIGZpbGw9InVybCgjQSkiIGQ9Ik0yMS43NDcgMTMuMmExMS4zNSAxMS4zNSAwIDAgMSA0LjE2NCAzLjk0NWMxLjA1OSAxLjY4IDEuNTg5IDMuNTc5IDEuNTg5IDUuNjk5djMuMTIzYzAgMS4wMjItLjUzIDEuNTM0LTEuNTg5IDEuNTM0SDcuMjgyYy0uNDc1IDAtLjg1OS0uMTQ2LTEuMTUyLS40MzgtLjI5MS0uMjU2LS40MzgtLjYyMS0uNDM4LTEuMDk2di0xLjU4OUgxLjAzNGMtMS4wMjIgMC0xLjUzNC0uNTEyLTEuNTM0LTEuNTM0VjE5LjcyYTcuMjcgNy4yNyAwIDAgMSAxLjI2MS00LjE2NmMuODAzLTEuMjA5IDEuOTIxLTIuMTc1IDMuMjMzLTIuNzkzLS40NjQtLjUyOC0uODE4LTEuMTQzLTEuMDQyLTEuODA5YTYuODggNi44OCAwIDAgMS0uMzMtMi4wODFjMC0uODc3LjE2NS0xLjY4LjQ5NC0yLjQxMWE2LjE3IDYuMTcgMCAwIDEgMS4zMTUtMS45NzNjLjU2OC0uNTczIDEuMjM3LTEuMDM3IDEuOTczLTEuMzY5YTYuMDYgNi4wNiAwIDAgMSAyLjQxMS0uNDkzYy4yNTYgMCAuNDkzLjAxOC43MTIuMDUzYTIuNjUgMi42NSAwIDAgMSAuNzEyLjExQTcuNDEgNy40MSAwIDAgMSAxMi45MjYuMzc3YzEuMTM0LS41ODUgMi4zOTQtLjg4NiAzLjY3LS44NzcgMS4wOTYgMCAyLjEyLjIwMiAzLjA2OC42MDNzMS43NzEuOTY4IDIuNDY1IDEuNjk5Yy42OTQuNjk0IDEuMjQzIDEuNTE1IDEuNjQ1IDIuNDY1LjQwMy45MTIuNjAzIDEuOTE4LjYwMyAzLjAxNC4wMDMgMS4xNTItLjIzOSAyLjI5MS0uNzEyIDMuMzQyLS40MjIgMS4wMDEtMS4wOCAxLjg4NS0xLjkxOCAyLjU3NnpNMTYuNTk0IDIuNjIzYy0xLjMxNSAwLTIuNDI4LjQ1Ni0zLjM0MiAxLjM3MS0uODc3Ljg3Ny0xLjMxNSAxLjk3My0xLjMxNSAzLjI4OHMuNDM4IDIuNDI4IDEuMzE1IDMuMzQyYy45MTIuODc3IDIuMDI3IDEuMzE1IDMuMzQyIDEuMzE1czIuNDExLS40MzggMy4yODgtMS4zMTVhNC41NCA0LjU0IDAgMCAwIDEuMzY5LTMuMzQyYzAtMS4zMTUtLjQ1Ni0yLjQxMS0xLjM2OC0zLjI4OC0uODc3LS45MTQtMS45NzQtMS4zNzEtMy4yODktMS4zNzF6TTguNjUxIDUuNzQ5Yy0uODQyIDAtMS41NzEuMzEtMi4xOTIuOTMxLS41ODQuNTg0LS44NzcgMS4zMTUtLjg3NyAyLjE5MmEzLjA5IDMuMDkgMCAwIDAgLjg3NyAyLjE5MiAzLjA5IDMuMDkgMCAwIDAgMi4xOTIuODc3aDEuNzUzYTcuOTggNy45OCAwIDAgMS0xLjE1LTIuMTM3IDcuNjMgNy42MyAwIDAgMS0uNDM4LTIuNTJ2LS43NzFhNC4wMSA0LjAxIDAgMCAxIC4xNjMtLjc2NmgtLjMyOHpNMi42MjMgMjEuMzExaDMuMjMzYy4zMy0yLjUyMSAxLjM2OS00LjYwMyAzLjEyMy02LjI0N0g3LjI4M2MtMS4zMTUgMC0yLjQzLjQ1Ni0zLjM0NCAxLjM2OS0uODc3Ljg3Ny0xLjMxNSAxLjk3NC0xLjMxNSAzLjI4OXptMjEuNzU0IDEuNTM0YTcuNCA3LjQgMCAwIDAtLjYwMy0zLjAxNGMtLjM4My0uOTIxLS45NDItMS43NTgtMS42NDUtMi40NjVhNy4yNiA3LjI2IDAgMCAwLTIuNDY1LTEuNjk5Yy0uOTcxLS40MDYtMi4wMTUtLjYxMS0zLjA2OC0uNjAzLTEuMDk2IDAtMi4xMTguMjAyLTMuMDY4LjYwMy0uOTEyLjQwMy0xLjczNi45NjgtMi40NjUgMS42OTlhNy42NyA3LjY3IDAgMCAwLTEuNjQ1IDIuNDY1IDcuNCA3LjQgMCAwIDAtLjYwMSAzLjAxNHYxLjUzNGgxNS41NjF6Ii8+JiN4YTs8L3N2Zz4=;strokeColor=none;',
  },
  _original_width: 28,
  _original_height: 28,

}

Tree Highlight

Preview

Usage

import { TreeHighlight } from '@dinghy/diagrams/entitiesSapGenericIcons'

<TreeHighlight/>

// or

import { extendStyle } from "@dinghy/base-components";
import { TREE_HIGHLIGHT } from '@dinghy/diagrams/entitiesSapGenericIcons'

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

Definition

{
  _style: {
    entity: 'shape=image;verticalLabelPosition=bottom;labelBackgroundColor=default;verticalAlign=top;aspect=fixed;imageAspect=0;editableCssRules=.*;image=data:image/svg+xml,PHN2ZyB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2aWV3Qm94PSIyLjk4MDIzMjIzODc2OTUzMTJlLTggLTIuOTgwMjMyMjM4NzY5NTMxMmUtOCAyNCAyMC45OTk5OTgwOTI2NTEzNjciIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHdpZHRoPSIyNCIgaGVpZ2h0PSIyMC45OTk5OTgwOTI2NTEzNjciPiYjeGE7ICA8c3R5bGUgdHlwZT0idGV4dC9jc3MiPiYjeGE7CQkuc3Qwe3N0b3AtY29sb3I6IzAwY2VhYzt9JiN4YTsJCS5zdDF7c3RvcC1jb2xvcjojMDc4MzhmO30mI3hhOwkgIDwvc3R5bGU+JiN4YTsgIDxkZWZzPiYjeGE7ICAgIDxsaW5lYXJHcmFkaWVudCBpZD0iQSIgeDE9IjAiIHkxPSIwIiB4Mj0iMjQiIHkyPSIyMSIgZ3JhZGllbnRVbml0cz0idXNlclNwYWNlT25Vc2UiPiYjeGE7ICAgICAgPHN0b3AgY2xhc3M9InN0MCIvPiYjeGE7ICAgICAgPHN0b3Agb2Zmc2V0PSIxIiBjbGFzcz0ic3QxIi8+JiN4YTsgICAgPC9saW5lYXJHcmFkaWVudD4mI3hhOyAgPC9kZWZzPiYjeGE7ICA8cGF0aCBmaWxsPSJ1cmwoI0EpIiBkPSJNMjIuNzgsMTVjLjM0LDAsLjYyLjEyLjg0LjM4LjI1LjIyLjM4LjUuMzguODR2My41NmMwLC4zNC0uMTIuNjQtLjM4Ljg5LS4yMi4yMi0uNS4zMy0uODQuMzNoLTMuNTZjLS4zNCwwLS42NC0uMTEtLjg5LS4zMy0uMjItLjI1LS4zMy0uNTUtLjMzLS44OXYtMy41NmMwLS4zNC4xMS0uNjIuMzMtLjg0LjI1LS4yNS41NS0uMzguODktLjM4aC44OXYtMS43OGMwLS4yMi0uMTEtLjMzLS4zMy0uMzNoLTYuNTZ2Mi4xMWguNTZjLjM0LDAsLjYyLjEyLjg0LjM4LjI1LjIyLjM4LjUuMzguODR2My41NmMwLC4zNC0uMTIuNjQtLjM4Ljg5LS4yMi4yMi0uNS4zMy0uODQuMzNoLTMuNTZjLS4zNCwwLS42NC0uMTEtLjg5LS4zMy0uMjItLjI1LS4zMy0uNTUtLjMzLS44OXYtMy41NmMwLS4zNC4xMS0uNjIuMzMtLjg0LjI1LS4yNS41NS0uMzguODktLjM4aC41NnYtMi4xMWgtNi41NmMtLjIyLDAtLjMzLjExLS4zMy4zM3YxLjc4aC44OWMuMzQsMCwuNjIuMTIuODQuMzguMjUuMjIuMzguNS4zOC44NHYzLjU2YzAsLjM0LS4xMi42NC0uMzguODktLjIyLjIyLS41LjMzLS44NC4zM0gxLjIyYy0uMzQsMC0uNjQtLjExLS44OS0uMzMtLjIyLS4yNS0uMzMtLjU1LS4zMy0uODl2LTMuNTZjMC0uMzQuMTEtLjYyLjMzLS44NC4yNS0uMjUuNTUtLjM4Ljg5LS4zOGguMjh2LTEuNzhjMC0uNzUuMjctMS4zOS44LTEuOTIuNTMtLjUzLDEuMTctLjgsMS45Mi0uOGg2LjU2di0zaC0zLjU2Yy0uMzQsMC0uNjQtLjExLS44OS0uMzMtLjIyLS4yNS0uMzMtLjU1LS4zMy0uODlWMS4yMmMwLS4zNC4xMS0uNjIuMzMtLjg0LjI1LS4yNS41NS0uMzguODktLjM4aDkuNTZjLjM0LDAsLjYyLjEyLjg0LjM4LjI1LjIyLjM4LjUuMzguODR2NS4wNmMwLC4zNC0uMTIuNjQtLjM4Ljg5LS4yMi4yMi0uNS4zMy0uODQuMzNoLTMuNTZ2M2g2LjU2Yy43NSwwLDEuMzkuMjcsMS45Mi44LjUzLjUzLjgsMS4xNy44LDEuOTJ2MS43OGguMjhaTTguMzksNS4xMWg3LjIydi0yLjcyaC03LjIydjIuNzJaTTMuNjEsMTcuMzloLTEuMjJ2MS4yMmgxLjIydi0xLjIyWk0xMi42MSwxNy4zOWgtMS4yMnYxLjIyaDEuMjJ2LTEuMjJaTTIxLjYxLDE3LjM5aC0xLjIydjEuMjJoMS4yMnYtMS4yMloiLz4mI3hhOzwvc3ZnPg==;strokeColor=none;',
  },
  _width: 28,
  _height: 24.5,
}

Tree Non-SAP

Preview

Usage

import { TreeNonSap } from '@dinghy/diagrams/entitiesSapGenericIcons'

<TreeNonSap/>

// or

import { extendStyle } from "@dinghy/base-components";
import { TREE_NON_SAP } from '@dinghy/diagrams/entitiesSapGenericIcons'

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

Definition

{
  _style: {
    entity: 'shape=image;verticalLabelPosition=bottom;labelBackgroundColor=default;verticalAlign=top;aspect=fixed;imageAspect=0;editableCssRules=.*;image=data:image/svg+xml,PHN2ZyB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2aWV3Qm94PSIyLjk4MDIzMjIzODc2OTUzMTJlLTggLTIuOTgwMjMyMjM4NzY5NTMxMmUtOCAyNCAyMC45OTk5OTgwOTI2NTEzNjciIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHdpZHRoPSIyNCIgaGVpZ2h0PSIyMC45OTk5OTgwOTI2NTEzNjciPiYjeGE7ICA8c3R5bGUgdHlwZT0idGV4dC9jc3MiPi5zdDAgeyBzdG9wLWNvbG9yOiByZ2IoOTEsIDExNSwgMTM5KTsgfSAuc3QxIHsgc3RvcC1jb2xvcjogcmdiKDM0LCA1MywgNzIpOyB9IDwvc3R5bGU+JiN4YTsgIDxkZWZzPiYjeGE7ICAgIDxsaW5lYXJHcmFkaWVudCBpZD0iQSIgeDE9IjAiIHkxPSIwIiB4Mj0iMjQiIHkyPSIyMSIgZ3JhZGllbnRVbml0cz0idXNlclNwYWNlT25Vc2UiPiYjeGE7ICAgICAgPHN0b3AgY2xhc3M9InN0MCIvPiYjeGE7ICAgICAgPHN0b3Agb2Zmc2V0PSIxIiBjbGFzcz0ic3QxIi8+JiN4YTsgICAgPC9saW5lYXJHcmFkaWVudD4mI3hhOyAgPC9kZWZzPiYjeGE7ICA8cGF0aCBmaWxsPSJ1cmwoI0EpIiBkPSJNMjIuNzgsMTVjLjM0LDAsLjYyLjEyLjg0LjM4LjI1LjIyLjM4LjUuMzguODR2My41NmMwLC4zNC0uMTIuNjQtLjM4Ljg5LS4yMi4yMi0uNS4zMy0uODQuMzNoLTMuNTZjLS4zNCwwLS42NC0uMTEtLjg5LS4zMy0uMjItLjI1LS4zMy0uNTUtLjMzLS44OXYtMy41NmMwLS4zNC4xMS0uNjIuMzMtLjg0LjI1LS4yNS41NS0uMzguODktLjM4aC44OXYtMS43OGMwLS4yMi0uMTEtLjMzLS4zMy0uMzNoLTYuNTZ2Mi4xMWguNTZjLjM0LDAsLjYyLjEyLjg0LjM4LjI1LjIyLjM4LjUuMzguODR2My41NmMwLC4zNC0uMTIuNjQtLjM4Ljg5LS4yMi4yMi0uNS4zMy0uODQuMzNoLTMuNTZjLS4zNCwwLS42NC0uMTEtLjg5LS4zMy0uMjItLjI1LS4zMy0uNTUtLjMzLS44OXYtMy41NmMwLS4zNC4xMS0uNjIuMzMtLjg0LjI1LS4yNS41NS0uMzguODktLjM4aC41NnYtMi4xMWgtNi41NmMtLjIyLDAtLjMzLjExLS4zMy4zM3YxLjc4aC44OWMuMzQsMCwuNjIuMTIuODQuMzguMjUuMjIuMzguNS4zOC44NHYzLjU2YzAsLjM0LS4xMi42NC0uMzguODktLjIyLjIyLS41LjMzLS44NC4zM0gxLjIyYy0uMzQsMC0uNjQtLjExLS44OS0uMzMtLjIyLS4yNS0uMzMtLjU1LS4zMy0uODl2LTMuNTZjMC0uMzQuMTEtLjYyLjMzLS44NC4yNS0uMjUuNTUtLjM4Ljg5LS4zOGguMjh2LTEuNzhjMC0uNzUuMjctMS4zOS44LTEuOTIuNTMtLjUzLDEuMTctLjgsMS45Mi0uOGg2LjU2di0zaC0zLjU2Yy0uMzQsMC0uNjQtLjExLS44OS0uMzMtLjIyLS4yNS0uMzMtLjU1LS4zMy0uODlWMS4yMmMwLS4zNC4xMS0uNjIuMzMtLjg0LjI1LS4yNS41NS0uMzguODktLjM4aDkuNTZjLjM0LDAsLjYyLjEyLjg0LjM4LjI1LjIyLjM4LjUuMzguODR2NS4wNmMwLC4zNC0uMTIuNjQtLjM4Ljg5LS4yMi4yMi0uNS4zMy0uODQuMzNoLTMuNTZ2M2g2LjU2Yy43NSwwLDEuMzkuMjcsMS45Mi44LjUzLjUzLjgsMS4xNy44LDEuOTJ2MS43OGguMjhaTTguMzksNS4xMWg3LjIydi0yLjcyaC03LjIydjIuNzJaTTMuNjEsMTcuMzloLTEuMjJ2MS4yMmgxLjIydi0xLjIyWk0xMi42MSwxNy4zOWgtMS4yMnYxLjIyaDEuMjJ2LTEuMjJaTTIxLjYxLDE3LjM5aC0xLjIydjEuMjJoMS4yMnYtMS4yMloiLz4mI3hhOzwvc3ZnPg==;strokeColor=none;',
  },
  _width: 28,
  _height: 24.5,
}

Tree SAP

Preview

Usage

import { TreeSap } from '@dinghy/diagrams/entitiesSapGenericIcons'

<TreeSap/>

// or

import { extendStyle } from "@dinghy/base-components";
import { TREE_SAP } from '@dinghy/diagrams/entitiesSapGenericIcons'

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

Definition

{
  _style: {
    entity: 'shape=image;verticalLabelPosition=bottom;labelBackgroundColor=default;verticalAlign=top;aspect=fixed;imageAspect=0;editableCssRules=.*;image=data:image/svg+xml,PHN2ZyB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2aWV3Qm94PSIyLjk4MDIzMjIzODc2OTUzMTJlLTggLTIuOTgwMjMyMjM4NzY5NTMxMmUtOCAyNCAyMC45OTk5OTgwOTI2NTEzNjciIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHdpZHRoPSIyNCIgaGVpZ2h0PSIyMC45OTk5OTgwOTI2NTEzNjciPiYjeGE7ICA8c3R5bGUgdHlwZT0idGV4dC9jc3MiPi5zdDAgeyBzdG9wLWNvbG9yOiByZ2IoMzUsIDE0OSwgMjU1KTsgfSAuc3QxIHsgc3RvcC1jb2xvcjogcmdiKDAsIDg3LCAyMTApOyB9IDwvc3R5bGU+JiN4YTsgIDxkZWZzPiYjeGE7ICAgIDxsaW5lYXJHcmFkaWVudCBpZD0iQSIgeDE9IjAiIHkxPSIwIiB4Mj0iMjQiIHkyPSIyMSIgZ3JhZGllbnRVbml0cz0idXNlclNwYWNlT25Vc2UiPiYjeGE7ICAgICAgPHN0b3AgY2xhc3M9InN0MCIvPiYjeGE7ICAgICAgPHN0b3Agb2Zmc2V0PSIxIiBjbGFzcz0ic3QxIi8+JiN4YTsgICAgPC9saW5lYXJHcmFkaWVudD4mI3hhOyAgPC9kZWZzPiYjeGE7ICA8cGF0aCBmaWxsPSJ1cmwoI0EpIiBkPSJNMjIuNzgsMTVjLjM0LDAsLjYyLjEyLjg0LjM4LjI1LjIyLjM4LjUuMzguODR2My41NmMwLC4zNC0uMTIuNjQtLjM4Ljg5LS4yMi4yMi0uNS4zMy0uODQuMzNoLTMuNTZjLS4zNCwwLS42NC0uMTEtLjg5LS4zMy0uMjItLjI1LS4zMy0uNTUtLjMzLS44OXYtMy41NmMwLS4zNC4xMS0uNjIuMzMtLjg0LjI1LS4yNS41NS0uMzguODktLjM4aC44OXYtMS43OGMwLS4yMi0uMTEtLjMzLS4zMy0uMzNoLTYuNTZ2Mi4xMWguNTZjLjM0LDAsLjYyLjEyLjg0LjM4LjI1LjIyLjM4LjUuMzguODR2My41NmMwLC4zNC0uMTIuNjQtLjM4Ljg5LS4yMi4yMi0uNS4zMy0uODQuMzNoLTMuNTZjLS4zNCwwLS42NC0uMTEtLjg5LS4zMy0uMjItLjI1LS4zMy0uNTUtLjMzLS44OXYtMy41NmMwLS4zNC4xMS0uNjIuMzMtLjg0LjI1LS4yNS41NS0uMzguODktLjM4aC41NnYtMi4xMWgtNi41NmMtLjIyLDAtLjMzLjExLS4zMy4zM3YxLjc4aC44OWMuMzQsMCwuNjIuMTIuODQuMzguMjUuMjIuMzguNS4zOC44NHYzLjU2YzAsLjM0LS4xMi42NC0uMzguODktLjIyLjIyLS41LjMzLS44NC4zM0gxLjIyYy0uMzQsMC0uNjQtLjExLS44OS0uMzMtLjIyLS4yNS0uMzMtLjU1LS4zMy0uODl2LTMuNTZjMC0uMzQuMTEtLjYyLjMzLS44NC4yNS0uMjUuNTUtLjM4Ljg5LS4zOGguMjh2LTEuNzhjMC0uNzUuMjctMS4zOS44LTEuOTIuNTMtLjUzLDEuMTctLjgsMS45Mi0uOGg2LjU2di0zaC0zLjU2Yy0uMzQsMC0uNjQtLjExLS44OS0uMzMtLjIyLS4yNS0uMzMtLjU1LS4zMy0uODlWMS4yMmMwLS4zNC4xMS0uNjIuMzMtLjg0LjI1LS4yNS41NS0uMzguODktLjM4aDkuNTZjLjM0LDAsLjYyLjEyLjg0LjM4LjI1LjIyLjM4LjUuMzguODR2NS4wNmMwLC4zNC0uMTIuNjQtLjM4Ljg5LS4yMi4yMi0uNS4zMy0uODQuMzNoLTMuNTZ2M2g2LjU2Yy43NSwwLDEuMzkuMjcsMS45Mi44LjUzLjUzLjgsMS4xNy44LDEuOTJ2MS43OGguMjhaTTguMzksNS4xMWg3LjIydi0yLjcyaC03LjIydjIuNzJaTTMuNjEsMTcuMzloLTEuMjJ2MS4yMmgxLjIydi0xLjIyWk0xMi42MSwxNy4zOWgtMS4yMnYxLjIyaDEuMjJ2LTEuMjJaTTIxLjYxLDE3LjM5aC0xLjIydjEuMjJoMS4yMnYtMS4yMloiLz4mI3hhOzwvc3ZnPg==;strokeColor=none;',
  },
  _width: 28,
  _height: 24.5,
}

User Highlight

Preview

Usage

import { UserHighlight } from '@dinghy/diagrams/entitiesSapGenericIcons'

<UserHighlight/>

// or

import { extendStyle } from "@dinghy/base-components";
import { USER_HIGHLIGHT } from '@dinghy/diagrams/entitiesSapGenericIcons'

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

Definition

{
  _style: {
    entity: 'shape=image;editableCssRules=.*;verticalLabelPosition=bottom;labelBackgroundColor=default;verticalAlign=top;aspect=fixed;imageAspect=0;image=data:image/svg+xml,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9Ii0wLjUgLTAuNSAyOCAyOCIgaGVpZ2h0PSIyOCIgd2lkdGg9IjI4Ij4mI3hhOwkgIDxzdHlsZSB0eXBlPSJ0ZXh0L2NzcyI+JiN4YTsJCS5zdDB7c3RvcC1jb2xvcjojMDBjZWFjO30mI3hhOwkJLnN0MXtzdG9wLWNvbG9yOiMwNzgzOGY7fSYjeGE7CSAgPC9zdHlsZT4mI3hhOwk8ZGVmcz4mI3hhOwkJPGxpbmVhckdyYWRpZW50IGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIiB5Mj0iMjUuMzA5IiB4Mj0iMjMuNDU0IiB5MT0iMy40NzQiIHgxPSIyLjAzOSIgaWQ9IkEiPiYjeGE7CQkJPHN0b3AgY2xhc3M9InN0MCIvPiYjeGE7CQkJPHN0b3AgY2xhc3M9InN0MSIgb2Zmc2V0PSIxIi8+JiN4YTsJCTwvbGluZWFyR3JhZGllbnQ+JiN4YTsJPC9kZWZzPiYjeGE7CTxwYXRoIGZpbGw9InVybCgjQSkiIGQ9Ik0tLjUgMTMuNDcyYzAtMS45My4zNzEtMy43MyAxLjExMy01LjQuNzQyLTEuNzA3IDEuNzQ0LTMuMTkyIDMuMDA2LTQuNDUzUzYuMzY1IDEuMzU2IDguMDczLjYxMyAxMS41OTgtLjUgMTMuNTI4LS41czMuNzMuMzcxIDUuNCAxLjExM2MxLjcwNy43NDIgMy4xOTIgMS43NDQgNC40NTMgMy4wMDZzMi4yNjQgMi43NDYgMy4wMDYgNC40NTNjLjc0MiAxLjY3IDEuMTEzIDMuNDcgMS4xMTMgNS40cy0uMzcxIDMuNzQ4LTEuMTEzIDUuNDU1LTEuNzQ0IDMuMTkyLTMuMDA2IDQuNDUzYTE0LjI4IDE0LjI4IDAgMCAxLTQuNDUzIDMuMDA2Yy0xLjY3Ljc0Mi0zLjQ3IDEuMTEzLTUuNCAxLjExM3MtMy43NDgtLjM3MS01LjQ1NS0xLjExM2ExNC4yOCAxNC4yOCAwIDAgMS00LjQ1My0zLjAwNiAxNC4yOCAxNC4yOCAwIDAgMS0zLjAwNi00LjQ1M0MtLjEyOSAxNy4yMi0uNSAxNS40MDItLjUgMTMuNDcyem0xNi44MTEgNC4yMzFhNi42NSA2LjY1IDAgMCAxIDMuMjg0LjgzNWMxLjAwMi41MiAxLjgxOCAxLjI0MyAyLjQ0OSAyLjE3MWExMC4xNCAxMC4xNCAwIDAgMCAxLjk0OC0zLjI4NGMuNDgyLTEuMjI1LjcyNC0yLjU0Mi43MjQtMy45NTIgMC0xLjU1OS0uMjk3LTMuMDA2LS44OTEtNC4zNDItLjU5NC0xLjM3My0xLjM5Mi0yLjU2MS0yLjM5NC0zLjU2M3MtMi4xOS0xLjgtMy41NjMtMi4zOTRjLTEuMzM2LS41OTQtMi43ODMtLjg5MS00LjM0Mi0uODkxcy0zLjAyNC4yOTctNC4zOTguODkxYy0xLjMzNi41OTQtMi41MjQgMS4zOTItMy41NjMgMi4zOTRBMTEuMzUgMTEuMzUgMCAwIDAgMy4xNzQgOS4xM2MtLjU5NCAxLjMzNi0uODkxIDIuNzgzLS44OTEgNC4zNDIgMCAxLjQxLjIyMyAyLjcyOC42NjggMy45NTIuNDgyIDEuMjI1IDEuMTUgMi4zMTkgMi4wMDQgMy4yODQuNjMxLS45MjggMS40NDctMS42NTEgMi40NDktMi4xNzFhNi42NSA2LjY1IDAgMCAxIDMuMjg0LS44MzV6bTIuNzgzLTcuMDE0YTUuNjggNS42OCAwIDAgMS0uNDQ1IDIuMjI3IDUuODcgNS44NyAwIDAgMS0xLjIyNSAxLjc4MWMtLjQ4Mi40ODItMS4wNTguODcyLTEuNzI2IDEuMTY5cy0xLjM5Mi40NDUtMi4xNzEuNDQ1YTUuNjggNS42OCAwIDAgMS0yLjIyNy0uNDQ1IDYuNDQgNi40NCAwIDAgMS0xLjc4MS0xLjE2OSA2LjQ0IDYuNDQgMCAwIDEtMS4xNjktMS43ODEgNS42OCA1LjY4IDAgMCAxLS40NDUtMi4yMjdjMC0uNzc5LjE0OC0xLjUwMy40NDUtMi4xNzFBNi40NCA2LjQ0IDAgMCAxIDkuNTIgNi43MzdhNS44NyA1Ljg3IDAgMCAxIDEuNzgxLTEuMjI1IDUuNjggNS42OCAwIDAgMSAyLjIyNy0uNDQ1Yy43NzkgMCAxLjUwMy4xNDggMi4xNzEuNDQ1czEuMjQzLjcwNSAxLjcyNiAxLjIyNWE1Ljg3IDUuODcgMCAwIDEgMS4yMjUgMS43ODFjLjI5Ny42NjguNDQ1IDEuMzkyLjQ0NSAyLjE3MXptLTIuNzgzIDBjMC0uNzc5LS4yNzgtMS40MjktLjgzNS0xLjk0OC0uNTU3LS41NTctMS4yMDYtLjgzNS0xLjk0OC0uODM1YTIuNzMgMi43MyAwIDAgMC0yLjAwNC44MzVjLS41NTcuNTItLjgzNSAxLjE2OS0uODM1IDEuOTQ4YTIuNzMgMi43MyAwIDAgMCAuODM1IDIuMDA0Yy41NTcuNTIgMS4yMjUuNzc5IDIuMDA0Ljc3OS43NDIgMCAxLjM5Mi0uMjYgMS45NDgtLjc3OWEyLjczIDIuNzMgMCAwIDAgLjgzNS0yLjAwNHpNNy4wNzEgMjIuNjU3Yy44OTEuNjMxIDEuODc0IDEuMTMyIDIuOTUgMS41MDMgMS4xMTMuMzcxIDIuMjgyLjU1NyAzLjUwNy41NTcgMS4xODggMCAyLjMxOS0uMTg2IDMuMzk2LS41NTcgMS4xMTMtLjM3MSAyLjExNS0uODcyIDMuMDA2LTEuNTAzLS4zNzEtLjY2OC0uODkxLTEuMTg4LTEuNTU5LTEuNTU5LS42MzEtLjQwOC0xLjMxNy0uNjEyLTIuMDYtLjYxMmgtNS42MjJjLS43NDIgMC0xLjQ0Ny4yMDQtMi4xMTUuNjEyLS42MzEuMzcxLTEuMTMyLjg5MS0xLjUwMyAxLjU1OXoiLz4mI3hhOzwvc3ZnPg==;strokeColor=none;',
  },
  _original_width: 28,
  _original_height: 28,

}

User Non-SAP

Preview

Usage

import { UserNonSap } from '@dinghy/diagrams/entitiesSapGenericIcons'

<UserNonSap/>

// or

import { extendStyle } from "@dinghy/base-components";
import { USER_NON_SAP } from '@dinghy/diagrams/entitiesSapGenericIcons'

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

Definition

{
  _style: {
    entity: 'shape=image;editableCssRules=.*;verticalLabelPosition=bottom;labelBackgroundColor=default;verticalAlign=top;aspect=fixed;imageAspect=0;image=data:image/svg+xml,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9Ii0wLjUgLTAuNSAyOCAyOCIgaGVpZ2h0PSIyOCIgd2lkdGg9IjI4Ij4mI3hhOwkgIDxzdHlsZSB0eXBlPSJ0ZXh0L2NzcyI+LnN0MCB7IHN0b3AtY29sb3I6IHJnYig5MSwgMTE1LCAxMzkpOyB9IC5zdDEgeyBzdG9wLWNvbG9yOiByZ2IoMzQsIDUzLCA3Mik7IH0gPC9zdHlsZT4mI3hhOwk8ZGVmcz4mI3hhOwkJPGxpbmVhckdyYWRpZW50IGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIiB5Mj0iMjUuMzA5IiB4Mj0iMjMuNDU0IiB5MT0iMy40NzQiIHgxPSIyLjAzOSIgaWQ9IkEiPiYjeGE7CQkJPHN0b3AgY2xhc3M9InN0MCIvPiYjeGE7CQkJPHN0b3AgY2xhc3M9InN0MSIgb2Zmc2V0PSIxIi8+JiN4YTsJCTwvbGluZWFyR3JhZGllbnQ+JiN4YTsJPC9kZWZzPiYjeGE7CTxwYXRoIGZpbGw9InVybCgjQSkiIGQ9Ik0tLjUgMTMuNDcyYzAtMS45My4zNzEtMy43MyAxLjExMy01LjQuNzQyLTEuNzA3IDEuNzQ0LTMuMTkyIDMuMDA2LTQuNDUzUzYuMzY1IDEuMzU2IDguMDczLjYxMyAxMS41OTgtLjUgMTMuNTI4LS41czMuNzMuMzcxIDUuNCAxLjExM2MxLjcwNy43NDIgMy4xOTIgMS43NDQgNC40NTMgMy4wMDZzMi4yNjQgMi43NDYgMy4wMDYgNC40NTNjLjc0MiAxLjY3IDEuMTEzIDMuNDcgMS4xMTMgNS40cy0uMzcxIDMuNzQ4LTEuMTEzIDUuNDU1LTEuNzQ0IDMuMTkyLTMuMDA2IDQuNDUzYTE0LjI4IDE0LjI4IDAgMCAxLTQuNDUzIDMuMDA2Yy0xLjY3Ljc0Mi0zLjQ3IDEuMTEzLTUuNCAxLjExM3MtMy43NDgtLjM3MS01LjQ1NS0xLjExM2ExNC4yOCAxNC4yOCAwIDAgMS00LjQ1My0zLjAwNiAxNC4yOCAxNC4yOCAwIDAgMS0zLjAwNi00LjQ1M0MtLjEyOSAxNy4yMi0uNSAxNS40MDItLjUgMTMuNDcyem0xNi44MTEgNC4yMzFhNi42NSA2LjY1IDAgMCAxIDMuMjg0LjgzNWMxLjAwMi41MiAxLjgxOCAxLjI0MyAyLjQ0OSAyLjE3MWExMC4xNCAxMC4xNCAwIDAgMCAxLjk0OC0zLjI4NGMuNDgyLTEuMjI1LjcyNC0yLjU0Mi43MjQtMy45NTIgMC0xLjU1OS0uMjk3LTMuMDA2LS44OTEtNC4zNDItLjU5NC0xLjM3My0xLjM5Mi0yLjU2MS0yLjM5NC0zLjU2M3MtMi4xOS0xLjgtMy41NjMtMi4zOTRjLTEuMzM2LS41OTQtMi43ODMtLjg5MS00LjM0Mi0uODkxcy0zLjAyNC4yOTctNC4zOTguODkxYy0xLjMzNi41OTQtMi41MjQgMS4zOTItMy41NjMgMi4zOTRBMTEuMzUgMTEuMzUgMCAwIDAgMy4xNzQgOS4xM2MtLjU5NCAxLjMzNi0uODkxIDIuNzgzLS44OTEgNC4zNDIgMCAxLjQxLjIyMyAyLjcyOC42NjggMy45NTIuNDgyIDEuMjI1IDEuMTUgMi4zMTkgMi4wMDQgMy4yODQuNjMxLS45MjggMS40NDctMS42NTEgMi40NDktMi4xNzFhNi42NSA2LjY1IDAgMCAxIDMuMjg0LS44MzV6bTIuNzgzLTcuMDE0YTUuNjggNS42OCAwIDAgMS0uNDQ1IDIuMjI3IDUuODcgNS44NyAwIDAgMS0xLjIyNSAxLjc4MWMtLjQ4Mi40ODItMS4wNTguODcyLTEuNzI2IDEuMTY5cy0xLjM5Mi40NDUtMi4xNzEuNDQ1YTUuNjggNS42OCAwIDAgMS0yLjIyNy0uNDQ1IDYuNDQgNi40NCAwIDAgMS0xLjc4MS0xLjE2OSA2LjQ0IDYuNDQgMCAwIDEtMS4xNjktMS43ODEgNS42OCA1LjY4IDAgMCAxLS40NDUtMi4yMjdjMC0uNzc5LjE0OC0xLjUwMy40NDUtMi4xNzFBNi40NCA2LjQ0IDAgMCAxIDkuNTIgNi43MzdhNS44NyA1Ljg3IDAgMCAxIDEuNzgxLTEuMjI1IDUuNjggNS42OCAwIDAgMSAyLjIyNy0uNDQ1Yy43NzkgMCAxLjUwMy4xNDggMi4xNzEuNDQ1czEuMjQzLjcwNSAxLjcyNiAxLjIyNWE1Ljg3IDUuODcgMCAwIDEgMS4yMjUgMS43ODFjLjI5Ny42NjguNDQ1IDEuMzkyLjQ0NSAyLjE3MXptLTIuNzgzIDBjMC0uNzc5LS4yNzgtMS40MjktLjgzNS0xLjk0OC0uNTU3LS41NTctMS4yMDYtLjgzNS0xLjk0OC0uODM1YTIuNzMgMi43MyAwIDAgMC0yLjAwNC44MzVjLS41NTcuNTItLjgzNSAxLjE2OS0uODM1IDEuOTQ4YTIuNzMgMi43MyAwIDAgMCAuODM1IDIuMDA0Yy41NTcuNTIgMS4yMjUuNzc5IDIuMDA0Ljc3OS43NDIgMCAxLjM5Mi0uMjYgMS45NDgtLjc3OWEyLjczIDIuNzMgMCAwIDAgLjgzNS0yLjAwNHpNNy4wNzEgMjIuNjU3Yy44OTEuNjMxIDEuODc0IDEuMTMyIDIuOTUgMS41MDMgMS4xMTMuMzcxIDIuMjgyLjU1NyAzLjUwNy41NTcgMS4xODggMCAyLjMxOS0uMTg2IDMuMzk2LS41NTcgMS4xMTMtLjM3MSAyLjExNS0uODcyIDMuMDA2LTEuNTAzLS4zNzEtLjY2OC0uODkxLTEuMTg4LTEuNTU5LTEuNTU5LS42MzEtLjQwOC0xLjMxNy0uNjEyLTIuMDYtLjYxMmgtNS42MjJjLS43NDIgMC0xLjQ0Ny4yMDQtMi4xMTUuNjEyLS42MzEuMzcxLTEuMTMyLjg5MS0xLjUwMyAxLjU1OXoiLz4mI3hhOzwvc3ZnPg==;strokeColor=none;',
  },
  _original_width: 28,
  _original_height: 28,

}

User SAP

Preview

Usage

import { UserSap } from '@dinghy/diagrams/entitiesSapGenericIcons'

<UserSap/>

// or

import { extendStyle } from "@dinghy/base-components";
import { USER_SAP } from '@dinghy/diagrams/entitiesSapGenericIcons'

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

Definition

{
  _style: {
    entity: 'shape=image;editableCssRules=.*;verticalLabelPosition=bottom;labelBackgroundColor=default;verticalAlign=top;aspect=fixed;imageAspect=0;image=data:image/svg+xml,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9Ii0wLjUgLTAuNSAyOCAyOCIgaGVpZ2h0PSIyOCIgd2lkdGg9IjI4Ij4mI3hhOwkgIDxzdHlsZSB0eXBlPSJ0ZXh0L2NzcyI+LnN0MCB7IHN0b3AtY29sb3I6IHJnYigzNSwgMTQ5LCAyNTUpOyB9IC5zdDEgeyBzdG9wLWNvbG9yOiByZ2IoMCwgODcsIDIxMCk7IH0gPC9zdHlsZT4mI3hhOwk8ZGVmcz4mI3hhOwkJPGxpbmVhckdyYWRpZW50IGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIiB5Mj0iMjUuMzA5IiB4Mj0iMjMuNDU0IiB5MT0iMy40NzQiIHgxPSIyLjAzOSIgaWQ9IkEiPiYjeGE7CQkJPHN0b3AgY2xhc3M9InN0MCIvPiYjeGE7CQkJPHN0b3AgY2xhc3M9InN0MSIgb2Zmc2V0PSIxIi8+JiN4YTsJCTwvbGluZWFyR3JhZGllbnQ+JiN4YTsJPC9kZWZzPiYjeGE7CTxwYXRoIGZpbGw9InVybCgjQSkiIGQ9Ik0tLjUgMTMuNDcyYzAtMS45My4zNzEtMy43MyAxLjExMy01LjQuNzQyLTEuNzA3IDEuNzQ0LTMuMTkyIDMuMDA2LTQuNDUzUzYuMzY1IDEuMzU2IDguMDczLjYxMyAxMS41OTgtLjUgMTMuNTI4LS41czMuNzMuMzcxIDUuNCAxLjExM2MxLjcwNy43NDIgMy4xOTIgMS43NDQgNC40NTMgMy4wMDZzMi4yNjQgMi43NDYgMy4wMDYgNC40NTNjLjc0MiAxLjY3IDEuMTEzIDMuNDcgMS4xMTMgNS40cy0uMzcxIDMuNzQ4LTEuMTEzIDUuNDU1LTEuNzQ0IDMuMTkyLTMuMDA2IDQuNDUzYTE0LjI4IDE0LjI4IDAgMCAxLTQuNDUzIDMuMDA2Yy0xLjY3Ljc0Mi0zLjQ3IDEuMTEzLTUuNCAxLjExM3MtMy43NDgtLjM3MS01LjQ1NS0xLjExM2ExNC4yOCAxNC4yOCAwIDAgMS00LjQ1My0zLjAwNiAxNC4yOCAxNC4yOCAwIDAgMS0zLjAwNi00LjQ1M0MtLjEyOSAxNy4yMi0uNSAxNS40MDItLjUgMTMuNDcyem0xNi44MTEgNC4yMzFhNi42NSA2LjY1IDAgMCAxIDMuMjg0LjgzNWMxLjAwMi41MiAxLjgxOCAxLjI0MyAyLjQ0OSAyLjE3MWExMC4xNCAxMC4xNCAwIDAgMCAxLjk0OC0zLjI4NGMuNDgyLTEuMjI1LjcyNC0yLjU0Mi43MjQtMy45NTIgMC0xLjU1OS0uMjk3LTMuMDA2LS44OTEtNC4zNDItLjU5NC0xLjM3My0xLjM5Mi0yLjU2MS0yLjM5NC0zLjU2M3MtMi4xOS0xLjgtMy41NjMtMi4zOTRjLTEuMzM2LS41OTQtMi43ODMtLjg5MS00LjM0Mi0uODkxcy0zLjAyNC4yOTctNC4zOTguODkxYy0xLjMzNi41OTQtMi41MjQgMS4zOTItMy41NjMgMi4zOTRBMTEuMzUgMTEuMzUgMCAwIDAgMy4xNzQgOS4xM2MtLjU5NCAxLjMzNi0uODkxIDIuNzgzLS44OTEgNC4zNDIgMCAxLjQxLjIyMyAyLjcyOC42NjggMy45NTIuNDgyIDEuMjI1IDEuMTUgMi4zMTkgMi4wMDQgMy4yODQuNjMxLS45MjggMS40NDctMS42NTEgMi40NDktMi4xNzFhNi42NSA2LjY1IDAgMCAxIDMuMjg0LS44MzV6bTIuNzgzLTcuMDE0YTUuNjggNS42OCAwIDAgMS0uNDQ1IDIuMjI3IDUuODcgNS44NyAwIDAgMS0xLjIyNSAxLjc4MWMtLjQ4Mi40ODItMS4wNTguODcyLTEuNzI2IDEuMTY5cy0xLjM5Mi40NDUtMi4xNzEuNDQ1YTUuNjggNS42OCAwIDAgMS0yLjIyNy0uNDQ1IDYuNDQgNi40NCAwIDAgMS0xLjc4MS0xLjE2OSA2LjQ0IDYuNDQgMCAwIDEtMS4xNjktMS43ODEgNS42OCA1LjY4IDAgMCAxLS40NDUtMi4yMjdjMC0uNzc5LjE0OC0xLjUwMy40NDUtMi4xNzFBNi40NCA2LjQ0IDAgMCAxIDkuNTIgNi43MzdhNS44NyA1Ljg3IDAgMCAxIDEuNzgxLTEuMjI1IDUuNjggNS42OCAwIDAgMSAyLjIyNy0uNDQ1Yy43NzkgMCAxLjUwMy4xNDggMi4xNzEuNDQ1czEuMjQzLjcwNSAxLjcyNiAxLjIyNWE1Ljg3IDUuODcgMCAwIDEgMS4yMjUgMS43ODFjLjI5Ny42NjguNDQ1IDEuMzkyLjQ0NSAyLjE3MXptLTIuNzgzIDBjMC0uNzc5LS4yNzgtMS40MjktLjgzNS0xLjk0OC0uNTU3LS41NTctMS4yMDYtLjgzNS0xLjk0OC0uODM1YTIuNzMgMi43MyAwIDAgMC0yLjAwNC44MzVjLS41NTcuNTItLjgzNSAxLjE2OS0uODM1IDEuOTQ4YTIuNzMgMi43MyAwIDAgMCAuODM1IDIuMDA0Yy41NTcuNTIgMS4yMjUuNzc5IDIuMDA0Ljc3OS43NDIgMCAxLjM5Mi0uMjYgMS45NDgtLjc3OWEyLjczIDIuNzMgMCAwIDAgLjgzNS0yLjAwNHpNNy4wNzEgMjIuNjU3Yy44OTEuNjMxIDEuODc0IDEuMTMyIDIuOTUgMS41MDMgMS4xMTMuMzcxIDIuMjgyLjU1NyAzLjUwNy41NTcgMS4xODggMCAyLjMxOS0uMTg2IDMuMzk2LS41NTcgMS4xMTMtLjM3MSAyLjExNS0uODcyIDMuMDA2LTEuNTAzLS4zNzEtLjY2OC0uODkxLTEuMTg4LTEuNTU5LTEuNTU5LS42MzEtLjQwOC0xLjMxNy0uNjEyLTIuMDYtLjYxMmgtNS42MjJjLS43NDIgMC0xLjQ0Ny4yMDQtMi4xMTUuNjEyLS42MzEuMzcxLTEuMTMyLjg5MS0xLjUwMyAxLjU1OXoiLz4mI3hhOzwvc3ZnPg==;strokeColor=none;',
  },
  _original_width: 28,
  _original_height: 28,

}

Web Highlight

Preview

Usage

import { WebHighlight } from '@dinghy/diagrams/entitiesSapGenericIcons'

<WebHighlight/>

// or

import { extendStyle } from "@dinghy/base-components";
import { WEB_HIGHLIGHT } from '@dinghy/diagrams/entitiesSapGenericIcons'

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

Definition

{
  _style: {
    entity: 'shape=image;editableCssRules=.*;verticalLabelPosition=bottom;labelBackgroundColor=default;verticalAlign=top;aspect=fixed;imageAspect=0;image=data:image/svg+xml,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9Ii0wLjUgLTAuNSAyOCAyNi41MzgiIGhlaWdodD0iMjYuNTM4IiB3aWR0aD0iMjgiPiYjeGE7CSAgPHN0eWxlIHR5cGU9InRleHQvY3NzIj4mI3hhOwkJLnN0MHtzdG9wLWNvbG9yOiMwMGNlYWM7fSYjeGE7CQkuc3Qxe3N0b3AtY29sb3I6IzA3ODM4Zjt9JiN4YTsJICA8L3N0eWxlPiYjeGE7CTxkZWZzPiYjeGE7CQk8bGluZWFyR3JhZGllbnQgZ3JhZGllbnRVbml0cz0idXNlclNwYWNlT25Vc2UiIHkyPSIyNS4wNDgiIHgyPSIyMi4yODYiIHkxPSIzLjI2NyIgeDE9IjIuMDM5IiBpZD0iQSI+JiN4YTsJCQk8c3RvcCBjbGFzcz0ic3QwIi8+JiN4YTsJCQk8c3RvcCBjbGFzcz0ic3QxIiBvZmZzZXQ9IjEiLz4mI3hhOwkJPC9saW5lYXJHcmFkaWVudD4mI3hhOwk8L2RlZnM+JiN4YTsJPHBhdGggZmlsbD0idXJsKCNBKSIgZD0iTTIzLjI5MS0uNDk5QTQuMDYgNC4wNiAwIDAgMSAyNi4yNzMuNzI4Yy44MTcuODE3IDEuMjI3IDEuNzkyIDEuMjI3IDIuOTIydjIuODA2YzAgLjQzLS4xMzcuNzgtLjQxIDEuMDUzLS4yNzcuMjM1LS42My4zNTktLjk5My4zNS0uMzYzLjAxLS43MTYtLjExNS0uOTkzLS4zNWExLjQyIDEuNDIgMCAwIDEtLjMxNC0uNDg0Yy0uMDctLjE4MS0uMTAzLS4zNzUtLjA5Ni0uNTY5VjMuNjQ5Yy4wMDctLjE3Ny0uMDI2LS4zNTMtLjA5Ny0uNTE1YTEuMTcgMS4xNyAwIDAgMC0uMzEyLS40MjEgMS4zNSAxLjM1IDAgMCAwLS45OTMtLjQwOEgzLjcwOWExLjM1IDEuMzUgMCAwIDAtLjk5My40MDggMS4xNyAxLjE3IDAgMCAwLS40MS45MzV2MS40MDNIOS4zMmMuMzkxIDAgLjcyMi4xMzcuOTk1LjQxYTEuMzUgMS4zNSAwIDAgMSAuMzA3LjQ1NGMuMDcuMTcxLjEwNC4zNTQuMTAxLjUzOSAwIC40My0uMTM3Ljc4LS40MDggMS4wNTMtLjI3Ny4yMzUtLjYzMi4zNi0uOTk1LjM1SDIuMzA2djEyLjYyNmMwIC4zOTEuMTM3LjcyMi40MS45OTUuMTI5LjEzMi4yODQuMjM2LjQ1NC4zMDdzLjM1NC4xMDUuNTM5LjEwMWgzLjUwN2MuMzkxIDAgLjcyMi4xMzcuOTk1LjQxLjI3MS4yMzQuNDA4LjU2NS40MDguOTkzLjAwNC4xODUtLjAzMS4zNjktLjEwMS41NHMtLjE3NS4zMjYtLjMwNy40NTVjLS4yNzcuMjM1LS42MzIuMzYtLjk5NS4zNUgzLjcwOWMtMS4xMyAwLTIuMTIzLS40MS0yLjk4Mi0xLjIyN0EzLjk5IDMuOTkgMCAwIDEtLjUgMjAuNDg0VjMuNjQ5Qy0uNSAyLjUyLS4wOSAxLjU0NS43MjcuNzI4IDEuNTg2LS4wOTIgMi41NzktLjQ5OSAzLjcwOS0uNDk5em0tNS40OTYgNi45NTVjMS4zNjYgMCAyLjYzMi4yNzMgMy44MDEuODE5YTkuMjQgOS4yNCAwIDAgMSAzLjA0IDIuMTA0Yy44OTYuODk2IDEuNTk3IDEuOTI4IDIuMTA0IDMuMDk4cy43NTkgMi40MzUuNzU5IDMuNzk5Yy4wMDQgMS4zMDUtLjI1NCAyLjU5OC0uNzU5IDMuODAxLS40OTggMS4xNTctMS4yMTMgMi4yMDgtMi4xMDQgMy4wOTgtLjkwNC45MDEtMS45NzcgMS42MTYtMy4xNTcgMi4xMDRhOS40NSA5LjQ1IDAgMCAxLTMuNzk5Ljc1OWMtMS4zMDQuMDA0LTIuNTk2LS4yNTQtMy43OTktLjc1OS0xLjE1Ny0uNDk4LTIuMjA4LTEuMjEzLTMuMDk4LTIuMTA0YTkuOTIgOS45MiAwIDAgMS0yLjEwNC0zLjA5OGMtLjUwNi0xLjIwMy0uNzY1LTIuNDk2LS43NjEtMy44MDEgMC0xLjM2NC4yNTQtMi42My43NjEtMy43OTlhOS41NCA5LjU0IDAgMCAxIDIuMDQzLTMuMDk4IDkuOTIgOS45MiAwIDAgMSAzLjEtMi4xMDQgOS4xMyA5LjEzIDAgMCAxIDMuNzk3LS44MTl6bTUuNDk2IDUuNjEyYy0uNzQxLS45MzUtMS41OTgtMS42MTYtMi41NzItMi4wNDQuMTk1LjMxLjM1Mi42NDIuNDY4Ljk5MWwuNDY4IDEuMDUzem0tNS42MTItMS43NTNjLS4yNzMuNDY4LS41NjUgMS4wNTEtLjg3NyAxLjc1M2gxLjgxM2MtLjMxMi0uNzc4LS42MjMtMS4zNjQtLjkzNS0xLjc1M3ptLTYuOTU2IDUuOTYxdi43MDFsLjExOC43MDFoMi4yNzhhNC4yNiA0LjI2IDAgMCAxLS4wNTYtLjcwMXYtLjcwMS0uNzAxYzAtLjIzNC4wMTktLjQ2OC4wNTYtLjcwMWgtMi4yNzZsLS4xMTguNzAxem0xLjQwMyA0LjIwOWMuNzQxLjkzNSAxLjU5NyAxLjYxOCAyLjU3MiAyLjA0NmwtLjUyNi0uOTM1LS40MS0xLjExMXptMS42MzctOC40MTdsLjQxLTEuMDUxYTguMDIgOC4wMiAwIDAgMSAuNTI2LS45OTNjLS45NzMuNDI4LTEuODMxIDEuMTA5LTIuNTcyIDIuMDQ1em0zLjkxNyAxMC4xNzJjLjE5NS0uMjczLjM1Mi0uNTQ2LjQ2OC0uODE5bC40NjgtLjkzNWgtMS44MTJ6bTEuNzU1LTQuNTZhMi4yNCAyLjI0IDAgMCAwIC4xMTYtLjcwMXYtLjcwMS0uNzAxYTIuMTQgMi4xNCAwIDAgMC0uMTE4LS43MDFoLTMuNDQ1YTIuMjEgMi4yMSAwIDAgMC0uMTE4LjcwMXYxLjQwM2EyLjE5IDIuMTkgMCAwIDAgLjExOC43MDFoMy40NDl6bTEuMjg1IDQuODUyYy45NzMtLjQzIDEuODMzLTEuMTExIDIuNTcyLTIuMDQ2aC0xLjYzN2wtLjQ2OCAxLjExMWE1LjIzIDUuMjMgMCAwIDEtLjQ2OC45MzV6bTMuODU5LTQuODUyYy4wMzctLjIzNC4wNTYtLjQ2OC4wNTYtLjcwMS4wNzctLjQ2NS4wNzctLjkzOSAwLTEuNDAzIDAtLjIzNC0uMDE5LS40NjgtLjA1Ni0uNzAxaC0yLjI4MmE0LjA0IDQuMDQgMCAwIDEgLjA2LjcwMXYxLjQwM2MwIC4yMzQtLjAxOS40NjgtLjA1OC43MDF6Ii8+JiN4YTs8L3N2Zz4=;strokeColor=none;',
  },
  _width: 28,
  _height: 27,
}

Web Non-SAP

Preview

Usage

import { WebNonSap } from '@dinghy/diagrams/entitiesSapGenericIcons'

<WebNonSap/>

// or

import { extendStyle } from "@dinghy/base-components";
import { WEB_NON_SAP } from '@dinghy/diagrams/entitiesSapGenericIcons'

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

Definition

{
  _style: {
    entity: 'shape=image;editableCssRules=.*;verticalLabelPosition=bottom;labelBackgroundColor=default;verticalAlign=top;aspect=fixed;imageAspect=0;image=data:image/svg+xml,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9Ii0wLjUgLTAuNSAyOCAyNi41MzgiIGhlaWdodD0iMjYuNTM4IiB3aWR0aD0iMjgiPiYjeGE7CSAgPHN0eWxlIHR5cGU9InRleHQvY3NzIj4uc3QwIHsgc3RvcC1jb2xvcjogcmdiKDkxLCAxMTUsIDEzOSk7IH0gLnN0MSB7IHN0b3AtY29sb3I6IHJnYigzNCwgNTMsIDcyKTsgfSA8L3N0eWxlPiYjeGE7CTxkZWZzPiYjeGE7CQk8bGluZWFyR3JhZGllbnQgZ3JhZGllbnRVbml0cz0idXNlclNwYWNlT25Vc2UiIHkyPSIyNS4wNDgiIHgyPSIyMi4yODYiIHkxPSIzLjI2NyIgeDE9IjIuMDM5IiBpZD0iQSI+JiN4YTsJCQk8c3RvcCBjbGFzcz0ic3QwIi8+JiN4YTsJCQk8c3RvcCBjbGFzcz0ic3QxIiBvZmZzZXQ9IjEiLz4mI3hhOwkJPC9saW5lYXJHcmFkaWVudD4mI3hhOwk8L2RlZnM+JiN4YTsJPHBhdGggZmlsbD0idXJsKCNBKSIgZD0iTTIzLjI5MS0uNDk5QTQuMDYgNC4wNiAwIDAgMSAyNi4yNzMuNzI4Yy44MTcuODE3IDEuMjI3IDEuNzkyIDEuMjI3IDIuOTIydjIuODA2YzAgLjQzLS4xMzcuNzgtLjQxIDEuMDUzLS4yNzcuMjM1LS42My4zNTktLjk5My4zNS0uMzYzLjAxLS43MTYtLjExNS0uOTkzLS4zNWExLjQyIDEuNDIgMCAwIDEtLjMxNC0uNDg0Yy0uMDctLjE4MS0uMTAzLS4zNzUtLjA5Ni0uNTY5VjMuNjQ5Yy4wMDctLjE3Ny0uMDI2LS4zNTMtLjA5Ny0uNTE1YTEuMTcgMS4xNyAwIDAgMC0uMzEyLS40MjEgMS4zNSAxLjM1IDAgMCAwLS45OTMtLjQwOEgzLjcwOWExLjM1IDEuMzUgMCAwIDAtLjk5My40MDggMS4xNyAxLjE3IDAgMCAwLS40MS45MzV2MS40MDNIOS4zMmMuMzkxIDAgLjcyMi4xMzcuOTk1LjQxYTEuMzUgMS4zNSAwIDAgMSAuMzA3LjQ1NGMuMDcuMTcxLjEwNC4zNTQuMTAxLjUzOSAwIC40My0uMTM3Ljc4LS40MDggMS4wNTMtLjI3Ny4yMzUtLjYzMi4zNi0uOTk1LjM1SDIuMzA2djEyLjYyNmMwIC4zOTEuMTM3LjcyMi40MS45OTUuMTI5LjEzMi4yODQuMjM2LjQ1NC4zMDdzLjM1NC4xMDUuNTM5LjEwMWgzLjUwN2MuMzkxIDAgLjcyMi4xMzcuOTk1LjQxLjI3MS4yMzQuNDA4LjU2NS40MDguOTkzLjAwNC4xODUtLjAzMS4zNjktLjEwMS41NHMtLjE3NS4zMjYtLjMwNy40NTVjLS4yNzcuMjM1LS42MzIuMzYtLjk5NS4zNUgzLjcwOWMtMS4xMyAwLTIuMTIzLS40MS0yLjk4Mi0xLjIyN0EzLjk5IDMuOTkgMCAwIDEtLjUgMjAuNDg0VjMuNjQ5Qy0uNSAyLjUyLS4wOSAxLjU0NS43MjcuNzI4IDEuNTg2LS4wOTIgMi41NzktLjQ5OSAzLjcwOS0uNDk5em0tNS40OTYgNi45NTVjMS4zNjYgMCAyLjYzMi4yNzMgMy44MDEuODE5YTkuMjQgOS4yNCAwIDAgMSAzLjA0IDIuMTA0Yy44OTYuODk2IDEuNTk3IDEuOTI4IDIuMTA0IDMuMDk4cy43NTkgMi40MzUuNzU5IDMuNzk5Yy4wMDQgMS4zMDUtLjI1NCAyLjU5OC0uNzU5IDMuODAxLS40OTggMS4xNTctMS4yMTMgMi4yMDgtMi4xMDQgMy4wOTgtLjkwNC45MDEtMS45NzcgMS42MTYtMy4xNTcgMi4xMDRhOS40NSA5LjQ1IDAgMCAxLTMuNzk5Ljc1OWMtMS4zMDQuMDA0LTIuNTk2LS4yNTQtMy43OTktLjc1OS0xLjE1Ny0uNDk4LTIuMjA4LTEuMjEzLTMuMDk4LTIuMTA0YTkuOTIgOS45MiAwIDAgMS0yLjEwNC0zLjA5OGMtLjUwNi0xLjIwMy0uNzY1LTIuNDk2LS43NjEtMy44MDEgMC0xLjM2NC4yNTQtMi42My43NjEtMy43OTlhOS41NCA5LjU0IDAgMCAxIDIuMDQzLTMuMDk4IDkuOTIgOS45MiAwIDAgMSAzLjEtMi4xMDQgOS4xMyA5LjEzIDAgMCAxIDMuNzk3LS44MTl6bTUuNDk2IDUuNjEyYy0uNzQxLS45MzUtMS41OTgtMS42MTYtMi41NzItMi4wNDQuMTk1LjMxLjM1Mi42NDIuNDY4Ljk5MWwuNDY4IDEuMDUzem0tNS42MTItMS43NTNjLS4yNzMuNDY4LS41NjUgMS4wNTEtLjg3NyAxLjc1M2gxLjgxM2MtLjMxMi0uNzc4LS42MjMtMS4zNjQtLjkzNS0xLjc1M3ptLTYuOTU2IDUuOTYxdi43MDFsLjExOC43MDFoMi4yNzhhNC4yNiA0LjI2IDAgMCAxLS4wNTYtLjcwMXYtLjcwMS0uNzAxYzAtLjIzNC4wMTktLjQ2OC4wNTYtLjcwMWgtMi4yNzZsLS4xMTguNzAxem0xLjQwMyA0LjIwOWMuNzQxLjkzNSAxLjU5NyAxLjYxOCAyLjU3MiAyLjA0NmwtLjUyNi0uOTM1LS40MS0xLjExMXptMS42MzctOC40MTdsLjQxLTEuMDUxYTguMDIgOC4wMiAwIDAgMSAuNTI2LS45OTNjLS45NzMuNDI4LTEuODMxIDEuMTA5LTIuNTcyIDIuMDQ1em0zLjkxNyAxMC4xNzJjLjE5NS0uMjczLjM1Mi0uNTQ2LjQ2OC0uODE5bC40NjgtLjkzNWgtMS44MTJ6bTEuNzU1LTQuNTZhMi4yNCAyLjI0IDAgMCAwIC4xMTYtLjcwMXYtLjcwMS0uNzAxYTIuMTQgMi4xNCAwIDAgMC0uMTE4LS43MDFoLTMuNDQ1YTIuMjEgMi4yMSAwIDAgMC0uMTE4LjcwMXYxLjQwM2EyLjE5IDIuMTkgMCAwIDAgLjExOC43MDFoMy40NDl6bTEuMjg1IDQuODUyYy45NzMtLjQzIDEuODMzLTEuMTExIDIuNTcyLTIuMDQ2aC0xLjYzN2wtLjQ2OCAxLjExMWE1LjIzIDUuMjMgMCAwIDEtLjQ2OC45MzV6bTMuODU5LTQuODUyYy4wMzctLjIzNC4wNTYtLjQ2OC4wNTYtLjcwMS4wNzctLjQ2NS4wNzctLjkzOSAwLTEuNDAzIDAtLjIzNC0uMDE5LS40NjgtLjA1Ni0uNzAxaC0yLjI4MmE0LjA0IDQuMDQgMCAwIDEgLjA2LjcwMXYxLjQwM2MwIC4yMzQtLjAxOS40NjgtLjA1OC43MDF6Ii8+JiN4YTs8L3N2Zz4=;strokeColor=none;',
  },
  _width: 28,
  _height: 27,
}

Web SAP

Preview

Usage

import { WebSap } from '@dinghy/diagrams/entitiesSapGenericIcons'

<WebSap/>

// or

import { extendStyle } from "@dinghy/base-components";
import { WEB_SAP } from '@dinghy/diagrams/entitiesSapGenericIcons'

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

Definition

{
  _style: {
    entity: 'shape=image;editableCssRules=.*;verticalLabelPosition=bottom;labelBackgroundColor=default;verticalAlign=top;aspect=fixed;imageAspect=0;image=data:image/svg+xml,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9Ii0wLjUgLTAuNSAyOCAyNi41MzgiIGhlaWdodD0iMjYuNTM4IiB3aWR0aD0iMjgiPiYjeGE7CSAgPHN0eWxlIHR5cGU9InRleHQvY3NzIj4uc3QwIHsgc3RvcC1jb2xvcjogcmdiKDM1LCAxNDksIDI1NSk7IH0gLnN0MSB7IHN0b3AtY29sb3I6IHJnYigwLCA4NywgMjEwKTsgfSA8L3N0eWxlPiYjeGE7CTxkZWZzPiYjeGE7CQk8bGluZWFyR3JhZGllbnQgZ3JhZGllbnRVbml0cz0idXNlclNwYWNlT25Vc2UiIHkyPSIyNS4wNDgiIHgyPSIyMi4yODYiIHkxPSIzLjI2NyIgeDE9IjIuMDM5IiBpZD0iQSI+JiN4YTsJCQk8c3RvcCBjbGFzcz0ic3QwIi8+JiN4YTsJCQk8c3RvcCBjbGFzcz0ic3QxIiBvZmZzZXQ9IjEiLz4mI3hhOwkJPC9saW5lYXJHcmFkaWVudD4mI3hhOwk8L2RlZnM+JiN4YTsJPHBhdGggZmlsbD0idXJsKCNBKSIgZD0iTTIzLjI5MS0uNDk5QTQuMDYgNC4wNiAwIDAgMSAyNi4yNzMuNzI4Yy44MTcuODE3IDEuMjI3IDEuNzkyIDEuMjI3IDIuOTIydjIuODA2YzAgLjQzLS4xMzcuNzgtLjQxIDEuMDUzLS4yNzcuMjM1LS42My4zNTktLjk5My4zNS0uMzYzLjAxLS43MTYtLjExNS0uOTkzLS4zNWExLjQyIDEuNDIgMCAwIDEtLjMxNC0uNDg0Yy0uMDctLjE4MS0uMTAzLS4zNzUtLjA5Ni0uNTY5VjMuNjQ5Yy4wMDctLjE3Ny0uMDI2LS4zNTMtLjA5Ny0uNTE1YTEuMTcgMS4xNyAwIDAgMC0uMzEyLS40MjEgMS4zNSAxLjM1IDAgMCAwLS45OTMtLjQwOEgzLjcwOWExLjM1IDEuMzUgMCAwIDAtLjk5My40MDggMS4xNyAxLjE3IDAgMCAwLS40MS45MzV2MS40MDNIOS4zMmMuMzkxIDAgLjcyMi4xMzcuOTk1LjQxYTEuMzUgMS4zNSAwIDAgMSAuMzA3LjQ1NGMuMDcuMTcxLjEwNC4zNTQuMTAxLjUzOSAwIC40My0uMTM3Ljc4LS40MDggMS4wNTMtLjI3Ny4yMzUtLjYzMi4zNi0uOTk1LjM1SDIuMzA2djEyLjYyNmMwIC4zOTEuMTM3LjcyMi40MS45OTUuMTI5LjEzMi4yODQuMjM2LjQ1NC4zMDdzLjM1NC4xMDUuNTM5LjEwMWgzLjUwN2MuMzkxIDAgLjcyMi4xMzcuOTk1LjQxLjI3MS4yMzQuNDA4LjU2NS40MDguOTkzLjAwNC4xODUtLjAzMS4zNjktLjEwMS41NHMtLjE3NS4zMjYtLjMwNy40NTVjLS4yNzcuMjM1LS42MzIuMzYtLjk5NS4zNUgzLjcwOWMtMS4xMyAwLTIuMTIzLS40MS0yLjk4Mi0xLjIyN0EzLjk5IDMuOTkgMCAwIDEtLjUgMjAuNDg0VjMuNjQ5Qy0uNSAyLjUyLS4wOSAxLjU0NS43MjcuNzI4IDEuNTg2LS4wOTIgMi41NzktLjQ5OSAzLjcwOS0uNDk5em0tNS40OTYgNi45NTVjMS4zNjYgMCAyLjYzMi4yNzMgMy44MDEuODE5YTkuMjQgOS4yNCAwIDAgMSAzLjA0IDIuMTA0Yy44OTYuODk2IDEuNTk3IDEuOTI4IDIuMTA0IDMuMDk4cy43NTkgMi40MzUuNzU5IDMuNzk5Yy4wMDQgMS4zMDUtLjI1NCAyLjU5OC0uNzU5IDMuODAxLS40OTggMS4xNTctMS4yMTMgMi4yMDgtMi4xMDQgMy4wOTgtLjkwNC45MDEtMS45NzcgMS42MTYtMy4xNTcgMi4xMDRhOS40NSA5LjQ1IDAgMCAxLTMuNzk5Ljc1OWMtMS4zMDQuMDA0LTIuNTk2LS4yNTQtMy43OTktLjc1OS0xLjE1Ny0uNDk4LTIuMjA4LTEuMjEzLTMuMDk4LTIuMTA0YTkuOTIgOS45MiAwIDAgMS0yLjEwNC0zLjA5OGMtLjUwNi0xLjIwMy0uNzY1LTIuNDk2LS43NjEtMy44MDEgMC0xLjM2NC4yNTQtMi42My43NjEtMy43OTlhOS41NCA5LjU0IDAgMCAxIDIuMDQzLTMuMDk4IDkuOTIgOS45MiAwIDAgMSAzLjEtMi4xMDQgOS4xMyA5LjEzIDAgMCAxIDMuNzk3LS44MTl6bTUuNDk2IDUuNjEyYy0uNzQxLS45MzUtMS41OTgtMS42MTYtMi41NzItMi4wNDQuMTk1LjMxLjM1Mi42NDIuNDY4Ljk5MWwuNDY4IDEuMDUzem0tNS42MTItMS43NTNjLS4yNzMuNDY4LS41NjUgMS4wNTEtLjg3NyAxLjc1M2gxLjgxM2MtLjMxMi0uNzc4LS42MjMtMS4zNjQtLjkzNS0xLjc1M3ptLTYuOTU2IDUuOTYxdi43MDFsLjExOC43MDFoMi4yNzhhNC4yNiA0LjI2IDAgMCAxLS4wNTYtLjcwMXYtLjcwMS0uNzAxYzAtLjIzNC4wMTktLjQ2OC4wNTYtLjcwMWgtMi4yNzZsLS4xMTguNzAxem0xLjQwMyA0LjIwOWMuNzQxLjkzNSAxLjU5NyAxLjYxOCAyLjU3MiAyLjA0NmwtLjUyNi0uOTM1LS40MS0xLjExMXptMS42MzctOC40MTdsLjQxLTEuMDUxYTguMDIgOC4wMiAwIDAgMSAuNTI2LS45OTNjLS45NzMuNDI4LTEuODMxIDEuMTA5LTIuNTcyIDIuMDQ1em0zLjkxNyAxMC4xNzJjLjE5NS0uMjczLjM1Mi0uNTQ2LjQ2OC0uODE5bC40NjgtLjkzNWgtMS44MTJ6bTEuNzU1LTQuNTZhMi4yNCAyLjI0IDAgMCAwIC4xMTYtLjcwMXYtLjcwMS0uNzAxYTIuMTQgMi4xNCAwIDAgMC0uMTE4LS43MDFoLTMuNDQ1YTIuMjEgMi4yMSAwIDAgMC0uMTE4LjcwMXYxLjQwM2EyLjE5IDIuMTkgMCAwIDAgLjExOC43MDFoMy40NDl6bTEuMjg1IDQuODUyYy45NzMtLjQzIDEuODMzLTEuMTExIDIuNTcyLTIuMDQ2aC0xLjYzN2wtLjQ2OCAxLjExMWE1LjIzIDUuMjMgMCAwIDEtLjQ2OC45MzV6bTMuODU5LTQuODUyYy4wMzctLjIzNC4wNTYtLjQ2OC4wNTYtLjcwMS4wNzctLjQ2NS4wNzctLjkzOSAwLTEuNDAzIDAtLjIzNC0uMDE5LS40NjgtLjA1Ni0uNzAxaC0yLjI4MmE0LjA0IDQuMDQgMCAwIDEgLjA2LjcwMXYxLjQwM2MwIC4yMzQtLjAxOS40NjgtLjA1OC43MDF6Ii8+JiN4YTs8L3N2Zz4=;strokeColor=none;',
  },
  _width: 28,
  _height: 27,
}