eye-search icon

Eye search: eye search. Drawn on the 16 px grid. Free SVG, PNG and code, MIT licensed.

Code line-round

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" fill="currentColor" aria-hidden="true"><path d="M1.071 5.257C1.023 5.177 0.999 5.092 0.999 5C0.999 4.908 1.023 4.823 1.071 4.743C1.941 3.293 2.878 2.184 3.884 1.415C5.118 0.472 6.49 0 8 0C9.51 0 10.882 0.472 12.116 1.415C13.122 2.184 14.059 3.293 14.929 4.743C14.977 4.823 15.001 4.908 15.001 5C15.001 5.092 14.977 5.177 14.929 5.257C14.578 5.842 14.219 6.369 13.852 6.836C13.765 6.947 13.654 7.011 13.519 7.027C13.384 7.043 13.261 7.008 13.15 6.921C13.039 6.834 12.976 6.723 12.959 6.588C12.943 6.453 12.978 6.33 13.065 6.219C13.352 5.853 13.635 5.447 13.914 5C13.156 3.786 12.354 2.856 11.509 2.21C10.454 1.403 9.285 1 8 1C6.715 1 5.546 1.403 4.491 2.21C3.646 2.856 2.844 3.786 2.086 5C2.61 5.84 3.152 6.541 3.712 7.103C4.409 7.803 5.151 8.308 5.939 8.618C6.071 8.67 6.163 8.758 6.218 8.883C6.272 9.007 6.273 9.135 6.222 9.266C6.171 9.395 6.082 9.487 5.956 9.542C5.829 9.597 5.702 9.599 5.573 9.549C4.655 9.187 3.799 8.607 3.004 7.809C2.33 7.132 1.686 6.282 1.071 5.257ZM5.428 6.544C5.143 6.069 5 5.554 5 5C5 4.619 5.07 4.25 5.211 3.896C5.363 3.511 5.586 3.172 5.879 2.879C6.172 2.586 6.511 2.363 6.896 2.211C7.25 2.07 7.619 2 8 2C8.381 2 8.75 2.07 9.104 2.211C9.489 2.363 9.828 2.586 10.121 2.879C10.414 3.172 10.637 3.511 10.789 3.896C10.93 4.25 11 4.619 11 5C11 5.232 10.973 5.46 10.92 5.686C10.889 5.821 10.814 5.924 10.697 5.997C10.659 6.02 10.621 6.038 10.581 6.051C10.554 6.05 10.527 6.05 10.5 6.05C10.434 6.05 10.368 6.051 10.303 6.054C10.176 6.021 10.078 5.948 10.009 5.835C9.936 5.718 9.915 5.592 9.947 5.457C9.982 5.307 10 5.155 10 5C10 4.746 9.953 4.5 9.86 4.264C9.758 4.007 9.609 3.781 9.414 3.586C9.219 3.391 8.993 3.242 8.736 3.14C8.5 3.047 8.254 3 8 3C7.746 3 7.5 3.047 7.264 3.14C7.007 3.242 6.781 3.391 6.586 3.586C6.391 3.781 6.242 4.007 6.14 4.264C6.047 4.5 6 4.746 6 5C6 5.37 6.095 5.713 6.285 6.03C6.476 6.347 6.734 6.592 7.06 6.765C7.182 6.83 7.263 6.929 7.303 7.061C7.344 7.193 7.331 7.32 7.267 7.442C7.266 7.442 7.266 7.443 7.266 7.444C7.211 7.502 7.157 7.562 7.105 7.623C7.065 7.649 7.021 7.67 6.971 7.685C6.839 7.725 6.712 7.713 6.59 7.648C6.101 7.388 5.714 7.02 5.428 6.544ZM16.003 15.5C16.003 15.636 15.953 15.754 15.854 15.854C15.754 15.953 15.636 16.003 15.5 16.003C15.364 16.003 15.246 15.953 15.146 15.854L12.596 13.304C12.35 13.488 12.08 13.639 11.788 13.754C11.375 13.918 10.945 14 10.5 14C10.055 14 9.625 13.918 9.212 13.754C8.762 13.576 8.367 13.317 8.025 12.975C7.683 12.633 7.424 12.238 7.246 11.788C7.082 11.375 7 10.945 7 10.5C7 10.055 7.082 9.625 7.246 9.212C7.424 8.762 7.683 8.367 8.025 8.025C8.367 7.683 8.762 7.424 9.212 7.246C9.625 7.082 10.055 7 10.5 7C10.945 7 11.375 7.082 11.788 7.246C12.238 7.424 12.633 7.683 12.975 8.025C13.317 8.367 13.576 8.762 13.754 9.212C13.918 9.625 14 10.055 14 10.5C14 10.945 13.918 11.375 13.754 11.788C13.639 12.08 13.488 12.35 13.303 12.596L15.854 15.146C15.953 15.246 16.003 15.364 16.003 15.5ZM8.732 12.268C8.976 12.512 9.259 12.697 9.58 12.824C9.875 12.941 10.182 13 10.5 13C10.818 13 11.125 12.941 11.42 12.824C11.741 12.697 12.024 12.512 12.268 12.268C12.512 12.024 12.697 11.741 12.824 11.42C12.941 11.125 13 10.818 13 10.5C13 10.182 12.941 9.875 12.824 9.58C12.697 9.259 12.512 8.976 12.268 8.732C12.024 8.488 11.741 8.303 11.42 8.176C11.125 8.059 10.818 8 10.5 8C10.182 8 9.875 8.059 9.58 8.176C9.259 8.303 8.976 8.488 8.732 8.732C8.488 8.976 8.303 9.259 8.176 9.58C8.059 9.875 8 10.182 8 10.5C8 10.818 8.059 11.125 8.176 11.42C8.303 11.741 8.488 12.024 8.732 12.268Z"/></svg>

