import React , { CSSProperties } from 'react' ; export const CircleIcon = ( { style } ) => ( < svg className = "euiIcon euiIcon--medium mapFillableCircle" xmlns = "http://www.w3.org/2000/svg" width = "16" height = "16" style = { style } viewBox = "0 0 16 16" > < defs > < path id = "fillableCircle" d = { `M8,15 C11.8659932,15 15,11.8659932 15,8 C15,4.13400675 11.8659932,\
        1 8,1 C4.13400675,1 1,4.13400675 1,8 C1,11.8659932 4.13400675,15 8,\
        15 Z M8,16 C3.581722,16 0,12.418278 0,8 C0,3.581722 3.581722,0 8,\
        0 C12.418278,0 16,3.581722 16,8 C16,12.418278 12.418278,16 8,16 Z M8,\
        12 C10.209139,12 12,10.209139 12,8 C12,5.790861 10.209139,4 8,\
        4 C5.790861,4 4,5.790861 4,8 C4,10.209139 5.790861,12 8,12 Z M8,\
        11 C6.34314575,11 5,9.65685425 5,8 C5,6.34314575 6.34314575,5 8,\
        5 C9.65685425,5 11,6.34314575 11,8 C11,9.65685425 9.65685425,11 8,\
        11 Z M8,9 C8.55228475,9 9,8.55228475 9,8 C9,7.44771525 8.55228475,7 8,\
        7 C7.44771525,7 7,7.44771525 7,8 C7,8.55228475 7.44771525,9 8,9 Z` } /> < /defs> < g > < ellipse id = "path3353" cx = "8.0350437" cy = "7.9660664" rx = "7.3820276" ry = "7.3809776" transform = "matrix(0.99985753,0.01687955,0,1,0,0)" / > < /g> < /svg>);