eye closed icon
eye-closed-16 from Octicons by GitHub · 16 · MIT Free for personal and commercial use.
- Name
- eye-closed-16
- Set
- Octicons
- Style
- 16
- Viewbox
- 16×16
- License
- MIT
2 other variants in Octicons
The same icon in other sets
Use the eye closed icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 16 16"><path fill="currentColor" d="M.143 2.31a.75.75 0 0 1 1.047-.167l14.5 10.5a.75.75 0 1 1-.88 1.214l-2.248-1.628C11.346 13.19 9.792 14 8 14c-1.981 0-3.67-.992-4.933-2.078C1.797 10.832.88 9.577.43 8.9a1.62 1.62 0 0 1 0-1.797c.353-.533.995-1.42 1.868-2.305L.31 3.357A.75.75 0 0 1 .143 2.31m1.536 5.622A.12.12 0 0 0 1.657 8q-.001.033.022.068c.412.621 1.242 1.75 2.366 2.717C5.175 11.758 6.527 12.5 8 12.5c1.195 0 2.31-.488 3.29-1.191L9.063 9.695A2 2 0 0 1 6.058 7.52L3.529 5.688a14.2 14.2 0 0 0-1.85 2.244M8 3.5c-.516 0-1.017.09-1.499.251a.75.75 0 1 1-.473-1.423A6.2 6.2 0 0 1 8 2c1.981 0 3.67.992 4.933 2.078c1.27 1.091 2.187 2.345 2.637 3.023a1.62 1.62 0 0 1 0 1.798c-.11.166-.248.365-.41.587a.75.75 0 1 1-1.21-.887c.148-.201.272-.382.371-.53a.12.12 0 0 0 0-.137c-.412-.621-1.242-1.75-2.366-2.717C10.825 4.242 9.473 3.5 8 3.5"/></svg>
React
import type { SVGProps } from "react";
export function OcticonEyeClosed16(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 16 16"><path fill="currentColor" d="M.143 2.31a.75.75 0 0 1 1.047-.167l14.5 10.5a.75.75 0 1 1-.88 1.214l-2.248-1.628C11.346 13.19 9.792 14 8 14c-1.981 0-3.67-.992-4.933-2.078C1.797 10.832.88 9.577.43 8.9a1.62 1.62 0 0 1 0-1.797c.353-.533.995-1.42 1.868-2.305L.31 3.357A.75.75 0 0 1 .143 2.31m1.536 5.622A.12.12 0 0 0 1.657 8q-.001.033.022.068c.412.621 1.242 1.75 2.366 2.717C5.175 11.758 6.527 12.5 8 12.5c1.195 0 2.31-.488 3.29-1.191L9.063 9.695A2 2 0 0 1 6.058 7.52L3.529 5.688a14.2 14.2 0 0 0-1.85 2.244M8 3.5c-.516 0-1.017.09-1.499.251a.75.75 0 1 1-.473-1.423A6.2 6.2 0 0 1 8 2c1.981 0 3.67.992 4.933 2.078c1.27 1.091 2.187 2.345 2.637 3.023a1.62 1.62 0 0 1 0 1.798c-.11.166-.248.365-.41.587a.75.75 0 1 1-1.21-.887c.148-.201.272-.382.371-.53a.12.12 0 0 0 0-.137c-.412-.621-1.242-1.75-2.366-2.717C10.825 4.242 9.473 3.5 8 3.5"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 16 16"><path fill="currentColor" d="M.143 2.31a.75.75 0 0 1 1.047-.167l14.5 10.5a.75.75 0 1 1-.88 1.214l-2.248-1.628C11.346 13.19 9.792 14 8 14c-1.981 0-3.67-.992-4.933-2.078C1.797 10.832.88 9.577.43 8.9a1.62 1.62 0 0 1 0-1.797c.353-.533.995-1.42 1.868-2.305L.31 3.357A.75.75 0 0 1 .143 2.31m1.536 5.622A.12.12 0 0 0 1.657 8q-.001.033.022.068c.412.621 1.242 1.75 2.366 2.717C5.175 11.758 6.527 12.5 8 12.5c1.195 0 2.31-.488 3.29-1.191L9.063 9.695A2 2 0 0 1 6.058 7.52L3.529 5.688a14.2 14.2 0 0 0-1.85 2.244M8 3.5c-.516 0-1.017.09-1.499.251a.75.75 0 1 1-.473-1.423A6.2 6.2 0 0 1 8 2c1.981 0 3.67.992 4.933 2.078c1.27 1.091 2.187 2.345 2.637 3.023a1.62 1.62 0 0 1 0 1.798c-.11.166-.248.365-.41.587a.75.75 0 1 1-1.21-.887c.148-.201.272-.382.371-.53a.12.12 0 0 0 0-.137c-.412-.621-1.242-1.75-2.366-2.717C10.825 4.242 9.473 3.5 8 3.5"/></svg> </template>
CSS
.icon-eye-closed-16 {
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%2016%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M.143%202.31a.75.75%200%200%201%201.047-.167l14.5%2010.5a.75.75%200%201%201-.88%201.214l-2.248-1.628C11.346%2013.19%209.792%2014%208%2014c-1.981%200-3.67-.992-4.933-2.078C1.797%2010.832.88%209.577.43%208.9a1.62%201.62%200%200%201%200-1.797c.353-.533.995-1.42%201.868-2.305L.31%203.357A.75.75%200%200%201%20.143%202.31m1.536%205.622A.12.12%200%200%200%201.657%208q-.001.033.022.068c.412.621%201.242%201.75%202.366%202.717C5.175%2011.758%206.527%2012.5%208%2012.5c1.195%200%202.31-.488%203.29-1.191L9.063%209.695A2%202%200%200%201%206.058%207.52L3.529%205.688a14.2%2014.2%200%200%200-1.85%202.244M8%203.5c-.516%200-1.017.09-1.499.251a.75.75%200%201%201-.473-1.423A6.2%206.2%200%200%201%208%202c1.981%200%203.67.992%204.933%202.078c1.27%201.091%202.187%202.345%202.637%203.023a1.62%201.62%200%200%201%200%201.798c-.11.166-.248.365-.41.587a.75.75%200%201%201-1.21-.887c.148-.201.272-.382.371-.53a.12.12%200%200%200%200-.137c-.412-.621-1.242-1.75-2.366-2.717C10.825%204.242%209.473%203.5%208%203.5%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%2016%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M.143%202.31a.75.75%200%200%201%201.047-.167l14.5%2010.5a.75.75%200%201%201-.88%201.214l-2.248-1.628C11.346%2013.19%209.792%2014%208%2014c-1.981%200-3.67-.992-4.933-2.078C1.797%2010.832.88%209.577.43%208.9a1.62%201.62%200%200%201%200-1.797c.353-.533.995-1.42%201.868-2.305L.31%203.357A.75.75%200%200%201%20.143%202.31m1.536%205.622A.12.12%200%200%200%201.657%208q-.001.033.022.068c.412.621%201.242%201.75%202.366%202.717C5.175%2011.758%206.527%2012.5%208%2012.5c1.195%200%202.31-.488%203.29-1.191L9.063%209.695A2%202%200%200%201%206.058%207.52L3.529%205.688a14.2%2014.2%200%200%200-1.85%202.244M8%203.5c-.516%200-1.017.09-1.499.251a.75.75%200%201%201-.473-1.423A6.2%206.2%200%200%201%208%202c1.981%200%203.67.992%204.933%202.078c1.27%201.091%202.187%202.345%202.637%203.023a1.62%201.62%200%200%201%200%201.798c-.11.166-.248.365-.41.587a.75.75%200%201%201-1.21-.887c.148-.201.272-.382.371-.53a.12.12%200%200%200%200-.137c-.412-.621-1.242-1.75-2.366-2.717C10.825%204.242%209.473%203.5%208%203.5%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/octicon/eye-closed-16.svg?color=%231a73e8&size=48
