eye-closed icon

Eye closed: hide, hidden. 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="M14.003 10.5C14.003 10.636 13.953 10.754 13.854 10.854C13.754 10.953 13.636 11.003 13.5 11.003C13.364 11.003 13.246 10.953 13.146 10.854L11.452 9.159C11.037 9.374 10.604 9.549 10.151 9.685C10.101 9.7 10.05 9.714 10 9.728L10 11.5C10 11.641 9.952 11.759 9.856 11.856C9.759 11.952 9.641 12 9.5 12C9.359 12 9.241 11.952 9.144 11.856C9.048 11.759 9 11.641 9 11.5L9 9.933C8.67 9.978 8.337 10 8 10C7.663 10 7.33 9.978 7 9.933L7 11.5C7 11.641 6.952 11.759 6.856 11.856C6.759 11.952 6.641 12 6.5 12C6.359 12 6.241 11.952 6.144 11.856C6.048 11.759 6 11.641 6 11.5L6 9.728C5.95 9.714 5.899 9.7 5.849 9.685C5.396 9.549 4.963 9.374 4.548 9.159L2.854 10.854C2.756 10.951 2.638 11 2.5 11C2.362 11 2.244 10.951 2.146 10.854C2.047 10.754 1.997 10.636 1.997 10.5C1.997 10.364 2.047 10.246 2.146 10.146L3.669 8.623C3.086 8.211 2.572 7.725 2.127 7.164C1.671 6.591 1.308 5.964 1.036 5.284C0.983 5.153 0.984 5.025 1.038 4.9C1.091 4.775 1.184 4.686 1.314 4.634C1.443 4.583 1.57 4.584 1.697 4.639C1.824 4.693 1.913 4.784 1.964 4.913C2.2 5.502 2.515 6.045 2.91 6.542C3.323 7.063 3.805 7.509 4.355 7.882C4.906 8.255 5.499 8.536 6.136 8.727C6.744 8.909 7.365 9 8 9C8.635 9 9.256 8.909 9.864 8.727C10.501 8.536 11.094 8.255 11.645 7.882C12.195 7.509 12.677 7.063 13.09 6.542C13.485 6.045 13.8 5.502 14.036 4.913C14.087 4.784 14.176 4.693 14.303 4.639C14.43 4.584 14.557 4.583 14.686 4.634C14.816 4.686 14.909 4.775 14.962 4.9C15.016 5.025 15.017 5.153 14.964 5.284C14.692 5.964 14.329 6.591 13.873 7.164C13.428 7.725 12.914 8.211 12.331 8.623L13.854 10.146C13.953 10.246 14.003 10.364 14.003 10.5Z"/></svg>

React

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

export function EyeClosedIcon(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="M14.003 10.5C14.003 10.636 13.953 10.754 13.854 10.854C13.754 10.953 13.636 11.003 13.5 11.003C13.364 11.003 13.246 10.953 13.146 10.854L11.452 9.159C11.037 9.374 10.604 9.549 10.151 9.685C10.101 9.7 10.05 9.714 10 9.728L10 11.5C10 11.641 9.952 11.759 9.856 11.856C9.759 11.952 9.641 12 9.5 12C9.359 12 9.241 11.952 9.144 11.856C9.048 11.759 9 11.641 9 11.5L9 9.933C8.67 9.978 8.337 10 8 10C7.663 10 7.33 9.978 7 9.933L7 11.5C7 11.641 6.952 11.759 6.856 11.856C6.759 11.952 6.641 12 6.5 12C6.359 12 6.241 11.952 6.144 11.856C6.048 11.759 6 11.641 6 11.5L6 9.728C5.95 9.714 5.899 9.7 5.849 9.685C5.396 9.549 4.963 9.374 4.548 9.159L2.854 10.854C2.756 10.951 2.638 11 2.5 11C2.362 11 2.244 10.951 2.146 10.854C2.047 10.754 1.997 10.636 1.997 10.5C1.997 10.364 2.047 10.246 2.146 10.146L3.669 8.623C3.086 8.211 2.572 7.725 2.127 7.164C1.671 6.591 1.308 5.964 1.036 5.284C0.983 5.153 0.984 5.025 1.038 4.9C1.091 4.775 1.184 4.686 1.314 4.634C1.443 4.583 1.57 4.584 1.697 4.639C1.824 4.693 1.913 4.784 1.964 4.913C2.2 5.502 2.515 6.045 2.91 6.542C3.323 7.063 3.805 7.509 4.355 7.882C4.906 8.255 5.499 8.536 6.136 8.727C6.744 8.909 7.365 9 8 9C8.635 9 9.256 8.909 9.864 8.727C10.501 8.536 11.094 8.255 11.645 7.882C12.195 7.509 12.677 7.063 13.09 6.542C13.485 6.045 13.8 5.502 14.036 4.913C14.087 4.784 14.176 4.693 14.303 4.639C14.43 4.584 14.557 4.583 14.686 4.634C14.816 4.686 14.909 4.775 14.962 4.9C15.016 5.025 15.017 5.153 14.964 5.284C14.692 5.964 14.329 6.591 13.873 7.164C13.428 7.725 12.914 8.211 12.331 8.623L13.854 10.146C13.953 10.246 14.003 10.364 14.003 10.5Z" />
    </svg>
  );
}

Vue

Vue: see /icons/eye-closed.md

Svelte

Svelte: see /icons/eye-closed.md

HTML img

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

CSS

CSS: see /icons/eye-closed.md

Data URL

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

Sprite

Sprite: see /icons/eye-closed.md

SwiftUI

SwiftUI: see /icons/eye-closed.md

Compose

Compose: see /icons/eye-closed.md

Android XML

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

Flutter

Flutter: see /icons/eye-closed.md

Each SVG is 16 × 16 with fill="currentColor". Keep it at 16 px or an exact multiple (32, 48) on whole pixels: a fractional size or position blurs it. 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

hide, hidden

Also fits

hide: closed-lid convention for hidden; use where the product draws hide as a closed eye

Built from

variant of eye-off

Tags

eye, closed, hide, hidden, invisible, private, password, sleep, blink, lashes

Category

Actions

Component name

EyeClosedIcon

History

2026-10-16 added

Family 6

eye-off eye eye-check eye-clock eye-sparkle eye-user

More actions icons

arrow-down-a-z ban bolt bolt-off check check-double clipboard clipboard-alert clipboard-check clipboard-clock clipboard-list clipboard-off clipboard-pencil clipboard-plus clipboard-search clipboard-user · all actions icons

For agents

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

eye-closed icon Copy name

line-round

line-soft

line-sharp

solid-round

solid-soft

solid-sharp