React

// Gentleface "eye-search" (line-round), MIT. https://gentleface.com/icons/eye-search
import type { SVGProps } from 'react';

export function EyeSearchIcon(props: SVGProps<SVGSVGElement>) {
  return (
    <svg xmlns="http://www.w3.org/2000/svg" width={16} height={16} viewBox="0 0 16 16" fill="currentColor" aria-hidden="true" {...props}>
      <path d="M1.071 5.257C1.023 5.177 0.999 5.092 0.999 5C0.999 4.908 1.023 4.823 1.071 4.743C1.941 3.293 2.878 2.184 3.884 1.415C5.118 0.472 6.49 0 8 0C9.51 0 10.882 0.472 12.116 1.415C13.122 2.184 14.059 3.293 14.929 4.743C14.977 4.823 15.001 4.908 15.001 5C15.001 5.092 14.977 5.177 14.929 5.257C14.578 5.842 14.219 6.369 13.852 6.836C13.765 6.947 13.654 7.011 13.519 7.027C13.384 7.043 13.261 7.008 13.15 6.921C13.039 6.834 12.976 6.723 12.959 6.588C12.943 6.453 12.978 6.33 13.065 6.219C13.352 5.853 13.635 5.447 13.914 5C13.156 3.786 12.354 2.856 11.509 2.21C10.454 1.403 9.285 1 8 1C6.715 1 5.546 1.403 4.491 2.21C3.646 2.856 2.844 3.786 2.086 5C2.61 5.84 3.152 6.541 3.712 7.103C4.409 7.803 5.151 8.308 5.939 8.618C6.071 8.67 6.163 8.758 6.218 8.883C6.272 9.007 6.273 9.135 6.222 9.266C6.171 9.395 6.082 9.487 5.956 9.542C5.829 9.597 5.702 9.599 5.573 9.549C4.655 9.187 3.799 8.607 3.004 7.809C2.33 7.132 1.686 6.282 1.071 5.257ZM5.428 6.544C5.143 6.069 5 5.554 5 5C5 4.619 5.07 4.25 5.211 3.896C5.363 3.511 5.586 3.172 5.879 2.879C6.172 2.586 6.511 2.363 6.896 2.211C7.25 2.07 7.619 2 8 2C8.381 2 8.75 2.07 9.104 2.211C9.489 2.363 9.828 2.586 10.121 2.879C10.414 3.172 10.637 3.511 10.789 3.896C10.93 4.25 11 4.619 11 5C11 5.232 10.973 5.46 10.92 5.686C10.889 5.821 10.814 5.924 10.697 5.997C10.659 6.02 10.621 6.038 10.581 6.051C10.554 6.05 10.527 6.05 10.5 6.05C10.434 6.05 10.368 6.051 10.303 6.054C10.176 6.021 10.078 5.948 10.009 5.835C9.936 5.718 9.915 5.592 9.947 5.457C9.982 5.307 10 5.155 10 5C10 4.746 9.953 4.5 9.86 4.264C9.758 4.007 9.609 3.781 9.414 3.586C9.219 3.391 8.993 3.242 8.736 3.14C8.5 3.047 8.254 3 8 3C7.746 3 7.5 3.047 7.264 3.14C7.007 3.242 6.781 3.391 6.586 3.586C6.391 3.781 6.242 4.007 6.14 4.264C6.047 4.5 6 4.746 6 5C6 5.37 6.095 5.713 6.285 6.03C6.476 6.347 6.734 6.592 7.06 6.765C7.182 6.83 7.263 6.929 7.303 7.061C7.344 7.193 7.331 7.32 7.267 7.442C7.266 7.442 7.266 7.443 7.266 7.444C7.211 7.502 7.157 7.562 7.105 7.623C7.065 7.649 7.021 7.67 6.971 7.685C6.839 7.725 6.712 7.713 6.59 7.648C6.101 7.388 5.714 7.02 5.428 6.544ZM16.003 15.5C16.003 15.636 15.953 15.754 15.854 15.854C15.754 15.953 15.636 16.003 15.5 16.003C15.364 16.003 15.246 15.953 15.146 15.854L12.596 13.304C12.35 13.488 12.08 13.639 11.788 13.754C11.375 13.918 10.945 14 10.5 14C10.055 14 9.625 13.918 9.212 13.754C8.762 13.576 8.367 13.317 8.025 12.975C7.683 12.633 7.424 12.238 7.246 11.788C7.082 11.375 7 10.945 7 10.5C7 10.055 7.082 9.625 7.246 9.212C7.424 8.762 7.683 8.367 8.025 8.025C8.367 7.683 8.762 7.424 9.212 7.246C9.625 7.082 10.055 7 10.5 7C10.945 7 11.375 7.082 11.788 7.246C12.238 7.424 12.633 7.683 12.975 8.025C13.317 8.367 13.576 8.762 13.754 9.212C13.918 9.625 14 10.055 14 10.5C14 10.945 13.918 11.375 13.754 11.788C13.639 12.08 13.488 12.35 13.303 12.596L15.854 15.146C15.953 15.246 16.003 15.364 16.003 15.5ZM8.732 12.268C8.976 12.512 9.259 12.697 9.58 12.824C9.875 12.941 10.182 13 10.5 13C10.818 13 11.125 12.941 11.42 12.824C11.741 12.697 12.024 12.512 12.268 12.268C12.512 12.024 12.697 11.741 12.824 11.42C12.941 11.125 13 10.818 13 10.5C13 10.182 12.941 9.875 12.824 9.58C12.697 9.259 12.512 8.976 12.268 8.732C12.024 8.488 11.741 8.303 11.42 8.176C11.125 8.059 10.818 8 10.5 8C10.182 8 9.875 8.059 9.58 8.176C9.259 8.303 8.976 8.488 8.732 8.732C8.488 8.976 8.303 9.259 8.176 9.58C8.059 9.875 8 10.182 8 10.5C8 10.818 8.059 11.125 8.176 11.42C8.303 11.741 8.488 12.024 8.732 12.268Z" />
    </svg>
  );
}

