eye slash icon
eye-slash-duotone from Phosphor by Phosphor Icons · Duotone · MIT Free for personal and commercial use.
- Name
- eye-slash-duotone
- Set
- Phosphor
- Style
- Duotone
- Viewbox
- 256×256
- License
- MIT
5 other variants in Phosphor
The same icon in other sets
Related icons in Phosphor
Use the eye slash icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 256"><g fill="currentColor"><path d="M128 56c-80 0-112 72-112 72s32 72 112 72s112-72 112-72s-32-72-112-72m0 112a40 40 0 1 1 40-40a40 40 0 0 1-40 40" opacity=".2"/><path d="M53.92 34.62a8 8 0 1 0-11.84 10.76l19.24 21.17C25 88.84 9.38 123.2 8.69 124.76a8 8 0 0 0 0 6.5c.35.79 8.82 19.57 27.65 38.4C61.43 194.74 93.12 208 128 208a127.1 127.1 0 0 0 52.07-10.83l22 24.21a8 8 0 1 0 11.84-10.76Zm47.33 75.84l41.67 45.85a32 32 0 0 1-41.67-45.85M128 192c-30.78 0-57.67-11.19-79.93-33.25A133.2 133.2 0 0 1 25 128c4.69-8.79 19.66-33.39 47.35-49.38l18 19.75a48 48 0 0 0 63.66 70l14.73 16.2A112 112 0 0 1 128 192m6-95.43a8 8 0 0 1 3-15.72a48.16 48.16 0 0 1 38.77 42.64a8 8 0 0 1-7.22 8.71a6 6 0 0 1-.75 0a8 8 0 0 1-8-7.26A32.09 32.09 0 0 0 134 96.57m113.28 34.69c-.42.94-10.55 23.37-33.36 43.8a8 8 0 1 1-10.67-11.92a132.8 132.8 0 0 0 27.8-35.14a133.2 133.2 0 0 0-23.12-30.77C185.67 75.19 158.78 64 128 64a118.4 118.4 0 0 0-19.36 1.57A8 8 0 1 1 106 49.79A134 134 0 0 1 128 48c34.88 0 66.57 13.26 91.66 38.35c18.83 18.83 27.3 37.62 27.65 38.41a8 8 0 0 1 0 6.5Z"/></g></svg>
React
import type { SVGProps } from "react";
export function PhEyeSlashDuotone(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 256"><g fill="currentColor"><path d="M128 56c-80 0-112 72-112 72s32 72 112 72s112-72 112-72s-32-72-112-72m0 112a40 40 0 1 1 40-40a40 40 0 0 1-40 40" opacity=".2"/><path d="M53.92 34.62a8 8 0 1 0-11.84 10.76l19.24 21.17C25 88.84 9.38 123.2 8.69 124.76a8 8 0 0 0 0 6.5c.35.79 8.82 19.57 27.65 38.4C61.43 194.74 93.12 208 128 208a127.1 127.1 0 0 0 52.07-10.83l22 24.21a8 8 0 1 0 11.84-10.76Zm47.33 75.84l41.67 45.85a32 32 0 0 1-41.67-45.85M128 192c-30.78 0-57.67-11.19-79.93-33.25A133.2 133.2 0 0 1 25 128c4.69-8.79 19.66-33.39 47.35-49.38l18 19.75a48 48 0 0 0 63.66 70l14.73 16.2A112 112 0 0 1 128 192m6-95.43a8 8 0 0 1 3-15.72a48.16 48.16 0 0 1 38.77 42.64a8 8 0 0 1-7.22 8.71a6 6 0 0 1-.75 0a8 8 0 0 1-8-7.26A32.09 32.09 0 0 0 134 96.57m113.28 34.69c-.42.94-10.55 23.37-33.36 43.8a8 8 0 1 1-10.67-11.92a132.8 132.8 0 0 0 27.8-35.14a133.2 133.2 0 0 0-23.12-30.77C185.67 75.19 158.78 64 128 64a118.4 118.4 0 0 0-19.36 1.57A8 8 0 1 1 106 49.79A134 134 0 0 1 128 48c34.88 0 66.57 13.26 91.66 38.35c18.83 18.83 27.3 37.62 27.65 38.41a8 8 0 0 1 0 6.5Z"/></g></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 256"><g fill="currentColor"><path d="M128 56c-80 0-112 72-112 72s32 72 112 72s112-72 112-72s-32-72-112-72m0 112a40 40 0 1 1 40-40a40 40 0 0 1-40 40" opacity=".2"/><path d="M53.92 34.62a8 8 0 1 0-11.84 10.76l19.24 21.17C25 88.84 9.38 123.2 8.69 124.76a8 8 0 0 0 0 6.5c.35.79 8.82 19.57 27.65 38.4C61.43 194.74 93.12 208 128 208a127.1 127.1 0 0 0 52.07-10.83l22 24.21a8 8 0 1 0 11.84-10.76Zm47.33 75.84l41.67 45.85a32 32 0 0 1-41.67-45.85M128 192c-30.78 0-57.67-11.19-79.93-33.25A133.2 133.2 0 0 1 25 128c4.69-8.79 19.66-33.39 47.35-49.38l18 19.75a48 48 0 0 0 63.66 70l14.73 16.2A112 112 0 0 1 128 192m6-95.43a8 8 0 0 1 3-15.72a48.16 48.16 0 0 1 38.77 42.64a8 8 0 0 1-7.22 8.71a6 6 0 0 1-.75 0a8 8 0 0 1-8-7.26A32.09 32.09 0 0 0 134 96.57m113.28 34.69c-.42.94-10.55 23.37-33.36 43.8a8 8 0 1 1-10.67-11.92a132.8 132.8 0 0 0 27.8-35.14a133.2 133.2 0 0 0-23.12-30.77C185.67 75.19 158.78 64 128 64a118.4 118.4 0 0 0-19.36 1.57A8 8 0 1 1 106 49.79A134 134 0 0 1 128 48c34.88 0 66.57 13.26 91.66 38.35c18.83 18.83 27.3 37.62 27.65 38.41a8 8 0 0 1 0 6.5Z"/></g></svg> </template>
CSS
.icon-eye-slash-duotone {
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%20256%20256%22%3E%3Cg%20fill%3D%22currentColor%22%3E%3Cpath%20d%3D%22M128%2056c-80%200-112%2072-112%2072s32%2072%20112%2072s112-72%20112-72s-32-72-112-72m0%20112a40%2040%200%201%201%2040-40a40%2040%200%200%201-40%2040%22%20opacity%3D%22.2%22%2F%3E%3Cpath%20d%3D%22M53.92%2034.62a8%208%200%201%200-11.84%2010.76l19.24%2021.17C25%2088.84%209.38%20123.2%208.69%20124.76a8%208%200%200%200%200%206.5c.35.79%208.82%2019.57%2027.65%2038.4C61.43%20194.74%2093.12%20208%20128%20208a127.1%20127.1%200%200%200%2052.07-10.83l22%2024.21a8%208%200%201%200%2011.84-10.76Zm47.33%2075.84l41.67%2045.85a32%2032%200%200%201-41.67-45.85M128%20192c-30.78%200-57.67-11.19-79.93-33.25A133.2%20133.2%200%200%201%2025%20128c4.69-8.79%2019.66-33.39%2047.35-49.38l18%2019.75a48%2048%200%200%200%2063.66%2070l14.73%2016.2A112%20112%200%200%201%20128%20192m6-95.43a8%208%200%200%201%203-15.72a48.16%2048.16%200%200%201%2038.77%2042.64a8%208%200%200%201-7.22%208.71a6%206%200%200%201-.75%200a8%208%200%200%201-8-7.26A32.09%2032.09%200%200%200%20134%2096.57m113.28%2034.69c-.42.94-10.55%2023.37-33.36%2043.8a8%208%200%201%201-10.67-11.92a132.8%20132.8%200%200%200%2027.8-35.14a133.2%20133.2%200%200%200-23.12-30.77C185.67%2075.19%20158.78%2064%20128%2064a118.4%20118.4%200%200%200-19.36%201.57A8%208%200%201%201%20106%2049.79A134%20134%200%200%201%20128%2048c34.88%200%2066.57%2013.26%2091.66%2038.35c18.83%2018.83%2027.3%2037.62%2027.65%2038.41a8%208%200%200%201%200%206.5Z%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%20256%20256%22%3E%3Cg%20fill%3D%22currentColor%22%3E%3Cpath%20d%3D%22M128%2056c-80%200-112%2072-112%2072s32%2072%20112%2072s112-72%20112-72s-32-72-112-72m0%20112a40%2040%200%201%201%2040-40a40%2040%200%200%201-40%2040%22%20opacity%3D%22.2%22%2F%3E%3Cpath%20d%3D%22M53.92%2034.62a8%208%200%201%200-11.84%2010.76l19.24%2021.17C25%2088.84%209.38%20123.2%208.69%20124.76a8%208%200%200%200%200%206.5c.35.79%208.82%2019.57%2027.65%2038.4C61.43%20194.74%2093.12%20208%20128%20208a127.1%20127.1%200%200%200%2052.07-10.83l22%2024.21a8%208%200%201%200%2011.84-10.76Zm47.33%2075.84l41.67%2045.85a32%2032%200%200%201-41.67-45.85M128%20192c-30.78%200-57.67-11.19-79.93-33.25A133.2%20133.2%200%200%201%2025%20128c4.69-8.79%2019.66-33.39%2047.35-49.38l18%2019.75a48%2048%200%200%200%2063.66%2070l14.73%2016.2A112%20112%200%200%201%20128%20192m6-95.43a8%208%200%200%201%203-15.72a48.16%2048.16%200%200%201%2038.77%2042.64a8%208%200%200%201-7.22%208.71a6%206%200%200%201-.75%200a8%208%200%200%201-8-7.26A32.09%2032.09%200%200%200%20134%2096.57m113.28%2034.69c-.42.94-10.55%2023.37-33.36%2043.8a8%208%200%201%201-10.67-11.92a132.8%20132.8%200%200%200%2027.8-35.14a133.2%20133.2%200%200%200-23.12-30.77C185.67%2075.19%20158.78%2064%20128%2064a118.4%20118.4%200%200%200-19.36%201.57A8%208%200%201%201%20106%2049.79A134%20134%200%200%201%20128%2048c34.88%200%2066.57%2013.26%2091.66%2038.35c18.83%2018.83%2027.3%2037.62%2027.65%2038.41a8%208%200%200%201%200%206.5Z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/ph/eye-slash-duotone.svg?color=%231a73e8&size=48
