eye slash icon
eye-slash from Reicon by REICON · Outline · Newicons · MIT Free for personal and commercial use.
- Name
- eye-slash
- Set
- Reicon
- Style
- Outline
- Category
- Newicons
- Viewbox
- 24×24
- License
- MIT
1 other variant in Reicon
The same icon in other sets
All eye slash icons →More newicons icons from Reicon
Use the eye slash icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><g fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"><path d="m14.53 9.47l-5.06 5.06a3.576 3.576 0 1 1 5.06-5.06"/><path d="M17.82 5.77C16.07 4.45 14.07 3.73 12 3.73c-3.53 0-6.82 2.08-9.11 5.68c-.9 1.41-.9 3.78 0 5.19c.79 1.24 1.71 2.31 2.71 3.17m2.82 1.76c1.14.48 2.35.74 3.58.74c3.53 0 6.82-2.08 9.11-5.68c.9-1.41.9-3.78 0-5.19c-.33-.52-.69-1.01-1.06-1.47"/><path d="M15.51 12.7a3.565 3.565 0 0 1-2.82 2.82m-3.22-.99L2 22M22 2l-7.47 7.47"/></g></svg>
React
import type { SVGProps } from "react";
export function ReiconEyeSlash(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><g fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="1.5"><path d="m14.53 9.47l-5.06 5.06a3.576 3.576 0 1 1 5.06-5.06"/><path d="M17.82 5.77C16.07 4.45 14.07 3.73 12 3.73c-3.53 0-6.82 2.08-9.11 5.68c-.9 1.41-.9 3.78 0 5.19c.79 1.24 1.71 2.31 2.71 3.17m2.82 1.76c1.14.48 2.35.74 3.58.74c3.53 0 6.82-2.08 9.11-5.68c.9-1.41.9-3.78 0-5.19c-.33-.52-.69-1.01-1.06-1.47"/><path d="M15.51 12.7a3.565 3.565 0 0 1-2.82 2.82m-3.22-.99L2 22M22 2l-7.47 7.47"/></g></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><g fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"><path d="m14.53 9.47l-5.06 5.06a3.576 3.576 0 1 1 5.06-5.06"/><path d="M17.82 5.77C16.07 4.45 14.07 3.73 12 3.73c-3.53 0-6.82 2.08-9.11 5.68c-.9 1.41-.9 3.78 0 5.19c.79 1.24 1.71 2.31 2.71 3.17m2.82 1.76c1.14.48 2.35.74 3.58.74c3.53 0 6.82-2.08 9.11-5.68c.9-1.41.9-3.78 0-5.19c-.33-.52-.69-1.01-1.06-1.47"/><path d="M15.51 12.7a3.565 3.565 0 0 1-2.82 2.82m-3.22-.99L2 22M22 2l-7.47 7.47"/></g></svg> </template>
CSS
.icon-eye-slash {
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%2024%2024%22%3E%3Cg%20fill%3D%22none%22%20stroke%3D%22currentColor%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%221.5%22%3E%3Cpath%20d%3D%22m14.53%209.47l-5.06%205.06a3.576%203.576%200%201%201%205.06-5.06%22%2F%3E%3Cpath%20d%3D%22M17.82%205.77C16.07%204.45%2014.07%203.73%2012%203.73c-3.53%200-6.82%202.08-9.11%205.68c-.9%201.41-.9%203.78%200%205.19c.79%201.24%201.71%202.31%202.71%203.17m2.82%201.76c1.14.48%202.35.74%203.58.74c3.53%200%206.82-2.08%209.11-5.68c.9-1.41.9-3.78%200-5.19c-.33-.52-.69-1.01-1.06-1.47%22%2F%3E%3Cpath%20d%3D%22M15.51%2012.7a3.565%203.565%200%200%201-2.82%202.82m-3.22-.99L2%2022M22%202l-7.47%207.47%22%2F%3E%3C%2Fg%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%2024%2024%22%3E%3Cg%20fill%3D%22none%22%20stroke%3D%22currentColor%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%221.5%22%3E%3Cpath%20d%3D%22m14.53%209.47l-5.06%205.06a3.576%203.576%200%201%201%205.06-5.06%22%2F%3E%3Cpath%20d%3D%22M17.82%205.77C16.07%204.45%2014.07%203.73%2012%203.73c-3.53%200-6.82%202.08-9.11%205.68c-.9%201.41-.9%203.78%200%205.19c.79%201.24%201.71%202.31%202.71%203.17m2.82%201.76c1.14.48%202.35.74%203.58.74c3.53%200%206.82-2.08%209.11-5.68c.9-1.41.9-3.78%200-5.19c-.33-.52-.69-1.01-1.06-1.47%22%2F%3E%3Cpath%20d%3D%22M15.51%2012.7a3.565%203.565%200%200%201-2.82%202.82m-3.22-.99L2%2022M22%202l-7.47%207.47%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/reicon/eye-slash.svg?color=%231a73e8&size=48
