eye closed icon
eye-closed-outline from Teenyicons by smhmd · Outline · MIT Free for personal and commercial use.
- Name
- eye-closed-outline
- Set
- Teenyicons
- Style
- Outline
- Viewbox
- 15×15
- License
- MIT
1 other variant in Teenyicons
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 15 15"><path fill="currentColor" d="M7.5 9C5.186 9 3.561 7.848 2.497 6.666a9.4 9.4 0 0 1-1.449-2.164l-.08-.18l-.004-.007v-.001L.5 4.5l-.464.186v.002l.003.004l.026.063l.078.173a10.4 10.4 0 0 0 1.61 2.406C2.94 8.652 4.814 10 7.5 10zm7-4.5l-.464-.186l-.003.008l-.015.035l-.066.145a9.4 9.4 0 0 1-1.449 2.164C11.44 7.848 9.814 9 7.5 9v1c2.686 0 4.561-1.348 5.747-2.666a10.4 10.4 0 0 0 1.61-2.406a6 6 0 0 0 .104-.236l.002-.004v-.001h.001zM8 12V9.5H7V12zm-6.646-1.646l2-2l-.708-.708l-2 2zm10.292-2l2 2l.708-.708l-2-2z"/></svg>
React
import type { SVGProps } from "react";
export function TeenyiconsEyeClosedOutline(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 15 15"><path fill="currentColor" d="M7.5 9C5.186 9 3.561 7.848 2.497 6.666a9.4 9.4 0 0 1-1.449-2.164l-.08-.18l-.004-.007v-.001L.5 4.5l-.464.186v.002l.003.004l.026.063l.078.173a10.4 10.4 0 0 0 1.61 2.406C2.94 8.652 4.814 10 7.5 10zm7-4.5l-.464-.186l-.003.008l-.015.035l-.066.145a9.4 9.4 0 0 1-1.449 2.164C11.44 7.848 9.814 9 7.5 9v1c2.686 0 4.561-1.348 5.747-2.666a10.4 10.4 0 0 0 1.61-2.406a6 6 0 0 0 .104-.236l.002-.004v-.001h.001zM8 12V9.5H7V12zm-6.646-1.646l2-2l-.708-.708l-2 2zm10.292-2l2 2l.708-.708l-2-2z"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 15 15"><path fill="currentColor" d="M7.5 9C5.186 9 3.561 7.848 2.497 6.666a9.4 9.4 0 0 1-1.449-2.164l-.08-.18l-.004-.007v-.001L.5 4.5l-.464.186v.002l.003.004l.026.063l.078.173a10.4 10.4 0 0 0 1.61 2.406C2.94 8.652 4.814 10 7.5 10zm7-4.5l-.464-.186l-.003.008l-.015.035l-.066.145a9.4 9.4 0 0 1-1.449 2.164C11.44 7.848 9.814 9 7.5 9v1c2.686 0 4.561-1.348 5.747-2.666a10.4 10.4 0 0 0 1.61-2.406a6 6 0 0 0 .104-.236l.002-.004v-.001h.001zM8 12V9.5H7V12zm-6.646-1.646l2-2l-.708-.708l-2 2zm10.292-2l2 2l.708-.708l-2-2z"/></svg> </template>
CSS
.icon-eye-closed-outline {
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%2015%2015%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M7.5%209C5.186%209%203.561%207.848%202.497%206.666a9.4%209.4%200%200%201-1.449-2.164l-.08-.18l-.004-.007v-.001L.5%204.5l-.464.186v.002l.003.004l.026.063l.078.173a10.4%2010.4%200%200%200%201.61%202.406C2.94%208.652%204.814%2010%207.5%2010zm7-4.5l-.464-.186l-.003.008l-.015.035l-.066.145a9.4%209.4%200%200%201-1.449%202.164C11.44%207.848%209.814%209%207.5%209v1c2.686%200%204.561-1.348%205.747-2.666a10.4%2010.4%200%200%200%201.61-2.406a6%206%200%200%200%20.104-.236l.002-.004v-.001h.001zM8%2012V9.5H7V12zm-6.646-1.646l2-2l-.708-.708l-2%202zm10.292-2l2%202l.708-.708l-2-2z%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%2015%2015%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M7.5%209C5.186%209%203.561%207.848%202.497%206.666a9.4%209.4%200%200%201-1.449-2.164l-.08-.18l-.004-.007v-.001L.5%204.5l-.464.186v.002l.003.004l.026.063l.078.173a10.4%2010.4%200%200%200%201.61%202.406C2.94%208.652%204.814%2010%207.5%2010zm7-4.5l-.464-.186l-.003.008l-.015.035l-.066.145a9.4%209.4%200%200%201-1.449%202.164C11.44%207.848%209.814%209%207.5%209v1c2.686%200%204.561-1.348%205.747-2.666a10.4%2010.4%200%200%200%201.61-2.406a6%206%200%200%200%20.104-.236l.002-.004v-.001h.001zM8%2012V9.5H7V12zm-6.646-1.646l2-2l-.708-.708l-2%202zm10.292-2l2%202l.708-.708l-2-2z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/teenyicons/eye-closed-outline.svg?color=%231a73e8&size=48
