text: // @flow
  import React, { PureComponent } from "react";
  
  type Props = {
  	color: string
  };
  export default class Cluster extends PureComponent<Props> {
  	render() {
  		return (
  			<svg xmlns='http://www.w3.org/2000/svg' width='100' height='90' viewBox='0 0 156.008 85.997'>
  				<defs>
  					<clipPath id='clip-path'>
  						<rect width='51' height='2' fill='none' />
  					</clipPath>
  					<clipPath id='clip-path-2'>
  						<rect width='53' height='2' fill='none' />
  					</clipPath>
  					<clipPath id='clip-path-3'>
  						<rect width='30' height='2' fill='none' />
  					</clipPath>
  					<clipPath id='clip-path-6'>
  						<rect width='93' height='2' fill='none' />
  					</clipPath>
  				</defs>
  				<g id='Group_34' data-name='Group 34' transform='translate(-645.188 -514)'>
  					<g id='Group_31' data-name='Group 31' transform='translate(745.884 531.557)'>
  						<g id='Repeat_Grid_5' data-name='Repeat Grid 5' transform='rotate(90 27.434 27.878)' clipPath='url(#clip-path)'>
  							<g transform='translate(-700.5 -301)'>
  								<line id='Line_2' data-name='Line 2' x1='2' transform='translate(700.5 301.5)' fill='none' stroke={this.props.color} />
  							</g>
  							<g transform='translate(-696.5 -301)'>
  								<line id='Line_2-2' data-name='Line 2' x1='2' transform='translate(700.5 301.5)' fill='none' stroke={this.props.color} />
  							</g>
  							<g transform='translate(-692.5 -301)'>
  								<line id='Line_2-3' data-name='Line 2' x1='2' transform='translate(700.5 301.5)' fill='none' stroke={this.props.color} />
  							</g>
  							<g transform='translate(-688.5 -301)'>
  								<line id='Line_2-4' data-name='Line 2' x1='2' transform='translate(700.5 301.5)' fill='none' stroke={this.props.color} />
  							</g>
  							<g transform='translate(-684.5 -301)'>
  								<line id='Line_2-5' data-name='Line 2' x1='2' transform='translate(700.5 301.5)' fill='none' stroke={this.props.color} />
  							</g>
  							<g transform='translate(-680.5 -301)'>
  								<line id='Line_2-6' data-name='Line 2' x1='2' transform='translate(700.5 301.5)' fill='none' stroke={this.props.color} />
  							</g>
  							<g transform='translate(-676.5 -301)'>
  								<line id='Line_2-7' data-name='Line 2' x1='2' transform='translate(700.5 301.5)' fill='none' stroke={this.props.color} />
  							</g>
  							<g transform='translate(-672.5 -301)'>
  								<line id='Line_2-8' data-name='Line 2' x1='2' transform='translate(700.5 301.5)' fill='none' stroke={this.props.color} />
  							</g>
  							<g transform='translate(-668.5 -301)'>
  								<line id='Line_2-9' data-name='Line 2' x1='2' transform='translate(700.5 301.5)' fill='none' stroke={this.props.color} />
  							</g>
  							<g transform='translate(-664.5 -301)'>
  								<line id='Line_2-10' data-name='Line 2' x1='2' transform='translate(700.5 301.5)' fill='none' stroke={this.props.color} />
  							</g>
  							<g transform='translate(-660.5 -301)'>
  								<line id='Line_2-11' data-name='Line 2' x1='2' transform='translate(700.5 301.5)' fill='none' stroke={this.props.color} />
  							</g>
  							<g transform='translate(-656.5 -301)'>
  								<line id='Line_2-12' data-name='Line 2' x1='2' transform='translate(700.5 301.5)' fill='none' stroke={this.props.color} />
  							</g>
  							<g transform='translate(-652.5 -301)'>
  								<line id='Line_2-13' data-name='Line 2' x1='2' transform='translate(700.5 301.5)' fill='none' stroke={this.props.color} />
  							</g>
  						</g>
  						<g id='Repeat_Grid_4' data-name='Repeat Grid 4' transform='translate(0 .32)' clipPath='url(#clip-path-2)'>
  							<g transform='translate(-700.5 -301)'>
  								<line id='Line_2-14' data-name='Line 2' x1='2' transform='translate(700.5 301.5)' fill='none' stroke={this.props.color} />
  							</g>
  							<g transform='translate(-696.5 -301)'>
  								<line id='Line_2-15' data-name='Line 2' x1='2' transform='translate(700.5 301.5)' fill='none' stroke={this.props.color} />
  							</g>
  							<g transform='translate(-692.5 -301)'>
  								<line id='Line_2-16' data-name='Line 2' x1='2' transform='translate(700.5 301.5)' fill='none' stroke={this.props.color} />
  							</g>
  							<g transform='translate(-688.5 -301)'>
  								<line id='Line_2-17' data-name='Line 2' x1='2' transform='translate(700.5 301.5)' fill='none' stroke={this.props.color} />
  							</g>
  							<g transform='translate(-684.5 -301)'>
  								<line id='Line_2-18' data-name='Line 2' x1='2' transform='translate(700.5 301.5)' fill='none' stroke={this.props.color} />
  							</g>
  							<g transform='translate(-680.5 -301)'>
  								<line id='Line_2-19' data-name='Line 2' x1='2' transform='translate(700.5 301.5)' fill='none' stroke={this.props.color} />
  							</g>
  							<g transform='translate(-676.5 -301)'>
  								<line id='Line_2-20' data-name='Line 2' x1='2' transform='translate(700.5 301.5)' fill='none' stroke={this.props.color} />
  							</g>
  							<g transform='translate(-672.5 -301)'>
  								<line id='Line_2-21' data-name='Line 2' x1='2' transform='translate(700.5 301.5)' fill='none' stroke={this.props.color} />
  							</g>
  							<g transform='translate(-668.5 -301)'>
  								<line id='Line_2-22' data-name='Line 2' x1='2' transform='translate(700.5 301.5)' fill='none' stroke={this.props.color} />
  							</g>
  							<g transform='translate(-664.5 -301)'>
  								<line id='Line_2-23' data-name='Line 2' x1='2' transform='translate(700.5 301.5)' fill='none' stroke={this.props.color} />
  							</g>
  							<g transform='translate(-660.5 -301)'>
  								<line id='Line_2-24' data-name='Line 2' x1='2' transform='translate(700.5 301.5)' fill='none' stroke={this.props.color} />
  							</g>
  							<g transform='translate(-656.5 -301)'>
  								<line id='Line_2-25' data-name='Line 2' x1='2' transform='translate(700.5 301.5)' fill='none' stroke={this.props.color} />
  							</g>
  							<g transform='translate(-652.5 -301)'>
  								<line id='Line_2-26' data-name='Line 2' x1='2' transform='translate(700.5 301.5)' fill='none' stroke={this.props.color} />
  							</g>
  							<g transform='translate(-648.5 -301)'>
  								<line id='Line_2-27' data-name='Line 2' x1='2' transform='translate(700.5 301.5)' fill='none' stroke={this.props.color} />
  							</g>
  						</g>
  						<g id='Repeat_Grid_6' data-name='Repeat Grid 6' transform='translate(25 51.32)' clipPath='url(#clip-path-3)'>
  							<g transform='translate(-700.5 -301)'>
  								<line id='Line_2-28' data-name='Line 2' x1='2' transform='translate(700.5 301.5)' fill='none' stroke={this.props.color} />
  							</g>
  							<g transform='translate(-696.5 -301)'>
  								<line id='Line_2-29' data-name='Line 2' x1='2' transform='translate(700.5 301.5)' fill='none' stroke={this.props.color} />
  							</g>
  							<g transform='translate(-692.5 -301)'>
  								<line id='Line_2-30' data-name='Line 2' x1='2' transform='translate(700.5 301.5)' fill='none' stroke={this.props.color} />
  							</g>
  							<g transform='translate(-688.5 -301)'>
  								<line id='Line_2-31' data-name='Line 2' x1='2' transform='translate(700.5 301.5)' fill='none' stroke={this.props.color} />
  							</g>
  							<g transform='translate(-684.5 -301)'>
  								<line id='Line_2-32' data-name='Line 2' x1='2' transform='translate(700.5 301.5)' fill='none' stroke={this.props.color} />
  							</g>
  							<g transform='translate(-680.5 -301)'>
  								<line id='Line_2-33' data-name='Line 2' x1='2' transform='translate(700.5 301.5)' fill='none' stroke={this.props.color} />
  							</g>
  							<g transform='translate(-676.5 -301)'>
  								<line id='Line_2-34' data-name='Line 2' x1='2' transform='translate(700.5 301.5)' fill='none' stroke={this.props.color} />
  							</g>
  							<g transform='translate(-672.5 -301)'>
  								<line id='Line_2-35' data-name='Line 2' x1='2' transform='translate(700.5 301.5)' fill='none' stroke={this.props.color} />
  							</g>
  						</g>
  					</g>
  					<g id='Group_32' data-name='Group 32' transform='translate(646.188 531.557)'>
  						<g id='Repeat_Grid_5-2' data-name='Repeat Grid 5' transform='rotate(90 .279 .722)' clipPath='url(#clip-path)'>
  							<g transform='translate(-700.5 -301)'>
  								<line id='Line_2-36' data-name='Line 2' x1='2' transform='translate(700.5 301.5)' fill='none' stroke={this.props.color} />
  							</g>
  							<g transform='translate(-696.5 -301)'>
  								<line id='Line_2-37' data-name='Line 2' x1='2' transform='translate(700.5 301.5)' fill='none' stroke={this.props.color} />
  							</g>
  							<g transform='translate(-692.5 -301)'>
  								<line id='Line_2-38' data-name='Line 2' x1='2' transform='translate(700.5 301.5)' fill='none' stroke={this.props.color} />
  							</g>
  							<g transform='translate(-688.5 -301)'>
  								<line id='Line_2-39' data-name='Line 2' x1='2' transform='translate(700.5 301.5)' fill='none' stroke={this.props.color} />
  							</g>
  							<g transform='translate(-684.5 -301)'>
  								<line id='Line_2-40' data-name='Line 2' x1='2' transform='translate(700.5 301.5)' fill='none' stroke={this.props.color} />
  							</g>
  							<g transform='translate(-680.5 -301)'>
  								<line id='Line_2-41' data-name='Line 2' x1='2' transform='translate(700.5 301.5)' fill='none' stroke={this.props.color} />
  							</g>
  							<g transform='translate(-676.5 -301)'>
  								<line id='Line_2-42' data-name='Line 2' x1='2' transform='translate(700.5 301.5)' fill='none' stroke={this.props.color} />
  							</g>
  							<g transform='translate(-672.5 -301)'>
  								<line id='Line_2-43' data-name='Line 2' x1='2' transform='translate(700.5 301.5)' fill='none' stroke={this.props.color} />
  							</g>
  							<g transform='translate(-668.5 -301)'>
  								<line id='Line_2-44' data-name='Line 2' x1='2' transform='translate(700.5 301.5)' fill='none' stroke={this.props.color} />
  							</g>
  							<g transform='translate(-664.5 -301)'>
  								<line id='Line_2-45' data-name='Line 2' x1='2' transform='translate(700.5 301.5)' fill='none' stroke={this.props.color} />
  							</g>
  							<g transform='translate(-660.5 -301)'>
  								<line id='Line_2-46' data-name='Line 2' x1='2' transform='translate(700.5 301.5)' fill='none' stroke={this.props.color} />
  							</g>
  							<g transform='translate(-656.5 -301)'>
  								<line id='Line_2-47' data-name='Line 2' x1='2' transform='translate(700.5 301.5)' fill='none' stroke={this.props.color} />
  							</g>
  							<g transform='translate(-652.5 -301)'>
  								<line id='Line_2-48' data-name='Line 2' x1='2' transform='translate(700.5 301.5)' fill='none' stroke={this.props.color} />
  							</g>
  						</g>
  						<g id='Repeat_Grid_4-2' data-name='Repeat Grid 4' transform='translate(2.312 .32)' clipPath='url(#clip-path-2)'>
  							<g transform='translate(-700.5 -301)'>
  								<line id='Line_2-49' data-name='Line 2' x1='2' transform='translate(700.5 301.5)' fill='none' stroke={this.props.color} />
  							</g>
  							<g transform='translate(-696.5 -301)'>
  								<line id='Line_2-50' data-name='Line 2' x1='2' transform='translate(700.5 301.5)' fill='none' stroke={this.props.color} />
  							</g>
  							<g transform='translate(-692.5 -301)'>
  								<line id='Line_2-51' data-name='Line 2' x1='2' transform='translate(700.5 301.5)' fill='none' stroke={this.props.color} />
  							</g>
  							<g transform='translate(-688.5 -301)'>
  								<line id='Line_2-52' data-name='Line 2' x1='2' transform='translate(700.5 301.5)' fill='none' stroke={this.props.color} />
  							</g>
  							<g transform='translate(-684.5 -301)'>
  								<line id='Line_2-53' data-name='Line 2' x1='2' transform='translate(700.5 301.5)' fill='none' stroke={this.props.color} />
  							</g>
  							<g transform='translate(-680.5 -301)'>
  								<line id='Line_2-54' data-name='Line 2' x1='2' transform='translate(700.5 301.5)' fill='none' stroke={this.props.color} />
  							</g>
  							<g transform='translate(-676.5 -301)'>
  								<line id='Line_2-55' data-name='Line 2' x1='2' transform='translate(700.5 301.5)' fill='none' stroke={this.props.color} />
  							</g>
  							<g transform='translate(-672.5 -301)'>
  								<line id='Line_2-56' data-name='Line 2' x1='2' transform='translate(700.5 301.5)' fill='none' stroke={this.props.color} />
  							</g>
  							<g transform='translate(-668.5 -301)'>
  								<line id='Line_2-57' data-name='Line 2' x1='2' transform='translate(700.5 301.5)' fill='none' stroke={this.props.color} />
  							</g>
  							<g transform='translate(-664.5 -301)'>
  								<line id='Line_2-58' data-name='Line 2' x1='2' transform='translate(700.5 301.5)' fill='none' stroke={this.props.color} />
  							</g>
  							<g transform='translate(-660.5 -301)'>
  								<line id='Line_2-59' data-name='Line 2' x1='2' transform='translate(700.5 301.5)' fill='none' stroke={this.props.color} />
  							</g>
  							<g transform='translate(-656.5 -301)'>
  								<line id='Line_2-60' data-name='Line 2' x1='2' transform='translate(700.5 301.5)' fill='none' stroke={this.props.color} />
  							</g>
  							<g transform='translate(-652.5 -301)'>
  								<line id='Line_2-61' data-name='Line 2' x1='2' transform='translate(700.5 301.5)' fill='none' stroke={this.props.color} />
  							</g>
  							<g transform='translate(-648.5 -301)'>
  								<line id='Line_2-62' data-name='Line 2' x1='2' transform='translate(700.5 301.5)' fill='none' stroke={this.props.color} />
  							</g>
  						</g>
  						<g id='Repeat_Grid_6-2' data-name='Repeat Grid 6' transform='translate(.312 51.32)' clipPath='url(#clip-path-6)'>
  							<g transform='translate(-700.5 -301)'>
  								<line id='Line_2-63' data-name='Line 2' x1='2' transform='translate(700.5 301.5)' fill='none' stroke={this.props.color} />
  							</g>
  							<g transform='translate(-696.5 -301)'>
  								<line id='Line_2-64' data-name='Line 2' x1='2' transform='translate(700.5 301.5)' fill='none' stroke={this.props.color} />
  							</g>
  							<g transform='translate(-692.5 -301)'>
  								<line id='Line_2-65' data-name='Line 2' x1='2' transform='translate(700.5 301.5)' fill='none' stroke={this.props.color} />
  							</g>
  							<g transform='translate(-688.5 -301)'>
  								<line id='Line_2-66' data-name='Line 2' x1='2' transform='translate(700.5 301.5)' fill='none' stroke={this.props.color} />
  							</g>
  							<g transform='translate(-684.5 -301)'>
  								<line id='Line_2-67' data-name='Line 2' x1='2' transform='translate(700.5 301.5)' fill='none' stroke={this.props.color} />
  							</g>
  							<g transform='translate(-680.5 -301)'>
  								<line id='Line_2-68' data-name='Line 2' x1='2' transform='translate(700.5 301.5)' fill='none' stroke={this.props.color} />
  							</g>
  							<g transform='translate(-676.5 -301)'>
  								<line id='Line_2-69' data-name='Line 2' x1='2' transform='translate(700.5 301.5)' fill='none' stroke={this.props.color} />
  							</g>
  							<g transform='translate(-672.5 -301)'>
  								<line id='Line_2-70' data-name='Line 2' x1='2' transform='translate(700.5 301.5)' fill='none' stroke={this.props.color} />
  							</g>
  							<g transform='translate(-668.5 -301)'>
  								<line id='Line_2-71' data-name='Line 2' x1='2' transform='translate(700.5 301.5)' fill='none' stroke={this.props.color} />
  							</g>
  							<g transform='translate(-664.5 -301)'>
  								<line id='Line_2-72' data-name='Line 2' x1='2' transform='translate(700.5 301.5)' fill='none' stroke={this.props.color} />
  							</g>
  							<g transform='translate(-660.5 -301)'>
  								<line id='Line_2-73' data-name='Line 2' x1='2' transform='translate(700.5 301.5)' fill='none' stroke={this.props.color} />
  							</g>
  							<g transform='translate(-656.5 -301)'>
  								<line id='Line_2-74' data-name='Line 2' x1='2' transform='translate(700.5 301.5)' fill='none' stroke={this.props.color} />
  							</g>
  							<g transform='translate(-652.5 -301)'>
  								<line id='Line_2-75' data-name='Line 2' x1='2' transform='translate(700.5 301.5)' fill='none' stroke={this.props.color} />
  							</g>
  							<g transform='translate(-648.5 -301)'>
  								<line id='Line_2-76' data-name='Line 2' x1='2' transform='translate(700.5 301.5)' fill='none' stroke={this.props.color} />
  							</g>
  							<g transform='translate(-644.5 -301)'>
  								<line id='Line_2-77' data-name='Line 2' x1='2' transform='translate(700.5 301.5)' fill='none' stroke={this.props.color} />
  							</g>
  							<g transform='translate(-640.5 -301)'>
  								<line id='Line_2-78' data-name='Line 2' x1='2' transform='translate(700.5 301.5)' fill='none' stroke={this.props.color} />
  							</g>
  							<g transform='translate(-636.5 -301)'>
  								<line id='Line_2-79' data-name='Line 2' x1='2' transform='translate(700.5 301.5)' fill='none' stroke={this.props.color} />
  							</g>
  							<g transform='translate(-632.5 -301)'>
  								<line id='Line_2-80' data-name='Line 2' x1='2' transform='translate(700.5 301.5)' fill='none' stroke={this.props.color} />
  							</g>
  							<g transform='translate(-628.5 -301)'>
  								<line id='Line_2-81' data-name='Line 2' x1='2' transform='translate(700.5 301.5)' fill='none' stroke={this.props.color} />
  							</g>
  							<g transform='translate(-624.5 -301)'>
  								<line id='Line_2-82' data-name='Line 2' x1='2' transform='translate(700.5 301.5)' fill='none' stroke={this.props.color} />
  							</g>
  							<g transform='translate(-620.5 -301)'>
  								<line id='Line_2-83' data-name='Line 2' x1='2' transform='translate(700.5 301.5)' fill='none' stroke={this.props.color} />
  							</g>
  							<g transform='translate(-616.5 -301)'>
  								<line id='Line_2-84' data-name='Line 2' x1='2' transform='translate(700.5 301.5)' fill='none' stroke={this.props.color} />
  							</g>
  							<g transform='translate(-612.5 -301)'>
  								<line id='Line_2-85' data-name='Line 2' x1='2' transform='translate(700.5 301.5)' fill='none' stroke={this.props.color} />
  							</g>
  							<g transform='translate(-608.5 -301)'>
  								<line id='Line_2-86' data-name='Line 2' x1='2' transform='translate(700.5 301.5)' fill='none' stroke={this.props.color} />
  							</g>
  						</g>
  					</g>
  					<path
  						id='ic_laptop_mac_24px'
  						d='M48.918,39.688A4.885,4.885,0,0,0,53.785,34.8l.024-26.9A4.906,4.906,0,0,0,48.918,3H9.784A4.906,4.906,0,0,0,4.892,7.892V34.8a4.906,4.906,0,0,0,4.892,4.892H0A4.906,4.906,0,0,0,4.892,44.58H53.809A4.906,4.906,0,0,0,58.7,39.688ZM9.784,7.892H48.918V34.8H9.784ZM29.351,42.134A2.446,2.446,0,1,1,31.8,39.688,2.453,2.453,0,0,1,29.351,42.134Z'
  						transform='translate(692.36 511)'
  						fill={this.props.color}
  					/>
  					<path
  						id='ic_laptop_mac_24px-2'
  						data-name='ic_laptop_mac_24px'
  						d='M48.918,39.688A4.885,4.885,0,0,0,53.785,34.8l.024-26.9A4.906,4.906,0,0,0,48.918,3H9.784A4.906,4.906,0,0,0,4.892,7.892V34.8a4.906,4.906,0,0,0,4.892,4.892H0A4.906,4.906,0,0,0,4.892,44.58H53.809A4.906,4.906,0,0,0,58.7,39.688ZM9.784,7.892H48.918V34.8H9.784ZM29.351,42.134A2.446,2.446,0,1,1,31.8,39.688,2.453,2.453,0,0,1,29.351,42.134Z'
  						transform='translate(652 555.417)'
  						fill={this.props.color}
  					/>
  					<path
  						id='ic_laptop_mac_24px-3'
  						data-name='ic_laptop_mac_24px'
  						d='M48.918,39.688A4.885,4.885,0,0,0,53.785,34.8l.024-26.9A4.906,4.906,0,0,0,48.918,3H9.784A4.906,4.906,0,0,0,4.892,7.892V34.8a4.906,4.906,0,0,0,4.892,4.892H0A4.906,4.906,0,0,0,4.892,44.58H53.809A4.906,4.906,0,0,0,58.7,39.688ZM9.784,7.892H48.918V34.8H9.784ZM29.351,42.134A2.446,2.446,0,1,1,31.8,39.688,2.453,2.453,0,0,1,29.351,42.134Z'
  						transform='translate(734 555.417)'
  						fill={this.props.color}
  					/>
  					<rect id='Rectangle_16' data-name='Rectangle 16' width='39' height='26' transform='translate(662 563.917)' fill='#fff' />
  					<rect id='Rectangle_19' data-name='Rectangle 19' width='39' height='26' transform='translate(744 563.917)' fill='#fff' />
  				</g>
  			</svg>
  		);
  	}
  }
  