import React , { FunctionComponent } from 'react' ; export const ClustersLayerIcon = ( ) => ( < svg xmlns = "http://www.w3.org/2000/svg" width = "49" height = "25" fill = "none" viewBox = "0 0 49 25" className = "mapLayersWizardIcon" > < circle cx = "17.867" cy = "5.032" r = "2.045" className = "mapLayersWizardIcon__highlight" / > < circle cx = "13.367" cy = "11.717" r = "2.045" className = "mapLayersWizardIcon__highlight" / > < circle cx = "14.594" cy = "19.901" r = "3.273" className = "mapLayersWizardIcon__highlight" / > < circle cx = "4.776" cy = "18.398" r = "2.662" className = "mapLayersWizardIcon__highlight" / > < circle cx = "6.619" cy = "5.649" r = "2.662" className = "mapLayersWizardIcon__highlight" / > < path className = "mapLayersWizardIcon__highlight" d = "M31.114 7.454h5.455v5.455h-5.455z" / > < path fill = "#98A2B3" d = "M31.114 12.909h5.455v5.455h-5.455z" / > < path fill = "#69707D" d = "M42.023 12.909h5.455v5.455h-5.455z" / > < path fill = "#69707D" d = "M42.023 12.909h5.455v5.455h-5.455z" / > < path fill = "#69707D" d = "M42.023 12.909h5.455v5.455h-5.455z" / > < path fill = "#69707D" d = "M42.023 12.909h5.455v5.455h-5.455zm-5.454-5.455h5.455v5.455h-5.455z" / > < path fill = "#69707D" d = "M36.569 7.454h5.455v5.455h-5.455z" / > < path fill = "#69707D" d = "M36.569 7.454h5.455v5.455h-5.455z" / > < path fill = "#69707D" d = "M36.569 7.454h5.455v5.455h-5.455z" / > < path fill = "#98A2B3" d = "M42.023 7.454h5.455v5.455h-5.455z" / > < path fill = "#98A2B3" d = "M36.569 1.999h5.455v5.455h-5.455z" / > < path className = "mapLayersWizardIcon__highlight" d = "M36.569 12.909h5.455v5.455h-5.455z" / > < path fill = "#D3DAE6" d = "M36.569 18.363h5.455v5.455h-5.455z" / > < /svg>);