eye slash icon
eye-slash from Framework7 Icons by Vladimir Kharlampidi · Outline · MIT Free for personal and commercial use.
- Name
- eye-slash
- Set
- Framework7 Icons
- Style
- Outline
- 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.722 47.201c.303.303.727.465 1.11.465c.808 0 1.555-.727 1.555-1.555c0-.404-.16-.808-.464-1.11L12.137 11.233a1.56 1.56 0 0 0-1.11-.444c-.808 0-1.556.727-1.556 1.535c0 .424.142.828.445 1.11ZM28.01 12.386c-3.514 0-6.684.605-9.653 1.595l2.646 2.645c2.241-.666 4.503-1.05 7.007-1.05c13.692 0 24.456 11.713 24.456 14.116c0 1.636-3.534 6.039-9.128 9.472l2.484 2.484C52.204 37.508 56 32.075 56 29.692c0-4.14-11.269-17.306-27.99-17.306m0 34.613c3.756 0 7.19-.666 10.32-1.736l-2.646-2.646c-2.403.747-4.948 1.192-7.674 1.192c-13.692 0-24.476-11.269-24.476-14.116c0-1.414 3.756-6.12 9.694-9.694l-2.505-2.504C4 21.655 0 27.249 0 29.692C0 33.813 11.49 47 28.01 47m10.36-12.884a10.6 10.6 0 0 0 .97-4.423c0-6.32-5.05-11.309-11.33-11.309c-1.595 0-3.09.344-4.443.93Zm-10.36 6.887c1.777 0 3.453-.445 4.948-1.172L17.832 24.684c-.767 1.495-1.171 3.191-1.171 5.008c0 6.16 5.028 11.31 11.35 11.31"/></svg>
React
import type { SVGProps } from "react";
export function F7EyeSlash(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.722 47.201c.303.303.727.465 1.11.465c.808 0 1.555-.727 1.555-1.555c0-.404-.16-.808-.464-1.11L12.137 11.233a1.56 1.56 0 0 0-1.11-.444c-.808 0-1.556.727-1.556 1.535c0 .424.142.828.445 1.11ZM28.01 12.386c-3.514 0-6.684.605-9.653 1.595l2.646 2.645c2.241-.666 4.503-1.05 7.007-1.05c13.692 0 24.456 11.713 24.456 14.116c0 1.636-3.534 6.039-9.128 9.472l2.484 2.484C52.204 37.508 56 32.075 56 29.692c0-4.14-11.269-17.306-27.99-17.306m0 34.613c3.756 0 7.19-.666 10.32-1.736l-2.646-2.646c-2.403.747-4.948 1.192-7.674 1.192c-13.692 0-24.476-11.269-24.476-14.116c0-1.414 3.756-6.12 9.694-9.694l-2.505-2.504C4 21.655 0 27.249 0 29.692C0 33.813 11.49 47 28.01 47m10.36-12.884a10.6 10.6 0 0 0 .97-4.423c0-6.32-5.05-11.309-11.33-11.309c-1.595 0-3.09.344-4.443.93Zm-10.36 6.887c1.777 0 3.453-.445 4.948-1.172L17.832 24.684c-.767 1.495-1.171 3.191-1.171 5.008c0 6.16 5.028 11.31 11.35 11.31"/></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.722 47.201c.303.303.727.465 1.11.465c.808 0 1.555-.727 1.555-1.555c0-.404-.16-.808-.464-1.11L12.137 11.233a1.56 1.56 0 0 0-1.11-.444c-.808 0-1.556.727-1.556 1.535c0 .424.142.828.445 1.11ZM28.01 12.386c-3.514 0-6.684.605-9.653 1.595l2.646 2.645c2.241-.666 4.503-1.05 7.007-1.05c13.692 0 24.456 11.713 24.456 14.116c0 1.636-3.534 6.039-9.128 9.472l2.484 2.484C52.204 37.508 56 32.075 56 29.692c0-4.14-11.269-17.306-27.99-17.306m0 34.613c3.756 0 7.19-.666 10.32-1.736l-2.646-2.646c-2.403.747-4.948 1.192-7.674 1.192c-13.692 0-24.476-11.269-24.476-14.116c0-1.414 3.756-6.12 9.694-9.694l-2.505-2.504C4 21.655 0 27.249 0 29.692C0 33.813 11.49 47 28.01 47m10.36-12.884a10.6 10.6 0 0 0 .97-4.423c0-6.32-5.05-11.309-11.33-11.309c-1.595 0-3.09.344-4.443.93Zm-10.36 6.887c1.777 0 3.453-.445 4.948-1.172L17.832 24.684c-.767 1.495-1.171 3.191-1.171 5.008c0 6.16 5.028 11.31 11.35 11.31"/></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%2056%2056%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M43.722%2047.201c.303.303.727.465%201.11.465c.808%200%201.555-.727%201.555-1.555c0-.404-.16-.808-.464-1.11L12.137%2011.233a1.56%201.56%200%200%200-1.11-.444c-.808%200-1.556.727-1.556%201.535c0%20.424.142.828.445%201.11ZM28.01%2012.386c-3.514%200-6.684.605-9.653%201.595l2.646%202.645c2.241-.666%204.503-1.05%207.007-1.05c13.692%200%2024.456%2011.713%2024.456%2014.116c0%201.636-3.534%206.039-9.128%209.472l2.484%202.484C52.204%2037.508%2056%2032.075%2056%2029.692c0-4.14-11.269-17.306-27.99-17.306m0%2034.613c3.756%200%207.19-.666%2010.32-1.736l-2.646-2.646c-2.403.747-4.948%201.192-7.674%201.192c-13.692%200-24.476-11.269-24.476-14.116c0-1.414%203.756-6.12%209.694-9.694l-2.505-2.504C4%2021.655%200%2027.249%200%2029.692C0%2033.813%2011.49%2047%2028.01%2047m10.36-12.884a10.6%2010.6%200%200%200%20.97-4.423c0-6.32-5.05-11.309-11.33-11.309c-1.595%200-3.09.344-4.443.93Zm-10.36%206.887c1.777%200%203.453-.445%204.948-1.172L17.832%2024.684c-.767%201.495-1.171%203.191-1.171%205.008c0%206.16%205.028%2011.31%2011.35%2011.31%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.722%2047.201c.303.303.727.465%201.11.465c.808%200%201.555-.727%201.555-1.555c0-.404-.16-.808-.464-1.11L12.137%2011.233a1.56%201.56%200%200%200-1.11-.444c-.808%200-1.556.727-1.556%201.535c0%20.424.142.828.445%201.11ZM28.01%2012.386c-3.514%200-6.684.605-9.653%201.595l2.646%202.645c2.241-.666%204.503-1.05%207.007-1.05c13.692%200%2024.456%2011.713%2024.456%2014.116c0%201.636-3.534%206.039-9.128%209.472l2.484%202.484C52.204%2037.508%2056%2032.075%2056%2029.692c0-4.14-11.269-17.306-27.99-17.306m0%2034.613c3.756%200%207.19-.666%2010.32-1.736l-2.646-2.646c-2.403.747-4.948%201.192-7.674%201.192c-13.692%200-24.476-11.269-24.476-14.116c0-1.414%203.756-6.12%209.694-9.694l-2.505-2.504C4%2021.655%200%2027.249%200%2029.692C0%2033.813%2011.49%2047%2028.01%2047m10.36-12.884a10.6%2010.6%200%200%200%20.97-4.423c0-6.32-5.05-11.309-11.33-11.309c-1.595%200-3.09.344-4.443.93Zm-10.36%206.887c1.777%200%203.453-.445%204.948-1.172L17.832%2024.684c-.767%201.495-1.171%203.191-1.171%205.008c0%206.16%205.028%2011.31%2011.35%2011.31%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/f7/eye-slash.svg?color=%231a73e8&size=48
