eye slash icon
eye-slash-fill from Framework7 Icons by Vladimir Kharlampidi · Fill · MIT Free for personal and commercial use.
- Name
- eye-slash-fill
- Set
- Framework7 Icons
- Style
- Fill
- Viewbox
- 56×56
- License
- MIT
1 other variant in Framework7 Icons
The same icon in other sets
Use the eye slash icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 56 56"><path fill="currentColor" d="M43.95 47.323c.304.305.732.468 1.119.468c.814 0 1.567-.733 1.567-1.568c0-.407-.163-.814-.468-1.12L12.112 11.069a1.57 1.57 0 0 0-1.12-.448c-.814 0-1.567.733-1.567 1.547c0 .428.143.835.448 1.12Zm1.913-5.761C52.255 37.43 56 32.056 56 29.674c0-4.132-11.297-17.303-27.99-17.303c-3.46 0-6.697.59-9.669 1.567l5.313 5.293a11 11 0 0 1 4.356-.896c6.31 0 11.38 4.988 11.38 11.339c0 1.547-.326 3.033-.958 4.336ZM28.01 46.977c3.766 0 7.267-.672 10.402-1.771l-5.394-5.395a10.8 10.8 0 0 1-5.008 1.201c-6.35 0-11.379-5.15-11.4-11.338c0-1.832.428-3.562 1.202-5.09l-7.084-7.124C4.01 21.592 0 27.231 0 29.674c0 4.112 11.501 17.303 28.01 17.303m6.473-17.73a6.446 6.446 0 0 0-6.473-6.454c-.264 0-.53.02-.773.041l7.206 7.206c.02-.244.04-.529.04-.794m-12.966-.041c0 3.582 2.951 6.473 6.514 6.473c.285 0 .55-.02.834-.04l-7.308-7.309c-.02.285-.04.59-.04.876"/></svg>
React
import type { SVGProps } from "react";
export function F7EyeSlashFill(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 56 56"><path fill="currentColor" d="M43.95 47.323c.304.305.732.468 1.119.468c.814 0 1.567-.733 1.567-1.568c0-.407-.163-.814-.468-1.12L12.112 11.069a1.57 1.57 0 0 0-1.12-.448c-.814 0-1.567.733-1.567 1.547c0 .428.143.835.448 1.12Zm1.913-5.761C52.255 37.43 56 32.056 56 29.674c0-4.132-11.297-17.303-27.99-17.303c-3.46 0-6.697.59-9.669 1.567l5.313 5.293a11 11 0 0 1 4.356-.896c6.31 0 11.38 4.988 11.38 11.339c0 1.547-.326 3.033-.958 4.336ZM28.01 46.977c3.766 0 7.267-.672 10.402-1.771l-5.394-5.395a10.8 10.8 0 0 1-5.008 1.201c-6.35 0-11.379-5.15-11.4-11.338c0-1.832.428-3.562 1.202-5.09l-7.084-7.124C4.01 21.592 0 27.231 0 29.674c0 4.112 11.501 17.303 28.01 17.303m6.473-17.73a6.446 6.446 0 0 0-6.473-6.454c-.264 0-.53.02-.773.041l7.206 7.206c.02-.244.04-.529.04-.794m-12.966-.041c0 3.582 2.951 6.473 6.514 6.473c.285 0 .55-.02.834-.04l-7.308-7.309c-.02.285-.04.59-.04.876"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 56 56"><path fill="currentColor" d="M43.95 47.323c.304.305.732.468 1.119.468c.814 0 1.567-.733 1.567-1.568c0-.407-.163-.814-.468-1.12L12.112 11.069a1.57 1.57 0 0 0-1.12-.448c-.814 0-1.567.733-1.567 1.547c0 .428.143.835.448 1.12Zm1.913-5.761C52.255 37.43 56 32.056 56 29.674c0-4.132-11.297-17.303-27.99-17.303c-3.46 0-6.697.59-9.669 1.567l5.313 5.293a11 11 0 0 1 4.356-.896c6.31 0 11.38 4.988 11.38 11.339c0 1.547-.326 3.033-.958 4.336ZM28.01 46.977c3.766 0 7.267-.672 10.402-1.771l-5.394-5.395a10.8 10.8 0 0 1-5.008 1.201c-6.35 0-11.379-5.15-11.4-11.338c0-1.832.428-3.562 1.202-5.09l-7.084-7.124C4.01 21.592 0 27.231 0 29.674c0 4.112 11.501 17.303 28.01 17.303m6.473-17.73a6.446 6.446 0 0 0-6.473-6.454c-.264 0-.53.02-.773.041l7.206 7.206c.02-.244.04-.529.04-.794m-12.966-.041c0 3.582 2.951 6.473 6.514 6.473c.285 0 .55-.02.834-.04l-7.308-7.309c-.02.285-.04.59-.04.876"/></svg> </template>
CSS
.icon-eye-slash-fill {
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%2056%2056%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M43.95%2047.323c.304.305.732.468%201.119.468c.814%200%201.567-.733%201.567-1.568c0-.407-.163-.814-.468-1.12L12.112%2011.069a1.57%201.57%200%200%200-1.12-.448c-.814%200-1.567.733-1.567%201.547c0%20.428.143.835.448%201.12Zm1.913-5.761C52.255%2037.43%2056%2032.056%2056%2029.674c0-4.132-11.297-17.303-27.99-17.303c-3.46%200-6.697.59-9.669%201.567l5.313%205.293a11%2011%200%200%201%204.356-.896c6.31%200%2011.38%204.988%2011.38%2011.339c0%201.547-.326%203.033-.958%204.336ZM28.01%2046.977c3.766%200%207.267-.672%2010.402-1.771l-5.394-5.395a10.8%2010.8%200%200%201-5.008%201.201c-6.35%200-11.379-5.15-11.4-11.338c0-1.832.428-3.562%201.202-5.09l-7.084-7.124C4.01%2021.592%200%2027.231%200%2029.674c0%204.112%2011.501%2017.303%2028.01%2017.303m6.473-17.73a6.446%206.446%200%200%200-6.473-6.454c-.264%200-.53.02-.773.041l7.206%207.206c.02-.244.04-.529.04-.794m-12.966-.041c0%203.582%202.951%206.473%206.514%206.473c.285%200%20.55-.02.834-.04l-7.308-7.309c-.02.285-.04.59-.04.876%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%2056%2056%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M43.95%2047.323c.304.305.732.468%201.119.468c.814%200%201.567-.733%201.567-1.568c0-.407-.163-.814-.468-1.12L12.112%2011.069a1.57%201.57%200%200%200-1.12-.448c-.814%200-1.567.733-1.567%201.547c0%20.428.143.835.448%201.12Zm1.913-5.761C52.255%2037.43%2056%2032.056%2056%2029.674c0-4.132-11.297-17.303-27.99-17.303c-3.46%200-6.697.59-9.669%201.567l5.313%205.293a11%2011%200%200%201%204.356-.896c6.31%200%2011.38%204.988%2011.38%2011.339c0%201.547-.326%203.033-.958%204.336ZM28.01%2046.977c3.766%200%207.267-.672%2010.402-1.771l-5.394-5.395a10.8%2010.8%200%200%201-5.008%201.201c-6.35%200-11.379-5.15-11.4-11.338c0-1.832.428-3.562%201.202-5.09l-7.084-7.124C4.01%2021.592%200%2027.231%200%2029.674c0%204.112%2011.501%2017.303%2028.01%2017.303m6.473-17.73a6.446%206.446%200%200%200-6.473-6.454c-.264%200-.53.02-.773.041l7.206%207.206c.02-.244.04-.529.04-.794m-12.966-.041c0%203.582%202.951%206.473%206.514%206.473c.285%200%20.55-.02.834-.04l-7.308-7.309c-.02.285-.04.59-.04.876%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/f7/eye-slash-fill.svg?color=%231a73e8&size=48