Vue

Vue: see /icons/eye-search.md

Svelte

Svelte: see /icons/eye-search.md

HTML img

HTML img: see /icons/eye-search.md

CSS

CSS: see /icons/eye-search.md

Data URL

Data URL: see /icons/eye-search.md

Sprite

Sprite: see /icons/eye-search.md

SwiftUI

SwiftUI: see /icons/eye-search.md

Compose

Compose: see /icons/eye-search.md

Android XML

Android XML: see /icons/eye-search.md

Flutter

Flutter: see /icons/eye-search.md

Each icon is drawn on the 16 px grid, and most also on the 20 and 24 px grids (at 24 in three weights: light 1 px, regular 1.5 px, bold 2 px). Show the drawing made for your size, or an exact multiple of it, on whole pixels: 16 for 16 and 32 px, 20 for 20 and 40, 24 for 24 and 48. A size in between or a fractional position blurs it. The code on each icon page is the 16 px drawing, an SVG with fill="currentColor"; the icon page's downloads follow its Grid switch, and npm has the 20 and 24 px drawings too. The snippets are decorative (aria-hidden). For an icon that carries meaning on its own, such as an icon-only button, label the button, or give the SVG role="img" and an aria-label. More in how to use.

Meaning

Use it for

eye search

Example

Find where an item is visible

Built from

eye + search

Tags

visibility, preview, watch, search

Category

Actions

Component name

EyeSearchIcon

History

2026-11-12 added

Family 18

eye eye-alert eye-arrow-down eye-arrow-up eye-check eye-clock eye-closed eye-coin eye-gear eye-link eye-lock eye-minus

More actions icons

actual-size arrow-down-1-9 arrow-down-9-1 arrow-down-a-z arrow-down-clock arrow-down-z-a arrow-up-clock ban bolt bolt-alert bolt-check bolt-clock bolt-gear bolt-off bolt-pencil bolt-play · all actions icons

For agents

Metadata: /icons/eye-search.json · Markdown: /icons/eye-search.md · SVG: https://gentleface.com/svg/{style}/16/eye-search.svg · PNG: https://gentleface.com/png/{style}/{16|32|48}/eye-search.png

eye-search icon Copy name

line-round

line-soft

line-sharp

solid-round

solid-soft

solid-sharp