import React from 'react' ; function EyeIcon ( ) { return ( < svg xmlns = "http://www.w3.org/2000/svg" width = "21" height = "21" fill = "none" viewBox = "0 0 21 21" > < path fill = "#fff" d = "M20.86 10.108C18.95 7.783 14.91 5.07 10.5 5.07c-4.426 0-8.467 2.732-10.36 5.04a.618.618 0 000 .783c1.954 2.382 6.004 5.039 10.36 5.039 4.51 0 8.534-2.815 10.36-5.04a.618.618 0 000-.783zm-6.164.392a4.2 4.2 0 01-4.196 4.196A4.2 4.2 0 016.304 10.5 4.2 4.2 0 0110.5 6.305a4.2 4.2 0 014.196 4.195zm-13.244 0c.695-.722 2.371-2.282 4.724-3.282a5.417 5.417 0 000 6.564c-1.79-.759-3.451-1.957-4.724-3.282zm13.372 3.283a5.417 5.417 0 000-6.564c1.79.758 3.451 1.956 4.724 3.28-.695.723-2.371 2.283-4.724 3.284z" > < /path> < path fill = "#fff" d = "M8.4 10.5c0 1.158.941 2.1 2.1 2.1 1.157 0 2.1-.942 2.1-2.1 0-1.158-.943-2.1-2.1-2.1-1.159 0-2.1.942-2.1 2.1zm2.964 0a.866.866 0 01-1.73 0 .866.866 0 011.73 0zM10.5 2.676a.618.618 0 00.618-.617V.618a.618.618 0 10-1.235 0v1.44c0 .342.276.618.617.618zM14.185 3.503a.618.618 0 00.842-.23l.822-1.442a.618.618 0 10-1.073-.612l-.822 1.441a.618.618 0 00.23.843zM5.973 3.272a.618.618 0 001.073-.612L6.224 1.22a.618.618 0 00-1.073.612l.822 1.441zM10.5 18.323a.618.618 0 00-.617.618v1.441a.618.618 0 001.235 0v-1.44a.618.618 0 00-.617-.619zM6.815 17.497a.618.618 0 00-.842.23L5.15 19.17a.618.618 0 001.073.612l.822-1.441a.618.618 0 00-.231-.843zM15.027 17.728a.618.618 0 00-1.073.611l.822 1.442a.618.618 0 101.073-.612l-.822-1.441z" > < /path> < /svg>); } export default EyeIcon ;