eye closed icon

eye-closed from Octicons by GitHub · Regular · MIT Free for personal and commercial use.

Name: eye-closed
Set: Octicons
Style: Regular
Viewbox: 16×14
License: MIT

2 other variants in Octicons

The same icon in other sets

eye-closedAkar Icons eye-closedCodicons eye-closedHuge Icons eye-closedIconoir eye-closedLucide eye-closedMage Icons eye-closedMaterial Design Icons eye-closedPhosphor eye-closedPixelarticons eye-closedRadix Icons eye-closed-boldSolar eye-closedTabler Icons eye-closed-outlineTeenyicons

Use the eye closed icon

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 16 14"><path fill-rule="evenodd" d="M14.822.854a.5.5 0 1 0-.707-.708l-2.11 2.11C10.89 1.483 9.565.926 8.06.926c-5.06 0-8.06 6-8.06 6s1.162 2.323 3.258 4.078l-2.064 2.065a.5.5 0 1 0 .707.707L14.822.854zM4.86 9.403L6.292 7.97A1.999 1.999 0 0 1 6 6.925c0-1.11.89-2 2-2c.384 0 .741.106 1.045.292l1.433-1.433A3.98 3.98 0 0 0 8 2.925c-2.2 0-4 1.8-4 4c0 .938.321 1.798.859 2.478zm7.005-3.514l1.993-1.992A14.873 14.873 0 0 1 16 6.925s-3 6-7.94 6a6.609 6.609 0 0 1-2.661-.57l1.565-1.566c.33.089.678.136 1.036.136c2.22 0 4-1.78 4-4c0-.358-.047-.705-.136-1.036zM9.338 8.415l.152-.151a1.996 1.996 0 0 1-.152.151z" fill="currentColor"/></svg>

React

import type { SVGProps } from "react";

export function OcticonEyeClosed(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 16 14"><path fillRule="evenodd" d="M14.822.854a.5.5 0 1 0-.707-.708l-2.11 2.11C10.89 1.483 9.565.926 8.06.926c-5.06 0-8.06 6-8.06 6s1.162 2.323 3.258 4.078l-2.064 2.065a.5.5 0 1 0 .707.707L14.822.854zM4.86 9.403L6.292 7.97A1.999 1.999 0 0 1 6 6.925c0-1.11.89-2 2-2c.384 0 .741.106 1.045.292l1.433-1.433A3.98 3.98 0 0 0 8 2.925c-2.2 0-4 1.8-4 4c0 .938.321 1.798.859 2.478zm7.005-3.514l1.993-1.992A14.873 14.873 0 0 1 16 6.925s-3 6-7.94 6a6.609 6.609 0 0 1-2.661-.57l1.565-1.566c.33.089.678.136 1.036.136c2.22 0 4-1.78 4-4c0-.358-.047-.705-.136-1.036zM9.338 8.415l.152-.151a1.996 1.996 0 0 1-.152.151z" fill="currentColor"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 16 14"><path fill-rule="evenodd" d="M14.822.854a.5.5 0 1 0-.707-.708l-2.11 2.11C10.89 1.483 9.565.926 8.06.926c-5.06 0-8.06 6-8.06 6s1.162 2.323 3.258 4.078l-2.064 2.065a.5.5 0 1 0 .707.707L14.822.854zM4.86 9.403L6.292 7.97A1.999 1.999 0 0 1 6 6.925c0-1.11.89-2 2-2c.384 0 .741.106 1.045.292l1.433-1.433A3.98 3.98 0 0 0 8 2.925c-2.2 0-4 1.8-4 4c0 .938.321 1.798.859 2.478zm7.005-3.514l1.993-1.992A14.873 14.873 0 0 1 16 6.925s-3 6-7.94 6a6.609 6.609 0 0 1-2.661-.57l1.565-1.566c.33.089.678.136 1.036.136c2.22 0 4-1.78 4-4c0-.358-.047-.705-.136-1.036zM9.338 8.415l.152-.151a1.996 1.996 0 0 1-.152.151z" fill="currentColor"/></svg>
</template>

CSS

.icon-eye-closed {
  width: 24px;
  height: 24px;
  background-color: currentColor;
  -webkit-mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%221em%22%20height%3D%221em%22%20viewBox%3D%220%200%2016%2014%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20d%3D%22M14.822.854a.5.5%200%201%200-.707-.708l-2.11%202.11C10.89%201.483%209.565.926%208.06.926c-5.06%200-8.06%206-8.06%206s1.162%202.323%203.258%204.078l-2.064%202.065a.5.5%200%201%200%20.707.707L14.822.854zM4.86%209.403L6.292%207.97A1.999%201.999%200%200%201%206%206.925c0-1.11.89-2%202-2c.384%200%20.741.106%201.045.292l1.433-1.433A3.98%203.98%200%200%200%208%202.925c-2.2%200-4%201.8-4%204c0%20.938.321%201.798.859%202.478zm7.005-3.514l1.993-1.992A14.873%2014.873%200%200%201%2016%206.925s-3%206-7.94%206a6.609%206.609%200%200%201-2.661-.57l1.565-1.566c.33.089.678.136%201.036.136c2.22%200%204-1.78%204-4c0-.358-.047-.705-.136-1.036zM9.338%208.415l.152-.151a1.996%201.996%200%200%201-.152.151z%22%20fill%3D%22currentColor%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
  mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%221em%22%20height%3D%221em%22%20viewBox%3D%220%200%2016%2014%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20d%3D%22M14.822.854a.5.5%200%201%200-.707-.708l-2.11%202.11C10.89%201.483%209.565.926%208.06.926c-5.06%200-8.06%206-8.06%206s1.162%202.323%203.258%204.078l-2.064%202.065a.5.5%200%201%200%20.707.707L14.822.854zM4.86%209.403L6.292%207.97A1.999%201.999%200%200%201%206%206.925c0-1.11.89-2%202-2c.384%200%20.741.106%201.045.292l1.433-1.433A3.98%203.98%200%200%200%208%202.925c-2.2%200-4%201.8-4%204c0%20.938.321%201.798.859%202.478zm7.005-3.514l1.993-1.992A14.873%2014.873%200%200%201%2016%206.925s-3%206-7.94%206a6.609%206.609%200%200%201-2.661-.57l1.565-1.566c.33.089.678.136%201.036.136c2.22%200%204-1.78%204-4c0-.358-.047-.705-.136-1.036zM9.338%208.415l.152-.151a1.996%201.996%200%200%201-.152.151z%22%20fill%3D%22currentColor%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/octicon/eye-closed.svg?color=%231a73e8&size=48