import React , { SVGProps } from 'react' ; export const SearchEmptystate = ( props ) => ( < svg viewBox = "0 0 176 82" { ... props } > < path d = "M87 2a40 40 0 1 0 40 40A40 40 0 0 0 87 2zm18.41 58.41a2 2 0 0 1-2.82 0l-8-8a2 2 0 0 1-.48-.77 15.54 15.54 0 1 1 2.53-2.53 2 2 0 0 1 .77.48l8 8a2 2 0 0 1 0 2.82z" fill = "#8699a6" / > < circle cx = { 84.5 } cy = { 39.5 } r = { 11.5 } fill = "#8699a6" / > < path d = "M22 26a3 3 0 1 1 3 3 3 3 0 0 1-3-3" fill = "#8699a6" / > < path d = "M149 46.49a1.5 1.5 0 1 1 1.5 1.51 1.5 1.5 0 0 1-1.5-1.49M129 2.49A1.5 1.5 0 1 1 130.5 4a1.5 1.5 0 0 1-1.5-1.51" fill = "#d6d6d6" / > < path d = "M143 74a3 3 0 0 0-3-3 3 3 0 0 0 3-3 3 3 0 0 0 3 3 3 3 0 0 0-3 3z" fill = "#657987" / > < path fill = "#e8eaeb" d = "M37.78 3l1.45 4.31 4.33 1.44-4.33 1.44-1.45 4.3-1.44-4.3L32 8.75l4.34-1.44L37.78 3z" / > < path d = "M138.12 30.29a4.44 4.44 0 0 0-4-4 .1.1 0 0 1 0-.19 4.36 4.36 0 0 0 4-4 .09.09 0 0 1 .18 0 4.32 4.32 0 0 0 4 4 .1.1 0 0 1 0 .19 4.4 4.4 0 0 0-4 4 .09.09 0 0 1-.18 0m-111 45a4.44 4.44 0 0 0-4-4 .1.1 0 0 1 0-.19 4.36 4.36 0 0 0 4-4 .09.09 0 0 1 .18 0 4.32 4.32 0 0 0 4 4 .1.1 0 0 1 0 .19 4.4 4.4 0 0 0-4 4 .09.09 0 0 1-.18 0" fill = "#657987" / > < path fill = "#d6d6d6" d = "M4.88 42l1.21 3.63 3.66 1.22-3.66 1.21-1.21 3.63-1.22-3.63L0 46.85l3.66-1.22L4.88 42z" / > < path d = "M15 2.2l1.26.41a.85.85 0 0 1 .53.53l.42 1.25.42-1.25a.85.85 0 0 1 .53-.53l1.26-.41-1.26-.42a.85.85 0 0 1-.53-.53L17.21 0l-.42 1.25a.85.85 0 0 1-.53.53z" fill = "#8699a6" / > < path fill = "#657987" d = "M155.67 5l1.3 2.36 2.37 1.29-2.37 1.29-1.3 2.36-1.3-2.36L152 8.65l2.37-1.29 1.3-2.36zm.99 9.28a1 1 0 0 1 0 1.37 1 1 0 0 1-1.38-1.37 1 1 0 0 1 1.38 0m6 50a1 1 0 0 1 0 1.37 1 1 0 0 1-1.38-1.37 1 1 0 0 1 1.38 0" / > < path d = "M21.66 53.28a1 1 0 0 1 0 1.37 1 1 0 1 1-1.38-1.37 1 1 0 0 1 1.38 0m148.08-19.57l-3.77 1.25 3.77 1.25 1.26 3.75 1.26-3.75 3.77-1.25-3.77-1.25-1.26-3.75-1.26 3.75z" fill = "#d6d6d6" / > < /svg>);