Eye Outline

By Stephen Hutchings in Typicons

SVG

React

Vue

Base64

Copy
<svg xmlns="http://www.w3.org/2000/svg" width="200" height="200" viewBox="0 0 24 24">
  <path fill="currentColor" d="M12 9c1.211 0 2.381.355 3.297 1.004c1.301.92 2.43 2.124 3.165 2.996c-.735.872-1.864 2.077-3.166 2.996C14.381 16.645 13.211 17 12 17s-2.382-.355-3.299-1.004C7.4 15.076 6.271 13.872 5.537 13c.734-.872 1.863-2.076 3.164-2.995C9.618 9.355 10.789 9 12 9m0-2c-1.691 0-3.242.516-4.453 1.371C4.928 10.223 3 13 3 13s1.928 2.777 4.547 4.629C8.758 18.484 10.309 19 12 19s3.242-.516 4.451-1.371C19.07 15.777 21 13 21 13s-1.93-2.777-4.549-4.629C15.242 7.516 13.691 7 12 7zm0 5a1 1 0 1 0-.002 1.998A1 1 0 0 0 12 12zm0 4c-1.654 0-3-1.346-3-3s1.346-3 3-3s3 1.346 3 3s-1.346 3-3 3zm0-5a2 2 0 1 0 .001 4.001A2 2 0 0 0 12 11z"/>
</svg>


Eye Outline Icons examples

See what this icon looks like in some mockup designs
Eye OutlineHome

Related icons in Typicons

copy save
adjust-brightness
copy save
adjust-contrast
copy save
anchor
copy save
anchor-outline
copy save
archive
copy save
arrow-back
copy save
arrow-back-outline
copy save
arrow-down
copy save
arrow-down-outline
copy save
arrow-down-thick
copy save
arrow-forward
copy save
arrow-forward-outline
copy save
arrow-left
copy save
arrow-left-outline
copy save
arrow-left-thick
copy save
arrow-loop
copy save
arrow-loop-outline
copy save
arrow-maximise
copy save
arrow-maximise-outline
copy save
arrow-minimise